@font-face { font-family: Epilogue; src: url("https://cdn.prod.website-files.com/662aeb24949716cddc0a6860/662c4e6a76e29cf832233cda_epilogue-v17-latin-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Epilogue; src: url("https://cdn.prod.website-files.com/662aeb24949716cddc0a6860/662c4e6a2e2074187d87ff50_epilogue-v17-latin-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Epilogue; src: url("https://cdn.prod.website-files.com/662aeb24949716cddc0a6860/662c4e6a245600d04eb9a583_epilogue-v17-latin-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: Epilogue; src: url("https://cdn.prod.website-files.com/662aeb24949716cddc0a6860/662c4e6acb810b870ab62fa9_epilogue-v17-latin-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Petrona; src: url("https://cdn.prod.website-files.com/662aeb24949716cddc0a6860/662c4ea17ca216f18a8bb30c_petrona-v32-latin-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Petrona; src: url("https://cdn.prod.website-files.com/662aeb24949716cddc0a6860/662c4ea1f7fc70afcba7148b_petrona-v32-latin-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: Petrona; src: url("https://cdn.prod.website-files.com/662aeb24949716cddc0a6860/662c4ea10be4c67854932cc1_petrona-v32-latin-600italic.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: Petrona; src: url("https://cdn.prod.website-files.com/662aeb24949716cddc0a6860/662c4ea19d50264256d991e2_petrona-v32-latin-500italic.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: Petrona; src: url("https://cdn.prod.website-files.com/662aeb24949716cddc0a6860/662c4ea1cb3e06695e508b13_petrona-v32-latin-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: Petrona; src: url("https://cdn.prod.website-files.com/662aeb24949716cddc0a6860/662c4ea12e2074187d882bf4_petrona-v32-latin-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Noto Color Emoji; src: url("https://cdn.prod.website-files.com/662aeb24949716cddc0a6860/66b5171f4a7ba610ece00c2c_noto-color-emoji-v30-emoji-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } :root { --color--white: var(--swatch--white); --font-family--body: Epilogue, sans-serif; --color--dark-gray: var(--swatch--dark-gray); --text-desktop--body: var(--text-desktop--text-m); --text-tablet--body: var(--text-tablet--text-m); --text-mobile--body: var(--text-mobile--text-m); --font-family--titles: Epilogue, sans-serif; --heading-desktop--heading-xxl: 5rem; --heading-tablet--heading-xxl: 3.75rem; --heading-mobile--heading-xxl: 2.5rem; --heading-desktop--heading-xl: 2.5rem; --heading-tablet--heading-xl: 2.25rem; --heading-mobile--heading-xl: 1.5rem; --heading-desktop--heading-l: 1.25rem; --heading-tablet--heading-l: 1.0625rem; --heading-mobile--heading-l: 1.0625rem; --heading-desktop--heading-m: 2rem; --heading-tablet--heading-m: 2rem; --heading-mobile--heading-m: 1.5rem; --heading-desktop--heading-s: 1.5rem; --heading-tablet--heading-s: 1.5rem; --heading-mobile--heading-s: 1rem; --heading-desktop--heading-xs: 1.25rem; --heading-tablet--heading-xs: 1.25rem; --heading-mobile--heading-xs: .75rem; --container--container: 93.75rem; --container-horizontal-padding--padding-desktop: 30px; --container-horizontal-padding--padding-tablet: 20px; --container-horizontal-padding--padding-mobile: 20px; --color--dark-blue: var(--swatch--dark-blue); --color--medium-blue: var(--swatch--medium-blue); --color--blue: var(--swatch--blue); --heading-desktop--eyebrow: 1.125rem; --heading-tablet--eyebrow: 1rem; --heading-mobile--eyebrow: .875rem; --text-desktop--text-xxl\<deleted\|variable-b8c245aa-3739-69c7-9f50-19b23d1ccf13\>: 2rem; --text-tablet--text-xxl\<deleted\|variable-2df654a2-3dd1-3df8-fde9-2c2ae500988f\>: 2rem; --text-mobile--text-xxl\<deleted\|variable-a9074164-eff5-6f2e-33ec-f67b4eb6450c\>: 1.5rem; --text-desktop--text-xl\<deleted\|variable-9f85132e-9424-f0d3-bc66-ef611d72d548\>: 1.5rem; --text-tablet--text-xl\<deleted\|variable-8c4d198f-d673-621f-9de6-5935c76b73cd\>: 1.5rem; --text-mobile--text-xl\<deleted\|variable-3f881cd9-34ae-716b-126c-a1aafde0f297\>: 1.25rem; --text-desktop--text-l: 1.875rem; --text-tablet--text-l: 1.625rem; --text-mobile--text-l: 1.25rem; --text-desktop--text-m: 1.25rem; --text-tablet--text-m: 1.0625rem; --text-mobile--text-m: 1.0625rem; --text-desktop--text-s: 1rem; --text-tablet--text-s: .875rem; --text-mobile--text-s: .875rem; --text-desktop--text-xs\<deleted\|variable-1c0f7960-be92-30a4-8e94-25da1ae45864\>: .875rem; --text-tablet--text-xs\<deleted\|variable-e23447c0-3482-5c03-7599-b8ccead83ed3\>: .875rem; --text-mobile--text-xs\<deleted\|variable-f1d403d4-e816-c878-77d8-100240976b5a\>: .875rem; --text-desktop--text-xxs\<deleted\|variable-0707303e-ce45-6c95-89bb-335b1f0ad9c4\>: .75rem; --text-tablet--text-xxs\<deleted\|variable-43d3d5d1-4b64-81ec-5cf3-a69bb3451b38\>: .75rem; --text-mobile--text-xxs\<deleted\|variable-117e9946-9591-db5e-2c09-da71d312c5df\>: .75rem; --color--light-blue: var(--swatch--light-blue); --color--medium-gray: var(--swatch--medium-gray); --color--light-gray: var(--swatch--light-gray); --color--black: var(--swatch--black); --font-family--eyebrow: Petrona, sans-serif; --font-family-elements--link: var(--font-family--body); --spacing--space-112: 112px; --spacing--space-96: 96px; --spacing--space-80: 80px; --spacing--space-64: 64px; --spacing--space-56: 56px; --spacing--space-48: 48px; --spacing--space-40: 40px; --spacing--space-32: 32px; --spacing--space-24: 24px; --spacing--space-16: 16px; --spacing--space-8: 8px; --spacing--space-4: 4px; --spacing--space-20: 20px; --spacing--space-10: 10px; --color--medium-green: var(--swatch--medium-green); --swatch--white: #fefff8; --text-desktop--sidebar: 1.875rem; --text-tablet--sidebar: 1.875rem; --text-mobile--sidebar: 1.25rem; --color--dark-green: var(--swatch--dark-green); --color--green: var(--swatch--green); --color--light-green: var(--swatch--light-green); --swatch--light-gray: #c6c6c6; --text-desktop--menu-items: 3.75rem; --text-tablet--menu-items: 3.125rem; --text-mobile--menu-items: 1.875rem; --text-desktop--under-menu-items: 1.25rem; --text-tablet--under-menu-items: 1.625rem; --text-mobile--under-menu-items: 1.125rem; --text-desktop--filter-text: 1.875rem; --text-tablet--filter-text: 1.625rem; --text-mobile--filter-text: 1.25rem; --text-desktop--filter-element: 2.125rem; --text-tablet--filter-element: 1.875rem; --text-mobile--filter-element: 1.5rem; --swatch--blue: #1169fe; --color--ea-gray: var(--swatch--ea-gray); --font-family--emoji: Arial, "Helvetica Neue", Helvetica, sans-serif; --swatch--dark-blue: #0e54cb; --swatch--medium-blue: #87b4fb; --swatch--light-blue: #f3f7ff; --swatch--dark-gray: #272727; --swatch--medium-gray: #919191; --swatch--black: #000; --swatch--dark-green: #309367; --swatch--green: #4fe9a4; --swatch--medium-green: #a4ffd6; --swatch--light-green: #ddfff0; --swatch--ea-gray: #e0e0e0; --font-family-elements--heading-xxl: var(--font-family--titles); --font-family-elements--heading-xl: var(--font-family--titles); --font-family-elements--heading-l: var(--font-family--titles); --font-family-elements--heading-m: var(--font-family--titles); --font-family-elements--heading-s: var(--font-family--titles); --font-family-elements--heading-xs: var(--font-family--titles); --font-family-elements--text-xxl: var(--font-family--body); --font-family-elements--text-xl: var(--font-family--body); --font-family-elements--text-l: var(--font-family--body); --font-family-elements--text-m: var(--font-family--body); --font-family-elements--text-s: var(--font-family--body); --font-family-elements--text-xs: var(--font-family--body); --font-family-elements--text-xxs: var(--font-family--body); --font-family-elements--paragraph: var(--font-family--body); --font-family-elements--button: var(--font-family--body); --spacing--space-0: 0px; --spacing--space-1: 1px; --spacing--space-2: 2px; --spacing--space-6: 6px; --spacing--space-12: 12px; --spacing--space-14: 14px; --spacing--space-28: 28px; --spacing--space-36: 36px; --spacing--space-104: 104px; --spacing--space-120: 120px; --spacing--space-128: 128px; --spacing--space-136: 136px; --spacing--space-144: 144px; --spacing--space-160: 160px; --spacing--space-176: 176px; --spacing--space-192: 192px; --spacing--space-208: 208px; --spacing--space-224: 224px; --spacing--space-240: 240px; --spacing--space-256: 256px; --spacing--space-30: 30px; --spacing--space-60: 60px; } body { font-family: var(--font-family--body); font-size: var(--text-desktop--text-m); } .main { margin-left: 360px; } @media (max-width: 1120px) { .main { margin-left: 0; } } .sidebar { background: #1169fe; border-color: #1169fe; width: 360px; z-index: 1000; } .pages, .chat-history { width: 100%; } @media (max-width: 1120px) { .chat { max-width: inherit; } } .sidebar header { border-color: #1169fe; } .sidebar .new-chat { clear: none; grid-column-gap: 8px; grid-row-gap: 8px; border: 1px solid var(--color--blue); background-color: var(--color--white); font-family: var(--font-family--eyebrow); color: var(--color--blue); text-align: center; border-radius: 2.1875rem; /*justify-content: center;*/ /*align-items: center;*/ max-width: 100%; font-size: 1.25rem; font-style: italic; font-weight: 500; line-height: 1.2; transition: all .2s; display: inline-flex; width: 202px; padding: 13.5px 24px; background-color: transparent; border-color: var(--color--medium-blue); color: var(--color--white); } .sidebar button.new-chat { width: 154px; } .chat-history-header { color: rgb(255 255 255 / 70%); } .page-item, .chat-history-item { font-family: var(--font-family--titles); color: var(--color--white); font-size: 1.1rem; padding: 8px 6px 8px 16px; font-weight: 500; line-height: 1.3; text-decoration: none; transition: transform .4s cubic-bezier(.25, 1, .5, 1), color .2s; } .page-item:hover, .chat-history-item:hover { background: rgb(0 0 255 / 20%); } .chat-history-item .delete { color: #fff; } .chat_body { padding: 24px 32px 124px; overflow: auto; } .org-description { line-height: 1.5; } .chat-sources ul li a { display: inline-flex; font-size: 1rem; text-decoration: none; border-style: dotted; border-color: var(--color--blue); clear: none; grid-column-gap: 8px; grid-row-gap: 8px; border: 1px solid var(--color--blue); background-color: var(--color--white); font-family: var(--font-family--eyebrow); color: var(--color--blue); text-align: center; border-radius: 2.1875rem; padding: 8px 20px; font-style: italic; font-weight: 500; line-height: 1.2; transition: all .2s; } .composer { /*margin: 0 16px;*/ } .chat_send { position: absolute; right: 5px; top: 5px; height: 51px; background: var(--color--blue); border-color: var(--color--blue); font-size: 1.25rem; font-family: var(--font-family--body); } .chat_textarea { font-size: 1.25rem; font-family: var(--font-family--body); } .chat_bubble.chat_bubble--ai { border: 1px solid #c6c6c6; border-radius: 1.875rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 48.75rem; height: auto; margin-bottom: 30px; padding: 60px; display: flex; position: relative; overflow: hidden; font-family: var(--font-family--body); font-size: var(--text-desktop--text-m); font-weight: 400; line-height: 1.5; transform: translateX(-16px); } .chat_bubble.chat_bubble--user { float: right; grid-column-gap: 8px; grid-row-gap: 8px; background-color: #272727; color: #fff; text-align: right; border-radius: 1.875rem; justify-content: center; align-items: center; min-width: 9.375rem; max-width: 39.375rem; margin-left: 80px; margin-bottom: 30px; padding: 8px 30px; font-style: italic; transition: all .2s; display: inline-flex; font-family: var(--font-family--body); font-size: var(--text-desktop--text-m); font-weight: 400; line-height: 1.5; transform: translateX(16px); }