.button{--button-icon-size:16px;width:fit-content;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:var(--text-label--line-height);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;text-decoration:none;transition:background-color .5s cubic-bezier(.6,0,.1,1),color .5s cubic-bezier(.6,0,.1,1);display:inline-flex;overflow:hidden}.button--small{--button-height:40px;min-height:var(--button-height);border-radius:15px;padding-inline:20px}.button--large{--button-height:60px;min-height:var(--button-height);border-radius:20px;padding-inline:30px}.button--large.button--text-icon{padding-left:25px;padding-right:30px}.button--text-icon{gap:16px}.button--small.button--icon{width:40px;height:40px;min-height:40px;padding:0}.button--large.button--icon{width:60px;height:60px;min-height:60px;padding:0}.button--icon-expand{width:max-content;min-width:var(--button-height);max-width:var(--button-height);height:var(--button-height);padding-left:calc((var(--button-height) - var(--button-icon-size)) / 2);padding-right:calc((var(--button-height) - var(--button-icon-size)) / 2);justify-content:flex-start;transition:max-width .5s cubic-bezier(.6,0,.1,1),padding-right .5s cubic-bezier(.6,0,.1,1),background-color .5s cubic-bezier(.6,0,.1,1),color .5s cubic-bezier(.6,0,.1,1)}.button--fixed-width{width:var(--button-fixed-width,110px)}.button--small.button--fixed-width,.button--large.button--fixed-width,.button--large.button--text-icon.button--fixed-width{padding-inline:0}.button--black{background:var(--color-inverse-surface);color:var(--color-inverse-content)}.button--citrus{background:var(--color-accent);color:var(--color-on-accent)}.button--white{background:var(--color-surface);color:var(--color-content)}.button--outline{border:1px solid var(--color-border);color:var(--color-content);background:0 0}.button--black:not(:disabled):not([aria-disabled=true]):hover,.button--white:not(:disabled):not([aria-disabled=true]):hover{background:var(--color-accent);color:var(--color-on-accent)}.button--citrus:not(:disabled):not([aria-disabled=true]):hover{background:var(--color-inverse-surface);color:var(--color-inverse-content)}.button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.button:disabled,.button[aria-disabled=true]{pointer-events:none;cursor:default}.button--black:is(:disabled,[aria-disabled=true]),.button--citrus:is(:disabled,[aria-disabled=true]){background:var(--color-grey-600)}.button:disabled :where(.button__icon,.button__label),.button[aria-disabled=true] :where(.button__icon,.button__label){opacity:.3}.button__icon{filter:drop-shadow(0 var(--button-height) 0 currentColor);flex:none;justify-content:center;align-items:center;transition:transform .45s cubic-bezier(.6,0,.1,1);display:inline-flex;width:var(--button-icon-size)!important;min-width:var(--button-icon-size)!important;max-width:var(--button-icon-size)!important;height:var(--button-icon-size)!important;min-height:var(--button-icon-size)!important;max-height:var(--button-icon-size)!important}.button__icon img,.button__icon svg,.button__icon .microphone-icon,.button__icon .system-icon{flex:none;display:block;width:var(--button-icon-size)!important;min-width:var(--button-icon-size)!important;max-width:var(--button-icon-size)!important;height:var(--button-icon-size)!important;min-height:var(--button-icon-size)!important;max-height:var(--button-icon-size)!important}.button__icon svg{fill:currentColor}.button__label{display:inline-grid}.button--icon-expand .button__label{opacity:0;flex:none;margin-left:20px;transition:opacity .18s}.button--icon-expand:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible){max-width:320px;padding-right:20px}.button--icon-expand:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible) .button__label{opacity:1}.button__label-text{grid-area:1/1;transition:transform .45s cubic-bezier(.6,0,.1,1)}.button__label-text--incoming{transform:translateY(var(--button-height))}@media (hover:hover) and (prefers-reduced-motion:no-preference){.button:not(:disabled):not([aria-disabled=true]):hover .button__label-text{transform:translateY(calc(0px - var(--button-height)))}.button:not(:disabled):not([aria-disabled=true]):hover .button__label-text--incoming{transform:translateY(0)}.button:not(:disabled):not([aria-disabled=true]):hover .button__icon{transform:translateY(calc(0px - var(--button-height)))}}@media (width<768px){.button--small{--button-height:30px;border-radius:10px;padding-inline:15px;font-size:13px}.button--small.button--icon,.button--small.button--icon-expand{--button-height:40px}.button--small.button--icon{width:40px;height:40px;min-height:40px;padding:0}}@media (prefers-reduced-motion:reduce){.button--icon-expand,.button--icon-expand .button__label,.button__label-text{transition:none}.button__label-text--incoming{display:none}.button__icon{transition:none}}.is-safari .button__icon{filter:none;transition:none;position:relative}.is-safari .button__icon>.safari-icon-layer{justify-content:center;align-items:center;transition:transform .45s cubic-bezier(.6,0,.1,1);display:flex;position:absolute;inset:0}.is-safari .button__icon>.safari-icon-layer--incoming{transform:translateY(var(--button-height))}@media (hover:hover) and (prefers-reduced-motion:no-preference){.is-safari .button:not(:disabled):not([aria-disabled=true]):hover .button__icon{transform:none}.is-safari .button:not(:disabled):not([aria-disabled=true]):hover .button__icon>.safari-icon-layer{transform:translateY(calc(0px - var(--button-height)))}.is-safari .button:not(:disabled):not([aria-disabled=true]):hover .button__icon>.safari-icon-layer--incoming{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.is-safari .button__icon>.safari-icon-layer{transition:none}.is-safari .button__icon>.safari-icon-layer--incoming{display:none}}.application-surface{overflow:var(--application-surface-overflow,hidden);border-radius:var(--application-surface-radius,20px);background:var(--app-surface);box-shadow:0 10px 20px #4747410a}.application-surface[tabindex="0"]{cursor:pointer}.application-surface:focus-visible{outline:2px solid var(--color-black);outline-offset:3px}.conversation-message{width:100%;color:var(--app-text);font:450 14px/1.3 var(--font-sans);flex-direction:column;align-items:flex-start;display:flex}.conversation-message__bubble{box-sizing:border-box;border-radius:15px;flex-direction:column;align-items:flex-start;width:fit-content;max-width:min(360px,100%);padding:20px;transition:padding-block .22s cubic-bezier(.2,.8,.2,1);display:flex}.conversation-message p{overflow-wrap:anywhere;margin:0}.conversation-message--user{align-items:flex-end}.conversation-message--user .conversation-message__bubble{background:var(--app-surface-muted)}.conversation-message--assistant{padding-right:20px}.conversation-message--assistant .conversation-message__bubble{border:1px solid #0808081a}.conversation-message--feedback{color:var(--app-text-muted);font-size:11px}.conversation-message--feedback .conversation-message__bubble{max-width:100%;padding:0}.conversation-message:is(.is-compact,.is-single-line) .conversation-message__bubble{justify-content:center;min-height:40px;padding-block:10px}@media (prefers-reduced-motion:reduce){.conversation-message__bubble{transition:none}}.icon-control{background:var(--icon-control-background,transparent);color:inherit;cursor:pointer;border:0;place-items:center;padding:0;display:grid}.icon-control:focus-visible{outline:2px solid var(--color-black);outline-offset:3px}.system-icon{-webkit-mask:var(--system-icon-url) center / contain no-repeat;mask:var(--system-icon-url) center / contain no-repeat;background:currentColor;display:block;mask-mode:alpha}.segmented-control{background:var(--app-surface);backdrop-filter:blur(7.5px);border-radius:15px;padding:2px;display:flex}
