: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:#ffffff40;--color-conversation-panel-active:#ffffff26;--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 #00000026;--content-leave-duration:.22s;--popup-fade-duration:.15s;--webapp-edge-inset-inline:var(--step-1);--webapp-edge-inset-block-end:24px}@media (width<=900px) and (orientation:portrait){:root{--webapp-edge-inset-inline:12px;--webapp-edge-inset-block-end:12px}}:root{--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)}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:0}h1{font-size:var(--step-4);line-height:1em}@media (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)}:is(p,.body-text).large{font-size:var(--step-0);line-height:var(--step-2)}:is(p,.body-text).small{font-size:calc(var(--step--2) + 2px);line-height:var(--step-0)}:is(p,.body-text).mini{font-size:calc(var(--step--2) - .5px);line-height:var(--step--1)}:is(p,.body-text).medium{--fontweight-body:500}:is(p,.body-text).bold{--fontweight-body:700}:is(p,.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 (width<=900px){.container-medium{max-width:unset}}.container-narrow{width:100%;max-width:var(--layout-max-width-narrow);margin-inline:auto}@media (width<=900px){.container-narrow{max-width:unset}}.container-buttons{z-index:2;pointer-events:none;align-self:end}.container-buttons>div{pointer-events:auto}.webapp-content-inset{padding-inline-end:var(--webapp-content-inset-end,0px)}@media (width<=900px){.webapp-content-inset{padding-inline:var(--step-1)}}button{pointer-events:auto}.reveal-content{animation:.4s cubic-bezier(.22,1,.36,1) both content-reveal;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;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1);display:grid}.collapsible>*{opacity:0;min-height:0;translate:0 calc(-1 * var(--collapsible-shift));transition:opacity .15s ease-in,translate .3s cubic-bezier(.22,1,.36,1);overflow:hidden}.collapsible.expanded{grid-template-rows:1fr}.collapsible.expanded>*{opacity:1;transition:opacity .25s ease-out 50ms,translate .3s cubic-bezier(.22,1,.36,1);translate:0}@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:#0000;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-radius:var(--cornerradius-button);border:none}:is(button.main,.button-main)>p,:is(button.main,.button-main)>svg{color:var(--color-button-fg)}button.main,.button-main{--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%)}:is(button.main,.button-main).secondary{--color-button-bg:var(--color-bg-secondary);--color-button-fg:var(--color-fg-main)}:is(button.main,.button-main).alert{background-color:#e60000}:is(button.main,.button-main):not(:disabled){cursor:pointer}:is(:is(button.main,.button-main):not(:disabled):hover,:is(button.main,.button-main):not(:disabled):focus-visible,:is(button.main,.button-main):not(:disabled):active)>p,:is(:is(button.main,.button-main):not(:disabled):hover,:is(button.main,.button-main):not(:disabled):focus-visible,:is(button.main,.button-main):not(:disabled):active)>svg{color:var(--color-fg-main);transition:color .2s ease-out}:is(button.main,.button-main):disabled{opacity:.4}button.main,.button-main{transition:background-color .2s ease-out}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{padding:var(--step--4);border:1px solid #0000001a;inset:auto}.settings-menu,.settings-menu.conversation-panel{border-radius:var(--cornerradius-card-small)}@media (width>=501px){@supports (anchor-name:--anchor){.settings-menu{left:anchor(left);bottom:anchor(top)}}}@supports not (anchor-name:--anchor){@media (width<=900px) and (width>=501px){.settings-menu{position:absolute;bottom:50px;left:15px}}@media (width>=901px){.settings-menu{position:absolute;bottom:65px;left:25px}}}.settings-menu>ul{padding:0;list-style:none}.settings-menu{--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)}.settings-menu:popover-open{opacity:1;translate: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{margin-bottom:var(--step--4)}.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 (width<=500px){.settings-menu,.settings-menu.submenu{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%;inset:auto 0 0}.settings-menu.submenu{--settings-menu-enter-shift:100% 0}.settings-menu:has(.submenu:popover-open:not(.closing)){translate:calc(-100% - var(--step--4)) 0}.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)){translate:calc(-100% - var(--step--4)) 0}.settings-menu.closing:has(.submenu:popover-open){translate:calc(-100% - var(--step--4)) 0}}button.settings-menu-item{align-items:center;gap:var(--step--2);width:100%;padding-inline:var(--step--4);display:flex}button.settings-menu-item>svg{height:var(--step-0);width:var(--step-0)}.webapp-tooltip{padding-inline:var(--step--4);padding-block:calc(var(--step--4) / 2);transform-origin:bottom;background-color:#000;border:none;border-radius:8px;margin:0;transition:transform .1s ease-out,opacity .1s ease-out;position:absolute}@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)}.hover:not(:disabled):hover,.hover:not(:disabled):focus-visible{background-color:var(--color-hover)}.hover:not(:disabled):active{background-color:var(--color-active)}.hover{transition:background-color .2s ease-out}.pre-wrap{white-space:pre-wrap}.conversation-panel{-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);border-radius:var(--step-2);background-color:#0006;border:none;border-block-start:1px solid #ffffff40;border-block-end:1px solid #00000040}.conversation-panel.hover{--color-hover:var(--color-conversation-panel-hover);--color-active:var(--color-conversation-panel-active)}.conversation-control{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background-color:#0006;border:none;border-radius:99px;box-shadow:inset 0 -1px #00000040,inset 0 1px #ffffff40}.answer-card{background-color:var(--color-bg-secondary);padding:var(--step--2);gap:var(--step--4);border:none;display:flex}.answer-card>p{text-align:start;margin-block-start:calc((var(--step--5) / 3))}.answer-card>.prefix{background-color:color-mix(in srgb, var(--color-fg-main) 10%, transparent);height:var(--step-1);min-width:var(--step-1);padding-inline:var(--step--5);align-content:center}.answer-card>.prefix p{color:inherit}.answer-card{outline-offset:-2px;outline:2px solid #0000}.answer-card:hover,.answer-card:focus-visible{outline-color:color-mix(in srgb, var(--color-fg-main) 10%, transparent)}:is(.answer-card:hover,.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);--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);padding:24px}dialog::backdrop{transition:background-color var(--popup-fade-duration) ease-out;background-color:#0000}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:#0000}}dialog.closing{opacity:0;translate:var(--dialog-enter-shift)}dialog.closing,dialog.closing *{pointer-events:none}dialog.closing::backdrop{pointer-events:auto;background-color:#0000}@media (width<=500px){dialog{padding:16px}}@media (prefers-reduced-motion:reduce){dialog{--dialog-enter-shift:0 0}}input[type=text],input[type=email],textarea{resize:vertical;padding:var(--step--2);outline:color-mix(in srgb, var(--color-fg-main) 20%, transparent) solid 1px;outline-offset:-1px;border:none;transition-property:min-height,outline,outline-offset;transition-duration:.2s;transition-timing-function:ease-out}:is(input[type=text],input[type=email],textarea)::placeholder{color:color-mix(in srgb, var(--color-fg-main) 40%, transparent);transition-property:color;transition-duration:.2s;transition-timing-function:ease-out}:is(input[type=text],input[type=email],textarea):hover,:is(input[type=text],input[type=email],textarea):focus-visible{outline-offset:-2px;outline-width:2px}:is(input[type=text],input[type=email],textarea):hover::placeholder{color:color-mix(in srgb, var(--color-fg-main) 60%, transparent)}:is(input[type=text],input[type=email],textarea):hover{outline-color:color-mix(in srgb, var(--color-fg-main) 40%, transparent)}:is(input[type=text],input[type=email],textarea):focus-visible{color:var(--color-fg-main);outline-color:var(--color-bg-action)}:is(input[type=text],input[type=email],textarea).expand{min-height:calc(var(--step-4) * 7)}@media (width<=900px){:is(input[type=text],input[type=email],textarea).expand{min-height:calc(var(--step-4) * 3)}}.dialog-title-bar{align-items:center;display:flex}.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:0;padding:6px}
