:root{--step--5: 5px;--step--4: 8px;--step--3: 10px;--step--2: 12px;--step--1: 15px;--step-0: 20px;--step-1: 24px;--step-2: 30px;--step-3: 35px;--step-4: 45px;--step-5: 60px}:root{--font-headers: ClashDisplay-Variable, sans-serif;--font-body: Supreme-Variable, sans-serif, system-ui;--font-body-italic: Supreme-VariableItalic, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--fontweight-headings: 500;--fontweight-body: 400;--letterspacing-headings: -1px;--letterspacing-body: 0px;--cornerradius-button: 99px;--cornerradius-card-medium: 32px;--cornerradius-card-small: 16px;--color-fg-main: #202122;--color-fg-inverse: white;--color-bg-secondary: #f5f5f5;--color-bg-main: white;--color-bg-action: #5f33ff;--color-fg-action: var(--color-fg-inverse);--color-preset-red: #e03100;--color-preset-orange: #ef5c0c;--color-preset-green: #34c049;--color-conversation-panel-hover: rgba(255, 255, 255, .25);--color-conversation-panel-active: rgba(255, 255, 255, .15);--layout-max-width-wide: 1120px;--layout-max-width-medium: 960px;--layout-max-width-narrow: 720px;--size-button-small-height: 32px;--dialog-width: 400px;--transitioncurve-spring: cubic-bezier(.1, .01, 0, 1.1);--shadow-panel-edge: 30px rgba(0, 0, 0, .15);--content-leave-duration: .22s;--popup-fade-duration: .15s;--webapp-edge-inset-inline: var(--step-1);--webapp-edge-inset-block-end: 24px;--webapp-conversation-control-size: var(--step-4);--webapp-conversation-control-gap: var(--step--4);--webapp-phone-video-header-height: 48px;--whiteboard-width: min(clamp(22rem, 30vw, 30rem), 50vw);--whiteboard-gap: var(--step--5);--whiteboard-occupied-width: calc(var(--whiteboard-width) + 2 * var(--whiteboard-gap));--whiteboard-sheet-height: 50dvh;--whiteboard-occupied-height: calc(var(--whiteboard-sheet-height) + var(--whiteboard-gap));--whiteboard-anim-duration: .3s;--whiteboard-anim: var(--whiteboard-anim-duration) cubic-bezier(.33, 1, .68, 1)}@media(max-width:900px)and (orientation:portrait){:root{--webapp-edge-inset-inline: 12px;--webapp-edge-inset-block-end: 12px}}h1,h2,h3{color:var(--color-fg-main);font-family:var(--font-headers);font-variation-settings:"wght" var(--fontweight-headings);letter-spacing:var(--letterspacing-headings);margin:0rem}h1{font-size:var(--step-4);line-height:1em}@media(max-width:900px){h1{font-size:var(--step-3)}}h2{font-size:var(--step-2);line-height:1em}h3{font-size:calc(var(--step-0) + 2px);line-height:var(--step-1)}p,.body-text{color:var(--color-fg-main);font-family:var(--font-body);font-size:var(--step--1);font-variation-settings:"wght" var(--fontweight-body);line-height:var(--step-1);letter-spacing:var(--letterspacing-body)}p.large,.body-text.large{font-size:var(--step-0);line-height:var(--step-2)}p.small,.body-text.small{font-size:calc(var(--step--2) + 2px);line-height:var(--step-0)}p.mini,.body-text.mini{font-size:calc(var(--step--2) - .5px);line-height:var(--step--1)}p.medium,.body-text.medium{--fontweight-body: 500}p.bold,.body-text.bold{--fontweight-body: 700}p a,.body-text a{color:inherit;font-family:inherit;font-size:inherit;font-variation-settings:inherit;line-height:inherit;letter-spacing:inherit}.rich-text b,.rich-text strong{font-variation-settings:"wght" 700}.rich-text i{font-family:var(--font-body-italic);font-style:italic}div{box-sizing:border-box}.container-wide{width:100%;max-width:var(--layout-max-width-wide);margin-inline:auto}.container-medium{width:100%;max-width:var(--layout-max-width-medium);margin-inline:auto}@media(max-width:900px){.container-medium{max-width:unset}}.container-narrow{width:100%;max-width:var(--layout-max-width-narrow);margin-inline:auto}@media(max-width:900px){.container-narrow{max-width:unset}}.container-buttons{align-self:end;z-index:2;pointer-events:none}.container-buttons>div{pointer-events:auto}.webapp-content-inset{padding-inline-end:var(--webapp-content-inset-end, 0px)}@media(max-width:900px){.webapp-content-inset{padding-inline:var(--step-1)}}button{pointer-events:auto}.reveal-content{animation:content-reveal .4s cubic-bezier(.22,1,.36,1) both;animation-delay:min(calc(var(--reveal-index, 0) * 60ms),.48s)}.animated-content{animation:var(--content-animation, none)}.animate-content-slide{--content-animation: content-slide-in .28s cubic-bezier(.22, 1, .36, 1) both}.animate-content-reveal{--content-animation: content-reveal .4s cubic-bezier(.22, 1, .36, 1) both}[data-content-direction]{--content-shift: 32px}[data-content-direction=backward]{--content-shift: -32px}.animate-content-leave .animated-content{animation:content-slide-out var(--content-leave-duration) ease-in both;pointer-events:none}@keyframes content-slide-in{0%{opacity:0;translate:var(--content-shift, 32px) 0}}@keyframes content-slide-out{60%,to{opacity:0}to{translate:calc(-1 * var(--content-shift, 32px)) 0}}@keyframes content-reveal{0%{opacity:0;translate:0 var(--content-reveal-shift, 16px)}}.collapsible{--collapsible-shift: 6px;display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1)}.collapsible>*{min-height:0;overflow:hidden;opacity:0;translate:0 calc(-1 * var(--collapsible-shift));transition:opacity .15s ease-in,translate .3s cubic-bezier(.22,1,.36,1)}.collapsible.expanded{grid-template-rows:1fr}.collapsible.expanded>*{opacity:1;translate:0 0;transition:opacity .25s ease-out .05s,translate .3s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){[data-content-direction],[data-content-direction=backward]{--content-shift: 0px}.reveal-content,.animate-content-reveal{--content-reveal-shift: 0px}.collapsible{--collapsible-shift: 0px}}button.no-background{background-color:transparent;border:none}button.main,.button-main{--color-button-bg: var(--color-bg-action);--color-button-fg: var(--color-fg-action);background-color:var(--color-button-bg);padding-inline:var(--step--1);padding-block:var(--step--4);border:none;border-radius:var(--cornerradius-button);--color-hover: color-mix(in lab, var(--color-bg-secondary) 80%, black 20%);--color-active: color-mix(in lab, var(--color-bg-secondary) 80%, black 10%);transition:background-color .2s ease-out}button.main>p,button.main>svg,.button-main>p,.button-main>svg{color:var(--color-button-fg)}button.main.secondary,.button-main.secondary{--color-button-bg: var(--color-bg-secondary);--color-button-fg: var(--color-fg-main)}button.main.alert,.button-main.alert{background-color:#e60000}button.main:not(:disabled),.button-main:not(:disabled){cursor:pointer}button.main:not(:disabled):hover>p,button.main:not(:disabled):hover>svg,button.main:not(:disabled):focus-visible>p,button.main:not(:disabled):focus-visible>svg,button.main:not(:disabled):active>p,button.main:not(:disabled):active>svg,.button-main:not(:disabled):hover>p,.button-main:not(:disabled):hover>svg,.button-main:not(:disabled):focus-visible>p,.button-main:not(:disabled):focus-visible>svg,.button-main:not(:disabled):active>p,.button-main:not(:disabled):active>svg{color:var(--color-fg-main);transition:color .2s ease-out}button.main:disabled,.button-main:disabled{opacity:.4}button.tertiary{padding-block:var(--step--4);padding-inline:var(--step--2);--color-hover: color-mix(in lab, var(--color-bg-secondary) 80%, black 20%);--color-active: color-mix(in lab, var(--color-bg-secondary) 90%, black 10%)}.settings-menu{inset:auto;border:rgba(0,0,0,.1) 1px solid;padding:var(--step--4);--settings-menu-enter-shift: 0 var(--step--4);opacity:0;translate:var(--settings-menu-enter-shift);transition:opacity var(--popup-fade-duration) ease-out,translate .25s cubic-bezier(.22,1,.36,1);margin-bottom:var(--step--4)}.settings-menu,.settings-menu.conversation-panel{border-radius:var(--cornerradius-card-small)}@media(min-width:501px){@supports (anchor-name: --anchor){.settings-menu{left:anchor(left);bottom:anchor(top)}}}@supports not (anchor-name: --anchor){@media(max-width:900px)and (min-width:501px){.settings-menu{position:absolute;bottom:50px;left:15px}}@media(min-width:901px){.settings-menu{position:absolute;bottom:65px;left:25px}}}.settings-menu>ul{list-style:none;padding:0}.settings-menu:popover-open{opacity:1;translate:0 0}@starting-style{.settings-menu:popover-open{opacity:0;translate:var(--settings-menu-enter-shift)}}.settings-menu.closing{opacity:0;translate:var(--settings-menu-enter-shift)}.settings-menu.submenu{left:anchor(right);bottom:anchor(bottom);margin-left:var(--step--4);--settings-menu-enter-shift: calc(-1 * var(--step--4)) 0}@media(max-width:500px){.settings-menu,.settings-menu.submenu{inset:auto 0 0 0;width:auto;margin:0 var(--step--4);border-radius:var(--cornerradius-card-medium) var(--cornerradius-card-medium) 0 0;--settings-menu-enter-shift: 0 100%}.settings-menu.submenu{--settings-menu-enter-shift: 100% 0}.settings-menu:has(.submenu:popover-open:not(.closing)),.settings-menu.closing:has(.submenu:popover-open){translate:calc(-100% - var(--step--4)) 0}}@media(prefers-reduced-motion:reduce){.settings-menu,.settings-menu.submenu{--settings-menu-enter-shift: 0 0}.settings-menu:has(.submenu:popover-open:not(.closing)),.settings-menu.closing:has(.submenu:popover-open){translate:calc(-100% - var(--step--4)) 0}}button.settings-menu-item{width:100%;display:flex;align-items:center;gap:var(--step--2);padding-inline:var(--step--4)}button.settings-menu-item>svg{height:var(--step-0);width:var(--step-0)}.webapp-tooltip{position:absolute;margin:0;border:none;border-radius:8px;padding-inline:var(--step--4);padding-block:calc(var(--step--4) / 2);background-color:#000;transform-origin:bottom;transition:transform .1s ease-out,opacity .1s ease-out}@starting-style{.webapp-tooltip{opacity:0;transform:scale(0)}}.webapp-tooltip>p{font-size:var(--step--2);color:var(--color-fg-inverse)}.webapp-tooltip>.arrow{height:var(--step--5);width:var(--step--5);border-radius:2px}.rounded{border-radius:var(--cornerradius-card-medium)}.rounded-small{border-radius:var(--cornerradius-card-small)}.hover{--color-hover: var(--color-bg-secondary);--color-active: var(--color-bg-secondary);transition:background-color .2s ease-out}.hover:not(:disabled):hover,.hover:not(:disabled):focus-visible{background-color:var(--color-hover)}.hover:not(:disabled):active{background-color:var(--color-active)}.pre-wrap{white-space:pre-wrap}.conversation-panel{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);background-color:#0006;border-radius:var(--step-2);border-block-end:1px solid rgba(0,0,0,.25);border-block-start:1px solid rgba(255,255,255,.25);border-inline-start:none;border-inline-end:none}.conversation-panel.hover{--color-hover: var(--color-conversation-panel-hover);--color-active: var(--color-conversation-panel-active)}.conversation-control{background-color:#0006;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);box-shadow:inset 0 -1px #00000040,inset 0 1px #ffffff40;border:none;border-radius:99px}.answer-card{display:flex;border:none;background-color:var(--color-bg-secondary);padding:var(--step--2);gap:var(--step--4);outline:transparent solid 2px;outline-offset:-2px}.answer-card>p{margin-block-start:calc((var(--step--5) / 3));text-align:start}.answer-card>.prefix{background-color:color-mix(in srgb,var(--color-fg-main) 10%,transparent);align-content:center;height:var(--step-1);min-width:var(--step-1);padding-inline:var(--step--5)}.answer-card>.prefix p{color:inherit}.answer-card:hover,.answer-card:focus-visible{outline-color:color-mix(in srgb,var(--color-fg-main) 10%,transparent)}.answer-card:hover>.prefix,.answer-card:focus-visible>.prefix{background-color:color-mix(in srgb,var(--color-fg-main) 20%,transparent)}.answer-card.selected{background-color:var(--color-bg-main);outline-color:var(--color-bg-action)}.answer-card.selected>.prefix{background-color:var(--color-bg-action);color:var(--color-fg-action)}.answer-card{transition:background-color .3s ease-out,outline-color .3s ease-out}.answer-card>.prefix{transition:background-color .3s ease-out,color .3s ease-out}dialog{border:1px solid color-mix(in srgb,var(--color-fg-main) 10%,transparent);padding:24px;--dialog-enter-shift: 0 var(--step--4);opacity:0;translate:var(--dialog-enter-shift);transition:opacity var(--popup-fade-duration) ease-out,translate .25s cubic-bezier(.22,1,.36,1)}dialog::backdrop{background-color:transparent;transition:background-color var(--popup-fade-duration) ease-out}dialog:is([open],:popover-open){opacity:1;translate:none}@starting-style{dialog:is([open],:popover-open){opacity:0;translate:var(--dialog-enter-shift)}}dialog:is([open],:popover-open)::backdrop{background-color:#00000040}@starting-style{dialog:is([open],:popover-open)::backdrop{background-color:transparent}}dialog.closing{opacity:0;translate:var(--dialog-enter-shift)}dialog.closing,dialog.closing *{pointer-events:none}dialog.closing::backdrop{background-color:transparent;pointer-events:auto}@media(max-width:500px){dialog{padding:16px}}@media(prefers-reduced-motion:reduce){dialog{--dialog-enter-shift: 0 0}}input[type=text],input[type=email],textarea{border:none;resize:vertical;padding:var(--step--2);outline:color-mix(in srgb,var(--color-fg-main) 20%,transparent) solid 1px;outline-offset:-1px;transition-duration:.2s;transition-timing-function:ease-out;transition-property:min-height,outline,outline-offset}input[type=text]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--color-fg-main) 40%,transparent);transition-duration:.2s;transition-timing-function:ease-out;transition-property:color}input[type=text]:hover,input[type=text]:focus-visible,input[type=email]:hover,input[type=email]:focus-visible,textarea:hover,textarea:focus-visible{outline-width:2px;outline-offset:-2px}input[type=text]:hover,input[type=email]:hover,textarea:hover{outline-color:color-mix(in srgb,var(--color-fg-main) 40%,transparent)}input[type=text]:hover::placeholder,input[type=email]:hover::placeholder,textarea:hover::placeholder{color:color-mix(in srgb,var(--color-fg-main) 60%,transparent)}input[type=text]:focus-visible,input[type=email]:focus-visible,textarea:focus-visible{color:var(--color-fg-main);outline-color:var(--color-bg-action)}input[type=text].expand,input[type=email].expand,textarea.expand{min-height:calc(var(--step-4) * 7)}@media(max-width:900px){input[type=text].expand,input[type=email].expand,textarea.expand{min-height:calc(var(--step-4) * 3)}}.dialog-title-bar{display:flex;align-items:center}.dialog-title-bar h3{flex-grow:1}.dialog-title-bar button.main.secondary{min-width:0;width:var(--size-button-small-height);height:var(--size-button-small-height);padding:6px}
