outsella-widget/dist/main.umd.js

A voice-enabled widget SDK for Outsella assistant

(function(hn,Ne){typeof exports=="object"&&typeof module<"u"?Ne(exports):typeof define=="function"&&define.amd?define(["exports"],Ne):(hn=typeof globalThis<"u"?globalThis:hn||self,Ne(hn.OutsellaWidget={}))})(this,function(hn){"use strict";var v$=Object.defineProperty;var w$=(hn,Ne,Xn)=>Ne in hn?v$(hn,Ne,{enumerable:!0,configurable:!0,writable:!0,value:Xn}):hn[Ne]=Xn;var lm=(hn,Ne,Xn)=>w$(hn,typeof Ne!="symbol"?Ne+"":Ne,Xn);var Ne=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Xn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Fu={exports:{}},Fe={};/**
 * @license React
 * react.production.min.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */var um;function ok(){if(um)return Fe;um=1;var e=Symbol.for("react.element"),t=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),u=Symbol.for("react.provider"),l=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),h=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),g=Symbol.iterator;function y(O){return O===null||typeof O!="object"?null:(O=g&&O[g]||O["@@iterator"],typeof O=="function"?O:null)}var b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},x=Object.assign,C={};function k(O,M,w){this.props=O,this.context=M,this.refs=C,this.updater=w||b}k.prototype.isReactComponent={},k.prototype.setState=function(O,M){if(typeof O!="object"&&typeof O!="function"&&O!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,O,M,"setState")},k.prototype.forceUpdate=function(O){this.updater.enqueueForceUpdate(this,O,"forceUpdate")};function S(){}S.prototype=k.prototype;function L(O,M,w){this.props=O,this.context=M,this.refs=C,this.updater=w||b}var P=L.prototype=new S;P.constructor=L,x(P,k.prototype),P.isPureReactComponent=!0;var A=Array.isArray,R=Object.prototype.hasOwnProperty,D={current:null},_={key:!0,ref:!0,__self:!0,__source:!0};function E(O,M,w){var V,z={},W=null,H=null;if(M!=null)for(V in M.ref!==void 0&&(H=M.ref),M.key!==void 0&&(W=""+M.key),M)R.call(M,V)&&!_.hasOwnProperty(V)&&(z[V]=M[V]);var J=arguments.length-2;if(J===1)z.children=w;else if(1<J){for(var U=Array(J),ce=0;ce<J;ce++)U[ce]=arguments[ce+2];z.children=U}if(O&&O.defaultProps)for(V in J=O.defaultProps,J)z[V]===void 0&&(z[V]=J[V]);return{$$typeof:e,type:O,key:W,ref:H,props:z,_owner:D.current}}function $(O,M){return{$$typeof:e,type:O.type,key:M,ref:O.ref,props:O.props,_owner:O._owner}}function F(O){return typeof O=="object"&&O!==null&&O.$$typeof===e}function q(O){var M={"=":"=0",":":"=2"};return"$"+O.replace(/[=:]/g,function(w){return M[w]})}var K=/\/+/g;function ie(O,M){return typeof O=="object"&&O!==null&&O.key!=null?q(""+O.key):M.toString(36)}function oe(O,M,w,V,z){var W=typeof O;(W==="undefined"||W==="boolean")&&(O=null);var H=!1;if(O===null)H=!0;else switch(W){case"string":case"number":H=!0;break;case"object":switch(O.$$typeof){case e:case t:H=!0}}if(H)return H=O,z=z(H),O=V===""?"."+ie(H,0):V,A(z)?(w="",O!=null&&(w=O.replace(K,"$&/")+"/"),oe(z,M,w,"",function(ce){return ce})):z!=null&&(F(z)&&(z=$(z,w+(!z.key||H&&H.key===z.key?"":(""+z.key).replace(K,"$&/")+"/")+O)),M.push(z)),1;if(H=0,V=V===""?".":V+":",A(O))for(var J=0;J<O.length;J++){W=O[J];var U=V+ie(W,J);H+=oe(W,M,w,U,z)}else if(U=y(O),typeof U=="function")for(O=U.call(O),J=0;!(W=O.next()).done;)W=W.value,U=V+ie(W,J++),H+=oe(W,M,w,U,z);else if(W==="object")throw M=String(O),Error("Objects are not valid as a React child (found: "+(M==="[object Object]"?"object with keys {"+Object.keys(O).join(", ")+"}":M)+"). If you meant to render a collection of children, use an array instead.");return H}function fe(O,M,w){if(O==null)return O;var V=[],z=0;return oe(O,V,"","",function(W){return M.call(w,W,z++)}),V}function te(O){if(O._status===-1){var M=O._result;M=M(),M.then(function(w){(O._status===0||O._status===-1)&&(O._status=1,O._result=w)},function(w){(O._status===0||O._status===-1)&&(O._status=2,O._result=w)}),O._status===-1&&(O._status=0,O._result=M)}if(O._status===1)return O._result.default;throw O._result}var re={current:null},Q={transition:null},se={ReactCurrentDispatcher:re,ReactCurrentBatchConfig:Q,ReactCurrentOwner:D};return Fe.Children={map:fe,forEach:function(O,M,w){fe(O,function(){M.apply(this,arguments)},w)},count:function(O){var M=0;return fe(O,function(){M++}),M},toArray:function(O){return fe(O,function(M){return M})||[]},only:function(O){if(!F(O))throw Error("React.Children.only expected to receive a single React element child.");return O}},Fe.Component=k,Fe.Fragment=n,Fe.Profiler=s,Fe.PureComponent=L,Fe.StrictMode=o,Fe.Suspense=f,Fe.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=se,Fe.cloneElement=function(O,M,w){if(O==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+O+".");var V=x({},O.props),z=O.key,W=O.ref,H=O._owner;if(M!=null){if(M.ref!==void 0&&(W=M.ref,H=D.current),M.key!==void 0&&(z=""+M.key),O.type&&O.type.defaultProps)var J=O.type.defaultProps;for(U in M)R.call(M,U)&&!_.hasOwnProperty(U)&&(V[U]=M[U]===void 0&&J!==void 0?J[U]:M[U])}var U=arguments.length-2;if(U===1)V.children=w;else if(1<U){J=Array(U);for(var ce=0;ce<U;ce++)J[ce]=arguments[ce+2];V.children=J}return{$$typeof:e,type:O.type,key:z,ref:W,props:V,_owner:H}},Fe.createContext=function(O){return O={$$typeof:l,_currentValue:O,_currentValue2:O,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},O.Provider={$$typeof:u,_context:O},O.Consumer=O},Fe.createElement=E,Fe.createFactory=function(O){var M=E.bind(null,O);return M.type=O,M},Fe.createRef=function(){return{current:null}},Fe.forwardRef=function(O){return{$$typeof:d,render:O}},Fe.isValidElement=F,Fe.lazy=function(O){return{$$typeof:p,_payload:{_status:-1,_result:O},_init:te}},Fe.memo=function(O,M){return{$$typeof:h,type:O,compare:M===void 0?null:M}},Fe.startTransition=function(O){var M=Q.transition;Q.transition={};try{O()}finally{Q.transition=M}},Fe.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},Fe.useCallback=function(O,M){return re.current.useCallback(O,M)},Fe.useContext=function(O){return re.current.useContext(O)},Fe.useDebugValue=function(){},Fe.useDeferredValue=function(O){return re.current.useDeferredValue(O)},Fe.useEffect=function(O,M){return re.current.useEffect(O,M)},Fe.useId=function(){return re.current.useId()},Fe.useImperativeHandle=function(O,M,w){return re.current.useImperativeHandle(O,M,w)},Fe.useInsertionEffect=function(O,M){return re.current.useInsertionEffect(O,M)},Fe.useLayoutEffect=function(O,M){return re.current.useLayoutEffect(O,M)},Fe.useMemo=function(O,M){return re.current.useMemo(O,M)},Fe.useReducer=function(O,M,w){return re.current.useReducer(O,M,w)},Fe.useRef=function(O){return re.current.useRef(O)},Fe.useState=function(O){return re.current.useState(O)},Fe.useSyncExternalStore=function(O,M,w){return re.current.useSyncExternalStore(O,M,w)},Fe.useTransition=function(){return re.current.useTransition()},Fe.version="18.2.0",Fe}var cm;function br(){return cm||(cm=1,Fu.exports=ok()),Fu.exports}var j=br();const Nu=Xn(j),sk=`@font-face {\r
    font-family: "Instrument Sans";\r
    font-style: normal;\r
    font-weight: 400;\r
    font-display: swap;\r
    src: url("https://fonts.gstatic.com/s/instrumentsans/v1/QudV6ljGY5wH7mOo23eVLJHEAYYv0uIDiOuAYYb0oXw.woff2") format("woff2");\r
  }\r
  \r
  :host {\r
    font-family: "Instrument Sans", sans-serif;\r
  }\r
\r
/* Or target specific elements */\r
div, p, span, button {\r
  font-family: "Instrument Sans", sans-serif;\r
}\r
\r
@layer theme {\r
  :root,\r
  :host {\r
    --font-sans: "Instrument Sans";\r
    --font-mono: var(--font-geist-mono);\r
    --color-blue-100: oklch(0.932 0.032 255.585);\r
    --color-gray-100: oklch(0.967 0.003 264.542);\r
    --color-gray-400: oklch(0.707 0.022 261.325);\r
    --color-neutral-500: oklch(0.556 0 0);\r
    --color-neutral-800: #373737;\r
    --color-black: #000;\r
    --color-white: #fff;\r
    --spacing: 0.25rem;\r
    --text-sm: 0.875rem;\r
    --text-sm--line-height: calc(1.25 / 0.875);\r
    --text-base: 1rem;\r
    --text-base--line-height: calc(1.5 / 1);\r
    --font-weight-medium: 500;\r
    --radius-sm: calc(var(--radius) - 4px);\r
    --radius-md: calc(var(--radius) - 2px);\r
    --radius-lg: var(--radius);\r
    --radius-xl: calc(var(--radius) + 4px);\r
    --ease-in: cubic-bezier(0.4, 0, 1, 1);\r
    --ease-out: cubic-bezier(0, 0, 0.2, 1);\r
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\r
    --animate-spin: spin 1s linear infinite;\r
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\r
    --default-transition-duration: 0.15s;\r
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
    --default-font-family: var(--font-sans);\r
    --default-font-feature-settings: var(--font-sans--font-feature-settings);\r
    --default-font-variation-settings: var(\r
      --font-sans--font-variation-settings\r
    );\r
    --default-mono-font-family: var(--font-mono);\r
    --default-mono-font-feature-settings: var(\r
      --font-mono--font-feature-settings\r
    );\r
    --default-mono-font-variation-settings: var(\r
      --font-mono--font-variation-settings\r
    );\r
    --color-background: var(--background);\r
    --color-foreground: var(--foreground);\r
    --color-sidebar-ring: var(--sidebar-ring);\r
    --color-sidebar-border: var(--sidebar-border);\r
    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\r
    --color-sidebar-accent: var(--sidebar-accent);\r
    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\r
    --color-sidebar-primary: var(--sidebar-primary);\r
    --color-sidebar-foreground: var(--sidebar-foreground);\r
    --color-sidebar-content-background: #f1f3f4;\r
    --color-sidebar: var(--sidebar);\r
    --color-chart-5: var(--chart-5);\r
    --color-chart-4: var(--chart-4);\r
    --color-chart-3: var(--chart-3);\r
    --color-chart-2: var(--chart-2);\r
    --color-chart-1: var(--chart-1);\r
    --color-ring: var(--ring);\r
    --color-input: var(--input);\r
    --color-border: var(--border);\r
    --color-destructive: var(--destructive);\r
    --color-destructive-foreground: #fff;\r
    --color-accent-foreground: var(--accent-foreground);\r
    --color-accent: var(--accent);\r
    --color-muted-foreground: var(--muted-foreground);\r
    --color-muted: var(--muted);\r
    --color-secondary-foreground: var(--secondary-foreground);\r
    --color-secondary: var(--secondary);\r
    --color-primary-foreground: var(--primary-foreground);\r
    --color-primary: var(--primary);\r
    --color-popover-foreground: var(--popover-foreground);\r
    --color-popover: var(--popover);\r
    --color-card-foreground: var(--card-foreground);\r
    --color-card: var(--card);\r
    --radius-widget: 52px;\r
    --shadow-widget: 0px 12px 46.2px 0px #00000040;\r
    --backdrop-filter: blur(26.1px);\r
    --color-primary-800: #0051ff;\r
    --color-btn-secondary: #e8e8e8;\r
  }\r
}\r
@layer base {\r
  *,\r
  :after,\r
  :before,\r
  ::backdrop {\r
    box-sizing: border-box;\r
    border: 0 solid;\r
    margin: 0;\r
    padding: 0;\r
  }\r
  ::file-selector-button {\r
    box-sizing: border-box;\r
    border: 0 solid;\r
    margin: 0;\r
    padding: 0;\r
  }\r
  html,\r
  :host {\r
    -webkit-text-size-adjust: 100%;\r
    tab-size: 4;\r
    line-height: 1.5;\r
    font-family: var(\r
      "Instrument Sans",\r
      --default-font-family,\r
      ui-sans-serif,\r
      system-ui,\r
      sans-serif,\r
      "Apple Color Emoji",\r
      "Segoe UI Emoji",\r
      "Segoe UI Symbol",\r
      "Noto Color Emoji"\r
    );\r
    font-feature-settings: var(--default-font-feature-settings, normal);\r
    font-variation-settings: var(--default-font-variation-settings, normal);\r
    -webkit-tap-highlight-color: transparent;\r
  }\r
  body {\r
    line-height: inherit;\r
  }\r
  hr {\r
    height: 0;\r
    color: inherit;\r
    border-top-width: 1px;\r
  }\r
  abbr:where([title]) {\r
    -webkit-text-decoration: underline dotted;\r
    text-decoration: underline dotted;\r
  }\r
  h1,\r
  h2,\r
  h3,\r
  h4,\r
  h5,\r
  h6 {\r
    font-size: inherit;\r
    font-weight: inherit;\r
  }\r
  a {\r
    color: inherit;\r
    -webkit-text-decoration: inherit;\r
    -webkit-text-decoration: inherit;\r
    -webkit-text-decoration: inherit;\r
    text-decoration: inherit;\r
  }\r
  b,\r
  strong {\r
    font-weight: bolder;\r
  }\r
  code,\r
  kbd,\r
  samp,\r
  pre {\r
    font-family: var(\r
      --default-mono-font-family,\r
      ui-monospace,\r
      SFMono-Regular,\r
      Menlo,\r
      Monaco,\r
      Consolas,\r
      "Liberation Mono",\r
      "Courier New",\r
      monospace\r
    );\r
    font-feature-settings: var(--default-mono-font-feature-settings, normal);\r
    font-variation-settings: var(\r
      --default-mono-font-variation-settings,\r
      normal\r
    );\r
    font-size: 1em;\r
  }\r
  small {\r
    font-size: 80%;\r
  }\r
  sub,\r
  sup {\r
    vertical-align: baseline;\r
    font-size: 75%;\r
    line-height: 0;\r
    position: relative;\r
  }\r
  sub {\r
    bottom: -0.25em;\r
  }\r
  sup {\r
    top: -0.5em;\r
  }\r
  table {\r
    text-indent: 0;\r
    border-color: inherit;\r
    border-collapse: collapse;\r
  }\r
  :-moz-focusring {\r
    outline: auto;\r
  }\r
  progress {\r
    vertical-align: baseline;\r
  }\r
  summary {\r
    display: list-item;\r
  }\r
  ol,\r
  ul,\r
  menu {\r
    list-style: none;\r
  }\r
  img,\r
  svg,\r
  video,\r
  canvas,\r
  audio,\r
  iframe,\r
  embed,\r
  object {\r
    vertical-align: middle;\r
    display: block;\r
  }\r
  img,\r
  video {\r
    max-width: 100%;\r
    height: auto;\r
  }\r
  button,\r
  input,\r
  select,\r
  optgroup,\r
  textarea {\r
    font: inherit;\r
    font-feature-settings: inherit;\r
    font-variation-settings: inherit;\r
    letter-spacing: inherit;\r
    color: inherit;\r
    opacity: 1;\r
    background-color: #0000;\r
    border-radius: 0;\r
  }\r
  ::file-selector-button {\r
    font: inherit;\r
    font-feature-settings: inherit;\r
    font-variation-settings: inherit;\r
    letter-spacing: inherit;\r
    color: inherit;\r
    opacity: 1;\r
    background-color: #0000;\r
    border-radius: 0;\r
  }\r
  :where(select:is([multiple], [size])) optgroup {\r
    font-weight: bolder;\r
  }\r
  :where(select:is([multiple], [size])) optgroup option {\r
    padding-inline-start: 20px;\r
  }\r
  ::file-selector-button {\r
    margin-inline-end: 4px;\r
  }\r
  ::placeholder {\r
    opacity: 1;\r
    color: color-mix(in oklab, currentColor 50%, transparent);\r
  }\r
  textarea {\r
    resize: vertical;\r
  }\r
  ::-webkit-search-decoration {\r
    -webkit-appearance: none;\r
  }\r
  ::-webkit-date-and-time-value {\r
    min-height: 1lh;\r
    text-align: inherit;\r
  }\r
  ::-webkit-datetime-edit {\r
    display: inline-flex;\r
  }\r
  ::-webkit-datetime-edit-fields-wrapper {\r
    padding: 0;\r
  }\r
  ::-webkit-datetime-edit {\r
    padding-block: 0;\r
  }\r
  ::-webkit-datetime-edit-year-field {\r
    padding-block: 0;\r
  }\r
  ::-webkit-datetime-edit-month-field {\r
    padding-block: 0;\r
  }\r
  ::-webkit-datetime-edit-day-field {\r
    padding-block: 0;\r
  }\r
  ::-webkit-datetime-edit-hour-field {\r
    padding-block: 0;\r
  }\r
  ::-webkit-datetime-edit-minute-field {\r
    padding-block: 0;\r
  }\r
  ::-webkit-datetime-edit-second-field {\r
    padding-block: 0;\r
  }\r
  ::-webkit-datetime-edit-millisecond-field {\r
    padding-block: 0;\r
  }\r
  ::-webkit-datetime-edit-meridiem-field {\r
    padding-block: 0;\r
  }\r
  :-moz-ui-invalid {\r
    box-shadow: none;\r
  }\r
  button,\r
  input:where([type="button"], [type="reset"], [type="submit"]) {\r
    appearance: button;\r
  }\r
  ::file-selector-button {\r
    appearance: button;\r
  }\r
  ::-webkit-inner-spin-button {\r
    height: auto;\r
  }\r
  ::-webkit-outer-spin-button {\r
    height: auto;\r
  }\r
  [hidden]:where(:not([hidden="until-found"])) {\r
    display: none !important;\r
  }\r
  * {\r
    border-color: var(--border);\r
    outline-color: color-mix(in oklab, var(--ring) 50%, transparent);\r
  }\r
  body {\r
    background-color: var(--background);\r
    color: var(--foreground);\r
  }\r
}\r
@layer components;\r
@layer utilities {\r
  .collapse {\r
    visibility: collapse;\r
  }\r
  .invisible {\r
    visibility: hidden;\r
  }\r
  .visible {\r
    visibility: visible;\r
  }\r
  .sr-only {\r
    clip: rect(0, 0, 0, 0);\r
    white-space: nowrap;\r
    border-width: 0;\r
    width: 1px;\r
    height: 1px;\r
    margin: -1px;\r
    padding: 0;\r
    position: absolute;\r
    overflow: hidden;\r
  }\r
  .not-sr-only {\r
    clip: auto;\r
    white-space: normal;\r
    width: auto;\r
    height: auto;\r
    margin: 0;\r
    padding: 0;\r
    position: static;\r
    overflow: visible;\r
  }\r
  .absolute {\r
    position: absolute;\r
  }\r
  .fixed {\r
    position: fixed;\r
  }\r
  .relative {\r
    position: relative;\r
  }\r
  .static {\r
    position: static;\r
  }\r
  .sticky {\r
    position: sticky;\r
  }\r
  .-inset-1 {\r
    inset: calc(var(--spacing) * -1);\r
  }\r
  .top-2 {\r
    top: calc(var(--spacing) * 2);\r
  }\r
  .right-3 {\r
    right: calc(var(--spacing) * 3);\r
  }\r
  .isolate {\r
    isolation: isolate;\r
  }\r
  .isolation-auto {\r
    isolation: auto;\r
  }\r
  .col-span-3 {\r
    grid-column: span 3 / span 3;\r
  }\r
  .container {\r
    width: 100%;\r
  }\r
  @media (width>=40rem) {\r
    .container {\r
      max-width: 40rem;\r
    }\r
  }\r
  @media (width>=48rem) {\r
    .container {\r
      max-width: 48rem;\r
    }\r
  }\r
  @media (width>=64rem) {\r
    .container {\r
      max-width: 64rem;\r
    }\r
  }\r
  @media (width>=80rem) {\r
    .container {\r
      max-width: 80rem;\r
    }\r
  }\r
  @media (width>=96rem) {\r
    .container {\r
      max-width: 96rem;\r
    }\r
  }\r
  .mb-2 {\r
    margin-bottom: calc(var(--spacing) * 2);\r
  }\r
  .mb-4 {\r
    margin-bottom: calc(var(--spacing) * 4);\r
  }\r
  .block {\r
    display: block;\r
  }\r
  .contents {\r
    display: contents;\r
  }\r
  .flex {\r
    display: flex;\r
  }\r
  .flow-root {\r
    display: flow-root;\r
  }\r
  .grid {\r
    display: grid;\r
  }\r
  .hidden {\r
    display: none;\r
  }\r
  .inline {\r
    display: inline;\r
  }\r
  .inline-block {\r
    display: inline-block;\r
  }\r
  .inline-flex {\r
    display: inline-flex;\r
  }\r
  .inline-grid {\r
    display: inline-grid;\r
  }\r
  .inline-table {\r
    display: inline-table;\r
  }\r
  .list-item {\r
    display: list-item;\r
  }\r
  .table {\r
    display: table;\r
  }\r
  .table-caption {\r
    display: table-caption;\r
  }\r
  .table-cell {\r
    display: table-cell;\r
  }\r
  .table-column {\r
    display: table-column;\r
  }\r
  .table-column-group {\r
    display: table-column-group;\r
  }\r
  .table-footer-group {\r
    display: table-footer-group;\r
  }\r
  .table-header-group {\r
    display: table-header-group;\r
  }\r
  .table-row {\r
    display: table-row;\r
  }\r
  .table-row-group {\r
    display: table-row-group;\r
  }\r
  .aspect-square {\r
    aspect-ratio: 1;\r
  }\r
  .size-8 {\r
    width: calc(var(--spacing) * 8);\r
    height: calc(var(--spacing) * 8);\r
  }\r
  .size-9 {\r
    width: calc(var(--spacing) * 9);\r
    height: calc(var(--spacing) * 9);\r
  }\r
  .size-\\[27px\\] {\r
    width: 27px;\r
    height: 27px;\r
  }\r
  .size-\\[37px\\] {\r
    width: 37px;\r
    height: 37px;\r
  }\r
  .size-\\[46px\\] {\r
    width: 46px;\r
    height: 46px;\r
  }\r
  .size-\\[49px\\] {\r
    width: 49px;\r
    height: 49px;\r
  }\r
  .size-\\[60px\\] {\r
    width: 60px;\r
    height: 60px;\r
  }\r
  .size-\\[84px\\] {\r
    width: 84px;\r
    height: 84px;\r
  }\r
  .size-full {\r
    width: 100%;\r
    height: 100%;\r
  }\r
  .h-2 {\r
    height: calc(var(--spacing) * 2);\r
  }\r
  .h-5 {\r
    height: calc(var(--spacing) * 5);\r
  }\r
  .h-8 {\r
    height: calc(var(--spacing) * 8);\r
  }\r
  .h-9 {\r
    height: calc(var(--spacing) * 9);\r
  }\r
  .h-\\[49px\\] {\r
    height: 49px;\r
  }\r
  .max-h-\\[75vh\\] {\r
    max-height: 75vh;\r
  }\r
  .w-2 {\r
    width: calc(var(--spacing) * 2);\r
  }\r
  .w-5 {\r
    width: calc(var(--spacing) * 5);\r
  }\r
  .w-\\[70px\\] {\r
    width: 70px;\r
  }\r
  .w-\\[90\\%\\] {\r
    width: 90%;\r
  }\r
  .w-\\[323px\\] {\r
    width: 323px;\r
  }\r
  .w-\\[360px\\] {\r
    width: 360px;\r
  }\r
  .w-full {\r
    width: 100%;\r
  }\r
  .max-w-\\[312px\\] {\r
    max-width: 312px;\r
  }\r
  .min-w-0 {\r
    min-width: calc(var(--spacing) * 0);\r
  }\r
  .flex-1 {\r
    flex: 1;\r
  }\r
  .shrink {\r
    flex-shrink: 1;\r
  }\r
  .shrink-0 {\r
    flex-shrink: 0;\r
  }\r
  .grow {\r
    flex-grow: 1;\r
  }\r
  .border-collapse {\r
    border-collapse: collapse;\r
  }\r
  .translate-none {\r
    translate: none;\r
  }\r
  .scale-3d {\r
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);\r
  }\r
  .transform {\r
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)\r
      var(--tw-skew-x) var(--tw-skew-y);\r
  }\r
  .animate-pulse {\r
    animation: var(--animate-pulse);\r
  }\r
  .animate-spin {\r
    animation: var(--animate-spin);\r
  }\r
  .cursor-pointer {\r
    cursor: pointer;\r
  }\r
  .touch-pinch-zoom {\r
    --tw-pinch-zoom: pinch-zoom;\r
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);\r
  }\r
  .resize {\r
    resize: both;\r
  }\r
  .grid-cols-6 {\r
    grid-template-columns: repeat(6, minmax(0, 1fr));\r
  }\r
  .flex-col {\r
    flex-direction: column;\r
  }\r
  .flex-wrap {\r
    flex-wrap: wrap;\r
  }\r
  .items-center {\r
    align-items: center;\r
  }\r
  .justify-between {\r
    justify-content: space-between;\r
  }\r
  .justify-center {\r
    justify-content: center;\r
  }\r
  .gap-1\\.5 {\r
    gap: calc(var(--spacing) * 1.5);\r
  }\r
  .gap-2 {\r
    gap: calc(var(--spacing) * 2);\r
  }\r
  .gap-3 {\r
    gap: calc(var(--spacing) * 3);\r
  }\r
  .gap-4 {\r
    gap: calc(var(--spacing) * 4);\r
  }\r
  .gap-5 {\r
    gap: calc(var(--spacing) * 5);\r
  }\r
  .gap-6 {\r
    gap: calc(var(--spacing) * 6);\r
  }\r
  .gap-10 {\r
    gap: calc(var(--spacing) * 10);\r
  }\r
  :where(.space-y-reverse > :not(:last-child)) {\r
    --tw-space-y-reverse: 1;\r
  }\r
  :where(.space-x-reverse > :not(:last-child)) {\r
    --tw-space-x-reverse: 1;\r
  }\r
  :where(.divide-x > :not(:last-child)) {\r
    --tw-divide-x-reverse: 0;\r
    border-inline-style: var(--tw-border-style);\r
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));\r
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\r
  }\r
  :where(.divide-y > :not(:last-child)) {\r
    --tw-divide-y-reverse: 0;\r
    border-bottom-style: var(--tw-border-style);\r
    border-top-style: var(--tw-border-style);\r
    border-top-width: calc(1px * var(--tw-divide-y-reverse));\r
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\r
  }\r
  :where(.divide-y-reverse > :not(:last-child)) {\r
    --tw-divide-y-reverse: 1;\r
  }\r
  .self-end {\r
    align-self: flex-end;\r
  }\r
  .self-start {\r
    align-self: flex-start;\r
  }\r
  .truncate {\r
    text-overflow: ellipsis;\r
    white-space: nowrap;\r
    overflow: hidden;\r
  }\r
  .overflow-hidden {\r
    overflow: hidden;\r
  }\r
  .overflow-y-auto {\r
    overflow-y: auto;\r
  }\r
  .rounded {\r
    border-radius: 0.25rem;\r
  }\r
  .rounded-\\[20px\\] {\r
    border-radius: 20px;\r
  }\r
  .rounded-\\[30px\\] {\r
    border-radius: 30px;\r
  }\r
  .rounded-\\[31px\\] {\r
    border-radius: 31px;\r
  }\r
  .rounded-full {\r
    border-radius: 3.40282e38px;\r
  }\r
  .rounded-lg {\r
    border-radius: var(--radius);\r
  }\r
  .rounded-md {\r
    border-radius: calc(var(--radius) - 2px);\r
  }\r
  .rounded-widget {\r
    border-radius: 52px;\r
  }\r
  .rounded-s {\r
    border-start-start-radius: 0.25rem;\r
    border-end-start-radius: 0.25rem;\r
  }\r
  .rounded-ss {\r
    border-start-start-radius: 0.25rem;\r
  }\r
  .rounded-e {\r
    border-start-end-radius: 0.25rem;\r
    border-end-end-radius: 0.25rem;\r
  }\r
  .rounded-se {\r
    border-start-end-radius: 0.25rem;\r
  }\r
  .rounded-ee {\r
    border-end-end-radius: 0.25rem;\r
  }\r
  .rounded-es {\r
    border-end-start-radius: 0.25rem;\r
  }\r
  .rounded-t {\r
    border-top-left-radius: 0.25rem;\r
    border-top-right-radius: 0.25rem;\r
  }\r
  .rounded-l {\r
    border-top-left-radius: 0.25rem;\r
    border-bottom-left-radius: 0.25rem;\r
  }\r
  .rounded-tl {\r
    border-top-left-radius: 0.25rem;\r
  }\r
  .rounded-r {\r
    border-top-right-radius: 0.25rem;\r
    border-bottom-right-radius: 0.25rem;\r
  }\r
  .rounded-tr {\r
    border-top-right-radius: 0.25rem;\r
  }\r
  .rounded-b {\r
    border-bottom-right-radius: 0.25rem;\r
    border-bottom-left-radius: 0.25rem;\r
  }\r
  .rounded-br {\r
    border-bottom-right-radius: 0.25rem;\r
  }\r
  .rounded-bl {\r
    border-bottom-left-radius: 0.25rem;\r
  }\r
  .border {\r
    border-style: var(--tw-border-style);\r
    border-width: 1px;\r
  }\r
  .border-x {\r
    border-inline-style: var(--tw-border-style);\r
    border-inline-width: 1px;\r
  }\r
  .border-y {\r
    border-block-style: var(--tw-border-style);\r
    border-block-width: 1px;\r
  }\r
  .border-s {\r
    border-inline-start-style: var(--tw-border-style);\r
    border-inline-start-width: 1px;\r
  }\r
  .border-e {\r
    border-inline-end-style: var(--tw-border-style);\r
    border-inline-end-width: 1px;\r
  }\r
  .border-t {\r
    border-top-style: var(--tw-border-style);\r
    border-top-width: 1px;\r
  }\r
  .border-r {\r
    border-right-style: var(--tw-border-style);\r
    border-right-width: 1px;\r
  }\r
  .border-b {\r
    border-bottom-style: var(--tw-border-style);\r
    border-bottom-width: 1px;\r
  }\r
  .border-l {\r
    border-left-style: var(--tw-border-style);\r
    border-left-width: 1px;\r
  }\r
  .border-none {\r
    --tw-border-style: none;\r
    border-style: none;\r
  }\r
  .border-border {\r
    border-color: var(--border);\r
  }\r
  .border-input {\r
    border-color: var(--input);\r
  }\r
  .bg-\\[\\#373737\\] {\r
    background-color: #373737;\r
  }\r
  .bg-\\[\\#F7F7F7\\] {\r
    background-color: #f7f7f7;\r
  }\r
  .bg-\\[rgba\\(255\\,255\\,255\\,0\\.14\\)\\] {\r
    background-color: #ffffff24;\r
  }\r
  .bg-background {\r
    background-color: var(--background);\r
  }\r
  .bg-black {\r
    background-color: var(--color-black);\r
  }\r
  .bg-blue-100 {\r
    background-color: var(--color-blue-100);\r
  }\r
  .bg-btn-secondary {\r
    background-color: var(--color-btn-secondary);\r
  }\r
  .bg-destructive {\r
    background-color: var(--destructive);\r
  }\r
  .bg-gray-100 {\r
    background-color: var(--color-gray-100);\r
  }\r
  .bg-gray-400 {\r
    background-color: var(--color-gray-400);\r
  }\r
  .bg-muted {\r
    background-color: var(--muted);\r
  }\r
  .bg-neutral-800 {\r
    background-color: var(--color-neutral-800);\r
  }\r
  .bg-primary {\r
    background-color: var(--primary);\r
  }\r
  .bg-secondary {\r
    background-color: var(--secondary);\r
  }\r
  .bg-transparent {\r
    background-color: #0000;\r
  }\r
  .bg-white {\r
    background-color: var(--color-white);\r
  }\r
  .bg-repeat {\r
    background-repeat: repeat;\r
  }\r
  .p-1 {\r
    padding: calc(var(--spacing) * 1);\r
  }\r
  .p-3 {\r
    padding: calc(var(--spacing) * 3);\r
  }\r
  .p-4 {\r
    padding: calc(var(--spacing) * 4);\r
  }\r
  .px-2 {\r
    padding-inline: calc(var(--spacing) * 2);\r
  }\r
  .px-3 {\r
    padding-inline: calc(var(--spacing) * 3);\r
  }\r
  .px-4 {\r
    padding-inline: calc(var(--spacing) * 4);\r
  }\r
  .px-6 {\r
    padding-inline: calc(var(--spacing) * 6);\r
  }\r
  .py-1 {\r
    padding-block: calc(var(--spacing) * 1);\r
  }\r
  .py-2 {\r
    padding-block: calc(var(--spacing) * 2);\r
  }\r
  .py-3 {\r
    padding-block: calc(var(--spacing) * 3);\r
  }\r
  .pt-0 {\r
    padding-top: calc(var(--spacing) * 0);\r
  }\r
  .pr-16 {\r
    padding-right: calc(var(--spacing) * 16);\r
  }\r
  .pb-0 {\r
    padding-bottom: calc(var(--spacing) * 0);\r
  }\r
  .pb-5 {\r
    padding-bottom: calc(var(--spacing) * 5);\r
  }\r
  .pl-4 {\r
    padding-left: calc(var(--spacing) * 4);\r
  }\r
  .text-center {\r
    text-align: center;\r
  }\r
  .text-start {\r
    text-align: start;\r
  }\r
  .text-base {\r
    font-size: var(--text-base);\r
    line-height: var(--tw-leading, var(--text-base--line-height));\r
  }\r
  .text-sm {\r
    font-size: var(--text-sm);\r
    line-height: var(--tw-leading, var(--text-sm--line-height));\r
  }\r
  .text-\\[13px\\] {\r
    font-size: 13px;\r
  }\r
  .text-\\[14px\\] {\r
    font-size: 14px;\r
  }\r
  .text-\\[15px\\] {\r
    font-size: 15px;\r
  }\r
  .text-\\[18px\\] {\r
    font-size: 18px;\r
  }\r
  .font-medium {\r
    --tw-font-weight: var(--font-weight-medium);\r
    font-weight: var(--font-weight-medium);\r
  }\r
  .text-wrap {\r
    text-wrap: wrap;\r
  }\r
  .break-words {\r
    overflow-wrap: break-word;\r
  }\r
  .text-clip {\r
    text-overflow: clip;\r
  }\r
  .text-ellipsis {\r
    text-overflow: ellipsis;\r
  }\r
  .whitespace-nowrap {\r
    white-space: nowrap;\r
  }\r
  .text-black {\r
    color: var(--color-black);\r
  }\r
  .text-neutral-500 {\r
    color: var(--color-neutral-500);\r
  }\r
  .text-primary {\r
    color: var(--primary);\r
  }\r
  .text-primary-foreground {\r
    color: var(--primary-foreground);\r
  }\r
  .text-secondary-foreground {\r
    color: var(--secondary-foreground);\r
  }\r
  .text-white {\r
    color: var(--color-white);\r
  }\r
  .capitalize {\r
    text-transform: capitalize;\r
  }\r
  .lowercase {\r
    text-transform: lowercase;\r
  }\r
  .normal-case {\r
    text-transform: none;\r
  }\r
  .uppercase {\r
    text-transform: uppercase;\r
  }\r
  .italic {\r
    font-style: italic;\r
  }\r
  .not-italic {\r
    font-style: normal;\r
  }\r
  .diagonal-fractions {\r
    --tw-numeric-fraction: diagonal-fractions;\r
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)\r
      var(--tw-numeric-figure) var(--tw-numeric-spacing)\r
      var(--tw-numeric-fraction);\r
  }\r
  .lining-nums {\r
    --tw-numeric-figure: lining-nums;\r
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)\r
      var(--tw-numeric-figure) var(--tw-numeric-spacing)\r
      var(--tw-numeric-fraction);\r
  }\r
  .oldstyle-nums {\r
    --tw-numeric-figure: oldstyle-nums;\r
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)\r
      var(--tw-numeric-figure) var(--tw-numeric-spacing)\r
      var(--tw-numeric-fraction);\r
  }\r
  .ordinal {\r
    --tw-ordinal: ordinal;\r
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)\r
      var(--tw-numeric-figure) var(--tw-numeric-spacing)\r
      var(--tw-numeric-fraction);\r
  }\r
  .proportional-nums {\r
    --tw-numeric-spacing: proportional-nums;\r
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)\r
      var(--tw-numeric-figure) var(--tw-numeric-spacing)\r
      var(--tw-numeric-fraction);\r
  }\r
  .slashed-zero {\r
    --tw-slashed-zero: slashed-zero;\r
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)\r
      var(--tw-numeric-figure) var(--tw-numeric-spacing)\r
      var(--tw-numeric-fraction);\r
  }\r
  .stacked-fractions {\r
    --tw-numeric-fraction: stacked-fractions;\r
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)\r
      var(--tw-numeric-figure) var(--tw-numeric-spacing)\r
      var(--tw-numeric-fraction);\r
  }\r
  .tabular-nums {\r
    --tw-numeric-spacing: tabular-nums;\r
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)\r
      var(--tw-numeric-figure) var(--tw-numeric-spacing)\r
      var(--tw-numeric-fraction);\r
  }\r
  .normal-nums {\r
    font-variant-numeric: normal;\r
  }\r
  .line-through {\r
    text-decoration-line: line-through;\r
  }\r
  .no-underline {\r
    text-decoration-line: none;\r
  }\r
  .overline {\r
    text-decoration-line: overline;\r
  }\r
  .underline {\r
    text-decoration-line: underline;\r
  }\r
  .underline-offset-4 {\r
    text-underline-offset: 4px;\r
  }\r
  .antialiased {\r
    -webkit-font-smoothing: antialiased;\r
    -moz-osx-font-smoothing: grayscale;\r
  }\r
  .subpixel-antialiased {\r
    -webkit-font-smoothing: auto;\r
    -moz-osx-font-smoothing: auto;\r
  }\r
  .opacity-25 {\r
    opacity: 0.25;\r
  }\r
  .opacity-50 {\r
    opacity: 0.5;\r
  }\r
  .opacity-75 {\r
    opacity: 0.75;\r
  }\r
  .shadow {\r
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),\r
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);\r
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\r
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\r
  }\r
  .shadow-none {\r
    --tw-shadow: 0 0 #0000;\r
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\r
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\r
  }\r
  .shadow-widget {\r
    --tw-shadow: 0px 12px 46.2px 0px var(--tw-shadow-color, #00000040);\r
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\r
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\r
  }\r
  .shadow-xs {\r
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);\r
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\r
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\r
  }\r
  .ring {\r
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0\r
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\r
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\r
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\r
  }\r
  .ring-0 {\r
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0\r
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\r
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\r
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\r
  }\r
  .inset-ring {\r
    --tw-inset-ring-shadow: inset 0 0 0 1px\r
      var(--tw-inset-ring-color, currentColor);\r
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\r
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\r
  }\r
  .outline {\r
    outline-style: var(--tw-outline-style);\r
    outline-width: 1px;\r
  }\r
  .outline-0 {\r
    outline-style: var(--tw-outline-style);\r
    outline-width: 0;\r
  }\r
  .blur {\r
    --tw-blur: blur(8px);\r
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r
  }\r
  .drop-shadow {\r
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)\r
      drop-shadow(0 1px 1px #0000000f);\r
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r
  }\r
  .grayscale {\r
    --tw-grayscale: grayscale(100%);\r
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r
  }\r
  .invert {\r
    --tw-invert: invert(100%);\r
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r
  }\r
  .sepia {\r
    --tw-sepia: sepia(100%);\r
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r
  }\r
  .filter {\r
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r
      var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r
      var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r
  }\r
  .backdrop-blur {\r
    --tw-backdrop-blur: blur(8px);\r
    -webkit-backdrop-filter: var(--tw-backdrop-blur)\r
      var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)\r
      var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)\r
      var(--tw-backdrop-invert) var(--tw-backdrop-opacity)\r
      var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\r
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)\r
      var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)\r
      var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)\r
      var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)\r
      var(--tw-backdrop-sepia);\r
  }\r
  .backdrop-grayscale {\r
    --tw-backdrop-grayscale: grayscale(100%);\r
    -webkit-backdrop-filter: var(--tw-backdrop-blur)\r
      var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)\r
      var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)\r
      var(--tw-backdrop-invert) var(--tw-backdrop-opacity)\r
      var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\r
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)\r
      var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)\r
      var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)\r
      var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)\r
      var(--tw-backdrop-sepia);\r
  }\r
  .backdrop-invert {\r
    --tw-backdrop-invert: invert(100%);\r
    -webkit-backdrop-filter: var(--tw-backdrop-blur)\r
      var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)\r
      var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)\r
      var(--tw-backdrop-invert) var(--tw-backdrop-opacity)\r
      var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\r
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)\r
      var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)\r
      var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)\r
      var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)\r
      var(--tw-backdrop-sepia);\r
  }\r
  .backdrop-sepia {\r
    --tw-backdrop-sepia: sepia(100%);\r
    -webkit-backdrop-filter: var(--tw-backdrop-blur)\r
      var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)\r
      var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)\r
      var(--tw-backdrop-invert) var(--tw-backdrop-opacity)\r
      var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\r
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)\r
      var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)\r
      var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)\r
      var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)\r
      var(--tw-backdrop-sepia);\r
  }\r
  .backdrop-filter {\r
    -webkit-backdrop-filter: var(--tw-backdrop-blur)\r
      var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)\r
      var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)\r
      var(--tw-backdrop-invert) var(--tw-backdrop-opacity)\r
      var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\r
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)\r
      var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)\r
      var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)\r
      var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)\r
      var(--tw-backdrop-sepia);\r
  }\r
  .transition {\r
    transition-property: color, background-color, border-color, outline-color,\r
      text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,\r
      --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,\r
      filter, -webkit-backdrop-filter, backdrop-filter;\r
    transition-timing-function: var(\r
      --tw-ease,\r
      var(--default-transition-timing-function)\r
    );\r
    transition-duration: var(--tw-duration, var(--default-transition-duration));\r
  }\r
  .transition\\! {\r
    transition-property: color, background-color, border-color, outline-color,\r
      text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,\r
      --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,\r
      filter, -webkit-backdrop-filter, backdrop-filter !important;\r
    transition-timing-function: var(\r
      --tw-ease,\r
      var(--default-transition-timing-function)\r
    ) !important;\r
    transition-duration: var(\r
      --tw-duration,\r
      var(--default-transition-duration)\r
    ) !important;\r
  }\r
  .transition-\\[color\\,box-shadow\\] {\r
    transition-property: color, box-shadow;\r
    transition-timing-function: var(\r
      --tw-ease,\r
      var(--default-transition-timing-function)\r
    );\r
    transition-duration: var(--tw-duration, var(--default-transition-duration));\r
  }\r
  .transition-all {\r
    transition-property: all;\r
    transition-timing-function: var(\r
      --tw-ease,\r
      var(--default-transition-timing-function)\r
    );\r
    transition-duration: var(--tw-duration, var(--default-transition-duration));\r
  }\r
  .duration-200 {\r
    --tw-duration: 0.2s;\r
    transition-duration: 0.2s;\r
  }\r
  .duration-300 {\r
    --tw-duration: 0.3s;\r
    transition-duration: 0.3s;\r
  }\r
  .ease-in {\r
    --tw-ease: var(--ease-in);\r
    transition-timing-function: var(--ease-in);\r
  }\r
  .ease-in-out {\r
    --tw-ease: var(--ease-in-out);\r
    transition-timing-function: var(--ease-in-out);\r
  }\r
  .ease-out {\r
    --tw-ease: var(--ease-out);\r
    transition-timing-function: var(--ease-out);\r
  }\r
  .outline-none {\r
    --tw-outline-style: none;\r
    outline-style: none;\r
  }\r
  :where(.divide-x-reverse > :not(:last-child)) {\r
    --tw-divide-x-reverse: 1;\r
  }\r
  .duration-200 {\r
    animation-duration: 0.2s;\r
  }\r
  .duration-300 {\r
    animation-duration: 0.3s;\r
  }\r
  .ease-in {\r
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);\r
  }\r
  .ease-in-out {\r
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r
  }\r
  .ease-out {\r
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\r
  }\r
  .paused {\r
    animation-play-state: paused;\r
  }\r
  .ring-inset {\r
    --tw-ring-inset: inset;\r
  }\r
  .running {\r
    animation-play-state: running;\r
  }\r
  .zoom-in {\r
    --tw-enter-scale: 0;\r
  }\r
  .zoom-out {\r
    --tw-exit-scale: 0;\r
  }\r
  .selection\\:bg-primary ::selection {\r
    background-color: var(--primary);\r
  }\r
  .selection\\:bg-primary::selection {\r
    background-color: var(--primary);\r
  }\r
  .selection\\:text-primary-foreground ::selection {\r
    color: var(--primary-foreground);\r
  }\r
  .selection\\:text-primary-foreground::selection {\r
    color: var(--primary-foreground);\r
  }\r
  .file\\:inline-flex::file-selector-button {\r
    display: inline-flex;\r
  }\r
  .file\\:h-7::file-selector-button {\r
    height: calc(var(--spacing) * 7);\r
  }\r
  .file\\:border-0::file-selector-button {\r
    border-style: var(--tw-border-style);\r
    border-width: 0;\r
  }\r
  .file\\:bg-transparent::file-selector-button {\r
    background-color: #0000;\r
  }\r
  .file\\:text-sm::file-selector-button {\r
    font-size: var(--text-sm);\r
    line-height: var(--tw-leading, var(--text-sm--line-height));\r
  }\r
  .file\\:font-medium::file-selector-button {\r
    --tw-font-weight: var(--font-weight-medium);\r
    font-weight: var(--font-weight-medium);\r
  }\r
  .file\\:text-foreground::file-selector-button {\r
    color: var(--foreground);\r
  }\r
  .placeholder\\:text-muted-foreground::placeholder {\r
    color: var(--muted-foreground);\r
  }\r
  @media (hover: hover) {\r
    .hover\\:bg-accent:hover {\r
      background-color: var(--accent);\r
    }\r
    .hover\\:bg-black\\/90:hover {\r
      background-color: color-mix(\r
        in oklab,\r
        var(--color-black) 90%,\r
        transparent\r
      );\r
    }\r
    .hover\\:bg-btn-secondary\\/80:hover {\r
      background-color: color-mix(\r
        in oklab,\r
        var(--color-btn-secondary) 80%,\r
        transparent\r
      );\r
    }\r
    .hover\\:bg-destructive\\/90:hover {\r
      background-color: color-mix(\r
        in oklab,\r
        var(--destructive) 90%,\r
        transparent\r
      );\r
    }\r
    .hover\\:bg-primary-800\\/50:hover {\r
      background-color: color-mix(\r
        in oklab,\r
        var(--color-primary-800) 50%,\r
        transparent\r
      );\r
    }\r
    .hover\\:bg-primary\\/90:hover {\r
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);\r
    }\r
    .hover\\:bg-secondary\\/80:hover {\r
      background-color: color-mix(in oklab, var(--secondary) 80%, transparent);\r
    }\r
    .hover\\:text-accent-foreground:hover {\r
      color: var(--accent-foreground);\r
    }\r
    .hover\\:underline:hover {\r
      text-decoration-line: underline;\r
    }\r
  }\r
  .focus-visible\\:border-ring:focus-visible {\r
    border-color: var(--ring);\r
  }\r
  .focus-visible\\:ring-\\[1px\\]:focus-visible {\r
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0\r
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\r
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\r
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\r
  }\r
  .focus-visible\\:ring-\\[3px\\]:focus-visible {\r
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0\r
      calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\r
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\r
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\r
  }\r
  .focus-visible\\:ring-destructive\\/20:focus-visible {\r
    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\r
  }\r
  .focus-visible\\:ring-ring\\/50:focus-visible {\r
    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\r
  }\r
  .disabled\\:pointer-events-none:disabled {\r
    pointer-events: none;\r
  }\r
  .disabled\\:cursor-not-allowed:disabled {\r
    cursor: not-allowed;\r
  }\r
  .disabled\\:opacity-50:disabled {\r
    opacity: 0.5;\r
  }\r
  .has-\\[\\>svg\\]\\:px-2\\.5:has(> svg) {\r
    padding-inline: calc(var(--spacing) * 2.5);\r
  }\r
  .has-\\[\\>svg\\]\\:px-3:has(> svg) {\r
    padding-inline: calc(var(--spacing) * 3);\r
  }\r
  .has-\\[\\>svg\\]\\:px-4:has(> svg) {\r
    padding-inline: calc(var(--spacing) * 4);\r
  }\r
  .aria-invalid\\:border-destructive[aria-invalid="true"] {\r
    border-color: var(--destructive);\r
  }\r
  .aria-invalid\\:ring-destructive\\/20[aria-invalid="true"] {\r
    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\r
  }\r
  @media (width>=48rem) {\r
    .md\\:w-\\[406px\\] {\r
      width: 406px;\r
    }\r
    .md\\:text-sm {\r
      font-size: var(--text-sm);\r
      line-height: var(--tw-leading, var(--text-sm--line-height));\r
    }\r
  }\r
  .dark\\:border-input:is(.dark *) {\r
    border-color: var(--input);\r
  }\r
  .dark\\:bg-destructive\\/60:is(.dark *) {\r
    background-color: color-mix(in oklab, var(--destructive) 60%, transparent);\r
  }\r
  .dark\\:bg-input\\/30:is(.dark *) {\r
    background-color: color-mix(in oklab, var(--input) 30%, transparent);\r
  }\r
  @media (hover: hover) {\r
    .dark\\:hover\\:bg-accent\\/50:is(.dark *):hover {\r
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);\r
    }\r
    .dark\\:hover\\:bg-input\\/50:is(.dark *):hover {\r
      background-color: color-mix(in oklab, var(--input) 50%, transparent);\r
    }\r
  }\r
  .dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible,\r
  .dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid="true"] {\r
    --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\r
  }\r
  .\\[\\&_svg\\]\\:pointer-events-none svg {\r
    pointer-events: none;\r
  }\r
  .\\[\\&_svg\\]\\:shrink-0 svg {\r
    flex-shrink: 0;\r
  }\r
  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*="size-"]) {\r
    width: calc(var(--spacing) * 4);\r
    height: calc(var(--spacing) * 4);\r
  }\r
}\r
:host {\r
  --default-font-family: "Instrument Sans" !important;\r
}\r
body h1,\r
body h2,\r
body h3,\r
body h4,\r
body h5,\r
body h6 {\r
  font-weight: 700;\r
}\r
:root {\r
  --radius: 0.625rem;\r
  --background: oklch(1 0 0);\r
  --foreground: oklch(0.145 0 0);\r
  --card: oklch(1 0 0);\r
  --card-foreground: oklch(0.145 0 0);\r
  --popover: oklch(1 0 0);\r
  --popover-foreground: oklch(0.145 0 0);\r
  --primary: #0051ff;\r
  --primary-foreground: oklch(0.985 0 0);\r
  --secondary: oklch(0.97 0 0);\r
  --secondary-foreground: oklch(0.205 0 0);\r
  --muted: oklch(0.97 0 0);\r
  --muted-foreground: oklch(0.556 0 0);\r
  --accent: oklch(0.97 0 0);\r
  --accent-foreground: oklch(0.205 0 0);\r
  --destructive: #ff4d4d;\r
  --border: oklch(0.922 0 0);\r
  --input: oklch(0.922 0 0);\r
  --ring: oklch(0.708 0 0);\r
  --chart-1: oklch(0.646 0.222 41.116);\r
  --chart-2: oklch(0.6 0.118 184.704);\r
  --chart-3: oklch(0.398 0.07 227.392);\r
  --chart-4: oklch(0.828 0.189 84.429);\r
  --chart-5: oklch(0.769 0.188 70.08);\r
  --sidebar: oklch(0.985 0 0);\r
  --sidebar-foreground: oklch(0.145 0 0);\r
  --sidebar-primary: oklch(0.205 0 0);\r
  --sidebar-primary-foreground: oklch(0.985 0 0);\r
  --sidebar-accent: ok