@scalar/components 0.4.11 → 0.5.1

package/dist/main.css

@@ -1 +1 @@
-.loader-wrapper:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .loader-wrapper[data-v-42a08e16]{position:relative;height:var(--8d3a1414);width:var(--8d3a1414);display:flex;align-items:center;justify-content:center;--default-loader-size: 50%}.svg-loader:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-loader[data-v-42a08e16]{width:var(--loader-size, var(--default-loader-size));height:var(--loader-size, var(--default-loader-size));top:1rem;right:.9rem;overflow:visible;fill:none;background-color:transparent;stroke:currentColor}.svg-path:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-path[data-v-42a08e16]{stroke-width:14;fill:none;transition:.3s}.svg-x-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-x-mark[data-v-42a08e16]{stroke-dasharray:57;stroke-dashoffset:57;transition-delay:0s}.svg-check-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .svg-check-mark[data-v-42a08e16]{stroke-dasharray:149;stroke-dashoffset:149;transition-delay:0s}.icon-is-invalid .svg-x-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .icon-is-invalid .svg-x-mark[data-v-42a08e16]{stroke-dashoffset:0;transition-delay:.3s}.icon-is-valid .svg-check-mark:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .icon-is-valid .svg-check-mark[data-v-42a08e16]{stroke-dashoffset:0;transition-delay:.3s}.circular-loader:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .circular-loader[data-v-42a08e16]{animation:rotate-42a08e16 .7s linear infinite,fade-in-42a08e16 .4s;transform-origin:center center;transform:scale(5);background:transparent}.loader-path:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .loader-path[data-v-42a08e16]{stroke-dasharray:50,200;stroke-dashoffset:-100;stroke-linecap:round}.loader-path-off:where(.scalar-component[data-v-42a08e16]),:where(.scalar-component) .loader-path-off[data-v-42a08e16]{stroke-dasharray:50,200;stroke-dashoffset:-100;transition:opacity .3s;opacity:0}@keyframes fade-in-42a08e16{0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes rotate-42a08e16{0%{transform:scale(5) rotate(0)}to{transform:scale(5) rotate(360deg)}}.scalar-codeblock-code[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-code[class*=language-],.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{color:var(--theme-color-3, var(--default-theme-color-2));background:none;font-family:var(--theme-font-code, var(--default-theme-font-code));font-size:var(--theme-small, var(--default-theme-small));text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.4;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none;display:block}.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{margin:0;padding:.5rem;overflow:auto}:not(pre)>code[class*=language-]:where(.scalar-component),:where(.scalar-component) :not(pre)>code[class*=language-],.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{background:var(--theme-background-2, var(--default-theme-background-2))}.line-numbers.scalar-codeblock-pre[class*=language-]{position:relative;padding-left:2em;counter-reset:linenumber}.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3em;width:3em;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}:not(pre)>code[class*=language-]:where(.scalar-component),:where(.scalar-component) :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment:where(.scalar-component),:where(.scalar-component) .token.comment,.token.block-comment:where(.scalar-component),:where(.scalar-component) .token.block-comment,.token.prolog:where(.scalar-component),:where(.scalar-component) .token.prolog,.token.doctype:where(.scalar-component),:where(.scalar-component) .token.doctype,.token.cdata:where(.scalar-component),:where(.scalar-component) .token.cdata{color:var(--theme-color-2, var(--default-theme-color-2))}.token.punctuation:where(.scalar-component),:where(.scalar-component) .token.punctuation{color:var(--theme-color-3, var(--default-theme-color-3))}.token.tag:where(.scalar-component),:where(.scalar-component) .token.tag,.token.attr-name:where(.scalar-component),:where(.scalar-component) .token.attr-name,.token.namespace:where(.scalar-component),:where(.scalar-component) .token.namespace,.token.deleted:where(.scalar-component),:where(.scalar-component) .token.deleted{color:var(--theme-color-red, var(--default-theme-color-red))}.token.function-name:where(.scalar-component),:where(.scalar-component) .token.function-name{color:var(--theme-color-green, var(--default-theme-color-green))}.token.boolean:where(.scalar-component),:where(.scalar-component) .token.boolean,.token.number:where(.scalar-component),:where(.scalar-component) .token.number,.token.function:where(.scalar-component),:where(.scalar-component) .token.function{color:var(--theme-color-orange, var(--default-theme-color-orange))}.token.property:where(.scalar-component),:where(.scalar-component) .token.property,.token.class-name:where(.scalar-component),:where(.scalar-component) .token.class-name,.token.constant:where(.scalar-component),:where(.scalar-component) .token.constant,.token.symbol:where(.scalar-component),:where(.scalar-component) .token.symbol{color:var(--theme-color-1, var(--default-theme-color-1))}.token.selector:where(.scalar-component),:where(.scalar-component) .token.selector,.token.important:where(.scalar-component),:where(.scalar-component) .token.important,.token.atrule:where(.scalar-component),:where(.scalar-component) .token.atrule,.token.keyword:where(.scalar-component),:where(.scalar-component) .token.keyword,.token.builtin:where(.scalar-component),:where(.scalar-component) .token.builtin{color:var(--theme-color-purple, var(--default-theme-color-purple))}.token.string:where(.scalar-component),:where(.scalar-component) .token.string,.token.char:where(.scalar-component),:where(.scalar-component) .token.char,.token.attr-value:where(.scalar-component),:where(.scalar-component) .token.attr-value,.token.regex:where(.scalar-component),:where(.scalar-component) .token.regex,.token.variable:where(.scalar-component),:where(.scalar-component) .token.variable{color:var(--theme-color-blue, var(--default-theme-color-blue))}.light-mode .dark-mode .language-shell .token.variable:where(.scalar-component),:where(.scalar-component) .light-mode .dark-mode .language-shell .token.variable{color:var(--theme-color-1, var(--default-theme-color-1))}.light-mode .dark-mode .language-shell .token.string:where(.scalar-component),:where(.scalar-component) .light-mode .dark-mode .language-shell .token.string{color:var(--theme-color-blue, var(--default-theme-color-blue))}.language-shell .token.string:where(.scalar-component),:where(.scalar-component) .language-shell .token.string{color:var(--theme-color-1, var(--default-theme-color-1))}.token.operator:where(.scalar-component),:where(.scalar-component) .token.operator,.token.entity:where(.scalar-component),:where(.scalar-component) .token.entity,.token.url:where(.scalar-component),:where(.scalar-component) .token.url{color:var(--theme-color-3, var(--default-theme-color-3))}.token.important:where(.scalar-component),:where(.scalar-component) .token.important,.token.bold:where(.scalar-component),:where(.scalar-component) .token.bold{font-weight:700}.token.italic:where(.scalar-component),:where(.scalar-component) .token.italic{font-style:italic}.token.entity:where(.scalar-component),:where(.scalar-component) .token.entity{cursor:help}.token.inserted:where(.scalar-component),:where(.scalar-component) .token.inserted{color:var(--theme-color-green, var(--default-theme-color-green))}.credentials:where(.scalar-component),:where(.scalar-component) .credentials{font-size:0;color:transparent}.credentials:after:where(.scalar-component),:where(.scalar-component) .credentials:after{content:"·····";font-size:var(--theme-small, var(--default-theme-small));color:var(--theme-color-3, var(--default-theme-color-3))}.scalar-modal-layout:where(.scalar-component[data-v-ff85ced0]),:where(.scalar-component) .scalar-modal-layout[data-v-ff85ced0]{animation:modal-fade-ff85ced0 .2s forwards}.scalar-modal:where(.scalar-component[data-v-ff85ced0]),:where(.scalar-component) .scalar-modal[data-v-ff85ced0]{transform:scale(.98);animation:modal-pop-ff85ced0 .15s .15s forwards}@keyframes modal-fade-ff85ced0{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-ff85ced0{0%{opacity:0}to{opacity:1;transform:scale(1)}}.scalar-input-wrapper-focus .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input-label[data-v-4717ec50]{color:var(--theme-color-1, var(--default-theme-color-1))}.scalar-input-wrapper-error .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-error .scalar-input-label[data-v-4717ec50]{color:var(--theme-color-error-color, var(--default-theme-color-red))}.scalar-input::-moz-selection:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]::-moz-selection{color:var(--theme-color-1, var(--default-theme-color-1));background:#ffa55859}.scalar-input::selection:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]::selection{color:var(--theme-color-1, var(--default-theme-color-1));background:#ffa55859}.scalar-input:has(+.scalar-input-label):where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:has(+.scalar-input-label){opacity:0}.scalar-input:not(:-moz-placeholder-shown):where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:not(:-moz-placeholder-shown){opacity:1;-moz-transition:opacity .2s ease-in-out .15s;transition:opacity .2s ease-in-out .15s}.scalar-input:not(:placeholder-shown):where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:not(:placeholder-shown),.scalar-input-wrapper-focus .scalar-input:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input[data-v-4717ec50]{opacity:1;transition:opacity .2s ease-in-out .15s}.scalar-input:-webkit-autofill:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill,.scalar-input:-webkit-autofill:hover:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill:hover,.scalar-input:-webkit-autofill:focus:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill:focus,.scalar-input:-webkit-autofill:active:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:-webkit-autofill:active,.scalar-input:focus-within:-webkit-autofill:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill,.scalar-input:focus-within:-webkit-autofill:hover:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill:hover,.scalar-input:focus-within:-webkit-autofill:focus:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill:focus,.scalar-input:focus-within:-webkit-autofill:active:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input[data-v-4717ec50]:focus-within:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px var(--theme-background-1, var(--default-theme-background-1)) inset!important;-webkit-text-fill-color:var(--theme-color-1, var(--default-theme-color-1));color:var(--theme-color-1, var(--default-theme-color-1));border-radius:var(--theme-radius, var(--default-theme-radius))}.scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label[data-v-4717ec50]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input-label[data-v-4717ec50],.scalar-input:not(:placeholder-shown)+.scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input:not(:placeholder-shown)+.scalar-input-label[data-v-4717ec50]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus:has(button:active) .scalar-input-label:where(.scalar-component[data-v-4717ec50]),:where(.scalar-component) .scalar-input-wrapper-focus:has(button:active) .scalar-input-label[data-v-4717ec50]{color:var(--theme-color-3, var(--default-theme-color-3))!important}:where(.scalar-component),:where(.scalar-component) *{box-sizing:border-box;border-width:unset;border-style:unset;border-color:currentColor;font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:unset;font-weight:inherit;line-height:inherit;color:inherit;margin:unset;padding:unset}:where(.scalar-component),:where(.scalar-component) *,:before:where(.scalar-component),:where(.scalar-component) :before,:after:where(.scalar-component),:where(.scalar-component) :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop:where(.scalar-component),:where(.scalar-component) ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only:where(.scalar-component),:where(.scalar-component) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none:where(.scalar-component),:where(.scalar-component) .pointer-events-none{pointer-events:none}.visible:where(.scalar-component),:where(.scalar-component) .visible{visibility:visible}.fixed:where(.scalar-component),:where(.scalar-component) .fixed{position:fixed}.absolute:where(.scalar-component),:where(.scalar-component) .absolute{position:absolute}.relative:where(.scalar-component),:where(.scalar-component) .relative{position:relative}.left-0:where(.scalar-component),:where(.scalar-component) .left-0{left:0}.top-0:where(.scalar-component),:where(.scalar-component) .top-0{top:0}.z-10:where(.scalar-component),:where(.scalar-component) .z-10{z-index:10}.z-\[1001\]:where(.scalar-component),:where(.scalar-component) .z-\[1001\]{z-index:1001}.m-0:where(.scalar-component),:where(.scalar-component) .m-0{margin:0}.mx-2:where(.scalar-component),:where(.scalar-component) .mx-2{margin-left:8px;margin-right:8px}.mx-auto:where(.scalar-component),:where(.scalar-component) .mx-auto{margin-left:auto;margin-right:auto}.my-3:where(.scalar-component),:where(.scalar-component) .my-3{margin-top:12px;margin-bottom:12px}.mb-0:where(.scalar-component),:where(.scalar-component) .mb-0{margin-bottom:0}.ml-2:where(.scalar-component),:where(.scalar-component) .ml-2{margin-left:8px}.mr-2:where(.scalar-component),:where(.scalar-component) .mr-2{margin-right:8px}.mt-1:where(.scalar-component),:where(.scalar-component) .mt-1{margin-top:4px}.mt-1\.5:where(.scalar-component),:where(.scalar-component) .mt-1\.5{margin-top:6px}.mt-20:where(.scalar-component),:where(.scalar-component) .mt-20{margin-top:80px}.block:where(.scalar-component),:where(.scalar-component) .block{display:block}.flex:where(.scalar-component),:where(.scalar-component) .flex{display:flex}.grid:where(.scalar-component),:where(.scalar-component) .grid{display:grid}.hidden:where(.scalar-component),:where(.scalar-component) .hidden{display:none}.aspect-square:where(.scalar-component),:where(.scalar-component) .aspect-square{aspect-ratio:1 / 1}.h-10:where(.scalar-component),:where(.scalar-component) .h-10{height:40px}.h-3:where(.scalar-component),:where(.scalar-component) .h-3{height:12px}.h-3\.5:where(.scalar-component),:where(.scalar-component) .h-3\.5{height:14px}.h-4:where(.scalar-component),:where(.scalar-component) .h-4{height:16px}.h-5:where(.scalar-component),:where(.scalar-component) .h-5{height:20px}.h-6:where(.scalar-component),:where(.scalar-component) .h-6{height:24px}.h-\[100dvh\]:where(.scalar-component),:where(.scalar-component) .h-\[100dvh\]{height:100dvh}.h-full:where(.scalar-component),:where(.scalar-component) .h-full{height:100%}.max-h-\[440px\]:where(.scalar-component),:where(.scalar-component) .max-h-\[440px\]{max-height:440px}.max-h-\[calc\(100dvh-240px\)\]:where(.scalar-component),:where(.scalar-component) .max-h-\[calc\(100dvh-240px\)\]{max-height:calc(100dvh - 240px)}.min-h-\[77px\]:where(.scalar-component),:where(.scalar-component) .min-h-\[77px\]{min-height:77px}.w-10:where(.scalar-component),:where(.scalar-component) .w-10{width:40px}.w-3:where(.scalar-component),:where(.scalar-component) .w-3{width:12px}.w-3\.5:where(.scalar-component),:where(.scalar-component) .w-3\.5{width:14px}.w-4:where(.scalar-component),:where(.scalar-component) .w-4{width:16px}.w-5:where(.scalar-component),:where(.scalar-component) .w-5{width:20px}.w-6:where(.scalar-component),:where(.scalar-component) .w-6{width:24px}.w-\[100dvw\]:where(.scalar-component),:where(.scalar-component) .w-\[100dvw\]{width:100dvw}.w-full:where(.scalar-component),:where(.scalar-component) .w-full{width:100%}.max-w-screen-lg:where(.scalar-component),:where(.scalar-component) .max-w-screen-lg{max-width:800px}.max-w-screen-md:where(.scalar-component),:where(.scalar-component) .max-w-screen-md{max-width:640px}.max-w-screen-sm:where(.scalar-component),:where(.scalar-component) .max-w-screen-sm{max-width:540px}.max-w-screen-xs:where(.scalar-component),:where(.scalar-component) .max-w-screen-xs{max-width:480px}.origin-top-left:where(.scalar-component),:where(.scalar-component) .origin-top-left{transform-origin:top left}.transform:where(.scalar-component),:where(.scalar-component) .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed:where(.scalar-component),:where(.scalar-component) .cursor-not-allowed{cursor:not-allowed}.cursor-pointer:where(.scalar-component),:where(.scalar-component) .cursor-pointer{cursor:pointer}.resize-none:where(.scalar-component),:where(.scalar-component) .resize-none{resize:none}.appearance-none:where(.scalar-component),:where(.scalar-component) .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-start:where(.scalar-component),:where(.scalar-component) .items-start{align-items:flex-start}.items-center:where(.scalar-component),:where(.scalar-component) .items-center{align-items:center}.justify-center:where(.scalar-component),:where(.scalar-component) .justify-center{justify-content:center}.gap-1:where(.scalar-component),:where(.scalar-component) .gap-1{gap:4px}.gap-4:where(.scalar-component),:where(.scalar-component) .gap-4{gap:16px}.overflow-hidden:where(.scalar-component),:where(.scalar-component) .overflow-hidden{overflow:hidden}.overflow-y-auto:where(.scalar-component),:where(.scalar-component) .overflow-y-auto{overflow-y:auto}.rounded:where(.scalar-component),:where(.scalar-component) .rounded{border-radius:var(--theme-radius, var(--default-theme-radius))}.rounded-lg:where(.scalar-component),:where(.scalar-component) .rounded-lg{border-radius:var(--theme-radius-lg, var(--default-theme-radius-lg))}.border:where(.scalar-component),:where(.scalar-component) .border{border-width:1px}.border-0:where(.scalar-component),:where(.scalar-component) .border-0{border-width:0px}.border-solid:where(.scalar-component),:where(.scalar-component) .border-solid{border-style:solid}.border-border:where(.scalar-component),:where(.scalar-component) .border-border{border-color:var(--theme-border-color, var(--default-theme-border-color))}.border-error:where(.scalar-component),:where(.scalar-component) .border-error{border-color:var(--theme-error-color, var(--default-theme-color-red))}.border-fore-3:where(.scalar-component),:where(.scalar-component) .border-fore-3{border-color:var(--theme-color-3, var(--default-theme-color-3))}.bg-back-1:where(.scalar-component),:where(.scalar-component) .bg-back-1{background-color:var(--theme-background-1, var(--default-theme-background-1))}.bg-back-2:where(.scalar-component),:where(.scalar-component) .bg-back-2{background-color:var(--theme-background-2, var(--default-theme-background-2))}.bg-back-btn-1:where(.scalar-component),:where(.scalar-component) .bg-back-btn-1{background-color:var(--theme-button-1, var(--default-theme-button-1))}.bg-backdrop:where(.scalar-component),:where(.scalar-component) .bg-backdrop{background-color:#00000070}.bg-error:where(.scalar-component),:where(.scalar-component) .bg-error{background-color:var(--theme-error-color, var(--default-theme-color-red))}.bg-transparent:where(.scalar-component),:where(.scalar-component) .bg-transparent{background-color:transparent}.p-0:where(.scalar-component),:where(.scalar-component) .p-0{padding:0}.p-0\.5:where(.scalar-component),:where(.scalar-component) .p-0\.5{padding:2px}.p-1:where(.scalar-component),:where(.scalar-component) .p-1{padding:4px}.p-3:where(.scalar-component),:where(.scalar-component) .p-3{padding:12px}.p-5:where(.scalar-component),:where(.scalar-component) .p-5{padding:20px}.px-1:where(.scalar-component),:where(.scalar-component) .px-1{padding-left:4px;padding-right:4px}.px-4:where(.scalar-component),:where(.scalar-component) .px-4{padding-left:16px;padding-right:16px}.px-6:where(.scalar-component),:where(.scalar-component) .px-6{padding-left:24px;padding-right:24px}.px-9:where(.scalar-component),:where(.scalar-component) .px-9{padding-left:36px;padding-right:36px}.py-1:where(.scalar-component),:where(.scalar-component) .py-1{padding-top:4px;padding-bottom:4px}.py-3:where(.scalar-component),:where(.scalar-component) .py-3{padding-top:12px;padding-bottom:12px}.pb-0:where(.scalar-component),:where(.scalar-component) .pb-0{padding-bottom:0}.pb-4:where(.scalar-component),:where(.scalar-component) .pb-4{padding-bottom:16px}.pl-9:where(.scalar-component),:where(.scalar-component) .pl-9{padding-left:36px}.pr-3:where(.scalar-component),:where(.scalar-component) .pr-3{padding-right:12px}.pt-3:where(.scalar-component),:where(.scalar-component) .pt-3{padding-top:12px}.pt-6:where(.scalar-component),:where(.scalar-component) .pt-6{padding-top:24px}.text-left:where(.scalar-component),:where(.scalar-component) .text-left{text-align:left}.text-sm:where(.scalar-component),:where(.scalar-component) .text-sm{font-size:var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))}.text-xs:where(.scalar-component),:where(.scalar-component) .text-xs{font-size:var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))}.font-medium:where(.scalar-component),:where(.scalar-component) .font-medium{font-weight:var(--theme-font-medium, var(--default-theme-font-medium))}.font-normal:where(.scalar-component),:where(.scalar-component) .font-normal{font-weight:400}.italic:where(.scalar-component),:where(.scalar-component) .italic{font-style:italic}.text-error:where(.scalar-component),:where(.scalar-component) .text-error{color:var(--theme-error-color, var(--default-theme-color-red))}.text-fore-1:where(.scalar-component),:where(.scalar-component) .text-fore-1{color:var(--theme-color-1, var(--default-theme-color-1))}.text-fore-3:where(.scalar-component),:where(.scalar-component) .text-fore-3{color:var(--theme-color-3, var(--default-theme-color-3))}.text-fore-btn-1:where(.scalar-component),:where(.scalar-component) .text-fore-btn-1{color:var(--theme-button-1-color, var(--default-theme-button-1-color))}.text-ghost:where(.scalar-component),:where(.scalar-component) .text-ghost{color:var(--theme-color-ghost, var(--default-theme-color-ghost))}.text-white:where(.scalar-component),:where(.scalar-component) .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0:where(.scalar-component),:where(.scalar-component) .opacity-0{opacity:0}.shadow-none:where(.scalar-component),:where(.scalar-component) .shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm:where(.scalar-component),:where(.scalar-component) .shadow-sm{--tw-shadow: rgba(0, 0, 0, .09) 0px 1px 4px;--tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none:where(.scalar-component),:where(.scalar-component) .outline-none{outline:2px solid transparent;outline-offset:2px}.outline:where(.scalar-component),:where(.scalar-component) .outline{outline-style:solid}.blur:where(.scalar-component),:where(.scalar-component) .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter:where(.scalar-component),:where(.scalar-component) .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition:where(.scalar-component),:where(.scalar-component) .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity:where(.scalar-component),:where(.scalar-component) .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform:where(.scalar-component),:where(.scalar-component) .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out:where(.scalar-component),:where(.scalar-component) .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.row:where(.scalar-component),:where(.scalar-component) .row{display:flex;flex-direction:row}.col:where(.scalar-component),:where(.scalar-component) .col{display:flex;flex-direction:column}.before\:mr-1:before:where(.scalar-component),:where(.scalar-component) .before\:mr-1:before{content:var(--tw-content);margin-right:4px}.before\:mr-1\.5:before:where(.scalar-component),:where(.scalar-component) .before\:mr-1\.5:before{content:var(--tw-content);margin-right:6px}.before\:block:before:where(.scalar-component),:where(.scalar-component) .before\:block:before{content:var(--tw-content);display:block}.before\:h-4:before:where(.scalar-component),:where(.scalar-component) .before\:h-4:before{content:var(--tw-content);height:16px}.before\:w-4:before:where(.scalar-component),:where(.scalar-component) .before\:w-4:before{content:var(--tw-content);width:16px}.before\:bg-error:before:where(.scalar-component),:where(.scalar-component) .before\:bg-error:before{content:var(--tw-content);background-color:var(--theme-error-color, var(--default-theme-color-red))}.before\:text-center:before:where(.scalar-component),:where(.scalar-component) .before\:text-center:before{content:var(--tw-content);text-align:center}.before\:text-xxs:before:where(.scalar-component),:where(.scalar-component) .before\:text-xxs:before{content:var(--tw-content);font-size:var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))}.before\:font-black:before:where(.scalar-component),:where(.scalar-component) .before\:font-black:before{content:var(--tw-content);font-weight:900}.before\:leading-4:before:where(.scalar-component),:where(.scalar-component) .before\:leading-4:before{content:var(--tw-content);line-height:16px}.before\:text-white:before:where(.scalar-component),:where(.scalar-component) .before\:text-white:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.before\:content-\[\'\!\'\]:before:where(.scalar-component),:where(.scalar-component) .before\:content-\[\'\!\'\]:before{--tw-content: "!";content:var(--tw-content)}.empty\:hidden:empty:where(.scalar-component),:where(.scalar-component) .empty\:hidden:empty{display:none}.hover\:text-fore-1:hover:where(.scalar-component),:where(.scalar-component) .hover\:text-fore-1:hover{color:var(--theme-color-1, var(--default-theme-color-1))}.active\:bg-back-btn-1:active:where(.scalar-component),:where(.scalar-component) .active\:bg-back-btn-1:active{background-color:var(--theme-button-1, var(--default-theme-button-1))}.active\:text-fore-2:active:where(.scalar-component),:where(.scalar-component) .active\:text-fore-2:active{color:var(--theme-color-2, var(--default-theme-color-2))}.active\:shadow-none:active:where(.scalar-component),:where(.scalar-component) .active\:shadow-none:active{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.active\:brightness-90:active:where(.scalar-component),:where(.scalar-component) .active\:brightness-90:active{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.has-actv-btn\:border:has(button:active):where(.scalar-component),:where(.scalar-component) .has-actv-btn\:border:has(button:active){border-width:1px}.has-actv-btn\:border-border:has(button:active):where(.scalar-component),:where(.scalar-component) .has-actv-btn\:border-border:has(button:active){border-color:var(--theme-border-color, var(--default-theme-border-color))}.\!empty\:flex:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:flex:not(:empty){display:flex}.\!empty\:w-7:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:w-7:not(:empty){width:28px}.\!empty\:items-center:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:items-center:not(:empty){align-items:center}.\!empty\:pr-3:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:pr-3:not(:empty){padding-right:12px}.hocus\:bg-border:hover:where(.scalar-component),:where(.scalar-component) .hocus\:bg-border:hover{background-color:var(--theme-border-color, var(--default-theme-border-color))}.hocus\:bg-hover-btn-1:hover:where(.scalar-component),:where(.scalar-component) .hocus\:bg-hover-btn-1:hover{background-color:var(--theme-button-1-hover, var(--default-theme-button-1-hover))}.hocus\:text-fore-2:hover:where(.scalar-component),:where(.scalar-component) .hocus\:text-fore-2:hover{color:var(--theme-color-2, var(--default-theme-color-2))}.hocus\:brightness-90:hover:where(.scalar-component),:where(.scalar-component) .hocus\:brightness-90:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hocus\:bg-border:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:bg-border:focus-visible{background-color:var(--theme-border-color, var(--default-theme-border-color))}.hocus\:bg-hover-btn-1:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:bg-hover-btn-1:focus-visible{background-color:var(--theme-button-1-hover, var(--default-theme-button-1-hover))}.hocus\:text-fore-2:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:text-fore-2:focus-visible{color:var(--theme-color-2, var(--default-theme-color-2))}.hocus\:brightness-90:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:brightness-90:focus-visible{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 768px){.md\:row:where(.scalar-component),:where(.scalar-component) .md\:row{display:flex;flex-direction:row}}
+.loader-wrapper:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .loader-wrapper[data-v-47faceda]{position:relative;height:var(--d6cae758);width:var(--d6cae758);display:flex;align-items:center;justify-content:center;--loader-size: 50%}.svg-loader:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .svg-loader[data-v-47faceda]{width:var(--loader-size);height:var(--loader-size);top:1rem;right:.9rem;overflow:visible;fill:none;background-color:transparent;stroke:currentColor}.svg-path:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .svg-path[data-v-47faceda]{stroke-width:14;fill:none;transition:.3s}.svg-x-mark:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .svg-x-mark[data-v-47faceda]{stroke-dasharray:57;stroke-dashoffset:57;transition-delay:0s}.svg-check-mark:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .svg-check-mark[data-v-47faceda]{stroke-dasharray:149;stroke-dashoffset:149;transition-delay:0s}.icon-is-invalid .svg-x-mark:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .icon-is-invalid .svg-x-mark[data-v-47faceda]{stroke-dashoffset:0;transition-delay:.3s}.icon-is-valid .svg-check-mark:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .icon-is-valid .svg-check-mark[data-v-47faceda]{stroke-dashoffset:0;transition-delay:.3s}.circular-loader:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .circular-loader[data-v-47faceda]{animation:rotate-47faceda .7s linear infinite,fade-in-47faceda .4s;transform-origin:center center;transform:scale(5);background:transparent}.loader-path:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .loader-path[data-v-47faceda]{stroke-dasharray:50,200;stroke-dashoffset:-100;stroke-linecap:round}.loader-path-off:where(.scalar-component[data-v-47faceda]),:where(.scalar-component) .loader-path-off[data-v-47faceda]{stroke-dasharray:50,200;stroke-dashoffset:-100;transition:opacity .3s;opacity:0}@keyframes fade-in-47faceda{0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes rotate-47faceda{0%{transform:scale(5) rotate(0)}to{transform:scale(5) rotate(360deg)}}.scalar-codeblock-code[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-code[class*=language-],.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{color:var(--scalar-color-2);background:none;font-family:var(--scalar-font-code);font-size:var(--scalar-small);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.4;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none;display:block}.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{margin:0;padding:.5rem;overflow:auto}:not(pre)>code[class*=language-]:where(.scalar-component),:where(.scalar-component) :not(pre)>code[class*=language-],.scalar-codeblock-pre[class*=language-]:where(.scalar-component),:where(.scalar-component) .scalar-codeblock-pre[class*=language-]{background:var(--scalar-background-2)}.line-numbers.scalar-codeblock-pre[class*=language-]{position:relative;padding-left:2em;counter-reset:linenumber}.line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3em;width:3em;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}:not(pre)>code[class*=language-]:where(.scalar-component),:where(.scalar-component) :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment:where(.scalar-component),:where(.scalar-component) .token.comment,.token.block-comment:where(.scalar-component),:where(.scalar-component) .token.block-comment,.token.prolog:where(.scalar-component),:where(.scalar-component) .token.prolog,.token.doctype:where(.scalar-component),:where(.scalar-component) .token.doctype,.token.cdata:where(.scalar-component),:where(.scalar-component) .token.cdata{color:var(--scalar-color-2)}.token.punctuation:where(.scalar-component),:where(.scalar-component) .token.punctuation{color:var(--scalar-color-3)}.token.tag:where(.scalar-component),:where(.scalar-component) .token.tag,.token.attr-name:where(.scalar-component),:where(.scalar-component) .token.attr-name,.token.namespace:where(.scalar-component),:where(.scalar-component) .token.namespace,.token.deleted:where(.scalar-component),:where(.scalar-component) .token.deleted{color:var(--scalar-color-red)}.token.function-name:where(.scalar-component),:where(.scalar-component) .token.function-name{color:var(--scalar-color-green)}.token.boolean:where(.scalar-component),:where(.scalar-component) .token.boolean,.token.number:where(.scalar-component),:where(.scalar-component) .token.number,.token.function:where(.scalar-component),:where(.scalar-component) .token.function{color:var(--scalar-color-orange)}.token.property:where(.scalar-component),:where(.scalar-component) .token.property,.token.class-name:where(.scalar-component),:where(.scalar-component) .token.class-name,.token.constant:where(.scalar-component),:where(.scalar-component) .token.constant,.token.symbol:where(.scalar-component),:where(.scalar-component) .token.symbol{color:var(--scalar-color-1)}.token.selector:where(.scalar-component),:where(.scalar-component) .token.selector,.token.important:where(.scalar-component),:where(.scalar-component) .token.important,.token.atrule:where(.scalar-component),:where(.scalar-component) .token.atrule,.token.keyword:where(.scalar-component),:where(.scalar-component) .token.keyword,.token.builtin:where(.scalar-component),:where(.scalar-component) .token.builtin{color:var(--scalar-color-purple)}.token.string:where(.scalar-component),:where(.scalar-component) .token.string,.token.char:where(.scalar-component),:where(.scalar-component) .token.char,.token.attr-value:where(.scalar-component),:where(.scalar-component) .token.attr-value,.token.regex:where(.scalar-component),:where(.scalar-component) .token.regex,.token.variable:where(.scalar-component),:where(.scalar-component) .token.variable{color:var(--scalar-color-blue)}.light-mode .dark-mode .language-shell .token.variable:where(.scalar-component),:where(.scalar-component) .light-mode .dark-mode .language-shell .token.variable{color:var(--scalar-color-1)}.light-mode .dark-mode .language-shell .token.string:where(.scalar-component),:where(.scalar-component) .light-mode .dark-mode .language-shell .token.string{color:var(--scalar-color-blue)}.language-shell .token.string:where(.scalar-component),:where(.scalar-component) .language-shell .token.string{color:var(--scalar-color-1)}.token.operator:where(.scalar-component),:where(.scalar-component) .token.operator,.token.entity:where(.scalar-component),:where(.scalar-component) .token.entity,.token.url:where(.scalar-component),:where(.scalar-component) .token.url{color:var(--scalar-color-3)}.token.important:where(.scalar-component),:where(.scalar-component) .token.important,.token.bold:where(.scalar-component),:where(.scalar-component) .token.bold{font-weight:700}.token.italic:where(.scalar-component),:where(.scalar-component) .token.italic{font-style:italic}.token.entity:where(.scalar-component),:where(.scalar-component) .token.entity{cursor:help}.token.inserted:where(.scalar-component),:where(.scalar-component) .token.inserted{color:var(--scalar-color-green)}.credentials:where(.scalar-component),:where(.scalar-component) .credentials{font-size:0;color:transparent}.credentials:after:where(.scalar-component),:where(.scalar-component) .credentials:after{content:"·····";font-size:var(--scalar-small);color:var(--scalar-color-3)}.scalar-modal-layout:where(.scalar-component[data-v-ff85ced0]),:where(.scalar-component) .scalar-modal-layout[data-v-ff85ced0]{animation:modal-fade-ff85ced0 .2s forwards}.scalar-modal:where(.scalar-component[data-v-ff85ced0]),:where(.scalar-component) .scalar-modal[data-v-ff85ced0]{transform:scale(.98);animation:modal-pop-ff85ced0 .15s .15s forwards}@keyframes modal-fade-ff85ced0{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-ff85ced0{0%{opacity:0}to{opacity:1;transform:scale(1)}}.scalar-input-wrapper-focus .scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input-label[data-v-4fc2339e]{color:var(--scalar-color-1)}.scalar-input-wrapper-error .scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input-wrapper-error .scalar-input-label[data-v-4fc2339e]{color:var(--scalar-color-error-color)}.scalar-input::-moz-selection:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]::-moz-selection{color:var(--scalar-color-1);background:#ffa55859}.scalar-input::selection:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]::selection{color:var(--scalar-color-1);background:#ffa55859}.scalar-input:has(+.scalar-input-label):where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:has(+.scalar-input-label){opacity:0}.scalar-input:not(:-moz-placeholder-shown):where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:not(:-moz-placeholder-shown){opacity:1;-moz-transition:opacity .2s ease-in-out .15s;transition:opacity .2s ease-in-out .15s}.scalar-input:not(:placeholder-shown):where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:not(:placeholder-shown),.scalar-input-wrapper-focus .scalar-input:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input[data-v-4fc2339e]{opacity:1;transition:opacity .2s ease-in-out .15s}.scalar-input:-webkit-autofill:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:-webkit-autofill,.scalar-input:-webkit-autofill:hover:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:-webkit-autofill:hover,.scalar-input:-webkit-autofill:focus:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:-webkit-autofill:focus,.scalar-input:-webkit-autofill:active:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:-webkit-autofill:active,.scalar-input:focus-within:-webkit-autofill:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:focus-within:-webkit-autofill,.scalar-input:focus-within:-webkit-autofill:hover:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:focus-within:-webkit-autofill:hover,.scalar-input:focus-within:-webkit-autofill:focus:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:focus-within:-webkit-autofill:focus,.scalar-input:focus-within:-webkit-autofill:active:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input[data-v-4fc2339e]:focus-within:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px var(--scalar-background-1) inset!important;-webkit-text-fill-color:var(--scalar-color-1);color:var(--scalar-color-1);border-radius:var(--scalar-radius)}.scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input:not(:-moz-placeholder-shown)+.scalar-input-label[data-v-4fc2339e]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus .scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input-wrapper-focus .scalar-input-label[data-v-4fc2339e],.scalar-input:not(:placeholder-shown)+.scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input:not(:placeholder-shown)+.scalar-input-label[data-v-4fc2339e]{transform:translate3d(0,-20px,0) scale(.8);transform-origin:top left}.scalar-input-wrapper-focus:has(button:active) .scalar-input-label:where(.scalar-component[data-v-4fc2339e]),:where(.scalar-component) .scalar-input-wrapper-focus:has(button:active) .scalar-input-label[data-v-4fc2339e]{color:var(--scalar-color-3)!important}:where(.scalar-component),:where(.scalar-component) *{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--scalar-border-color);font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:unset;font-weight:inherit;line-height:inherit;color:inherit;margin:unset;padding:unset}:where(.scalar-component),:where(.scalar-component) *,:before:where(.scalar-component),:where(.scalar-component) :before,:after:where(.scalar-component),:where(.scalar-component) :after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop:where(.scalar-component),:where(.scalar-component) ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only:where(.scalar-component),:where(.scalar-component) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none:where(.scalar-component),:where(.scalar-component) .pointer-events-none{pointer-events:none}.visible:where(.scalar-component),:where(.scalar-component) .visible{visibility:visible}.fixed:where(.scalar-component),:where(.scalar-component) .fixed{position:fixed}.absolute:where(.scalar-component),:where(.scalar-component) .absolute{position:absolute}.relative:where(.scalar-component),:where(.scalar-component) .relative{position:relative}.left-0:where(.scalar-component),:where(.scalar-component) .left-0{left:0}.top-0:where(.scalar-component),:where(.scalar-component) .top-0{top:0}.z-10:where(.scalar-component),:where(.scalar-component) .z-10{z-index:10}.z-\[1001\]:where(.scalar-component),:where(.scalar-component) .z-\[1001\]{z-index:1001}.m-0:where(.scalar-component),:where(.scalar-component) .m-0{margin:0}.mx-2:where(.scalar-component),:where(.scalar-component) .mx-2{margin-left:8px;margin-right:8px}.mx-auto:where(.scalar-component),:where(.scalar-component) .mx-auto{margin-left:auto;margin-right:auto}.my-3:where(.scalar-component),:where(.scalar-component) .my-3{margin-top:12px;margin-bottom:12px}.mb-0:where(.scalar-component),:where(.scalar-component) .mb-0{margin-bottom:0}.ml-2:where(.scalar-component),:where(.scalar-component) .ml-2{margin-left:8px}.mr-2:where(.scalar-component),:where(.scalar-component) .mr-2{margin-right:8px}.mr-3:where(.scalar-component),:where(.scalar-component) .mr-3{margin-right:12px}.mt-1:where(.scalar-component),:where(.scalar-component) .mt-1{margin-top:4px}.mt-1\.5:where(.scalar-component),:where(.scalar-component) .mt-1\.5{margin-top:6px}.mt-20:where(.scalar-component),:where(.scalar-component) .mt-20{margin-top:80px}.block:where(.scalar-component),:where(.scalar-component) .block{display:block}.flex:where(.scalar-component),:where(.scalar-component) .flex{display:flex}.grid:where(.scalar-component),:where(.scalar-component) .grid{display:grid}.contents:where(.scalar-component),:where(.scalar-component) .contents{display:contents}.hidden:where(.scalar-component),:where(.scalar-component) .hidden{display:none}.aspect-square:where(.scalar-component),:where(.scalar-component) .aspect-square{aspect-ratio:1 / 1}.h-10:where(.scalar-component),:where(.scalar-component) .h-10{height:40px}.h-3:where(.scalar-component),:where(.scalar-component) .h-3{height:12px}.h-3\.5:where(.scalar-component),:where(.scalar-component) .h-3\.5{height:14px}.h-4:where(.scalar-component),:where(.scalar-component) .h-4{height:16px}.h-5:where(.scalar-component),:where(.scalar-component) .h-5{height:20px}.h-6:where(.scalar-component),:where(.scalar-component) .h-6{height:24px}.h-\[100dvh\]:where(.scalar-component),:where(.scalar-component) .h-\[100dvh\]{height:100dvh}.h-full:where(.scalar-component),:where(.scalar-component) .h-full{height:100%}.max-h-\[440px\]:where(.scalar-component),:where(.scalar-component) .max-h-\[440px\]{max-height:440px}.max-h-\[calc\(100dvh-240px\)\]:where(.scalar-component),:where(.scalar-component) .max-h-\[calc\(100dvh-240px\)\]{max-height:calc(100dvh - 240px)}.min-h-\[77px\]:where(.scalar-component),:where(.scalar-component) .min-h-\[77px\]{min-height:77px}.w-10:where(.scalar-component),:where(.scalar-component) .w-10{width:40px}.w-3:where(.scalar-component),:where(.scalar-component) .w-3{width:12px}.w-3\.5:where(.scalar-component),:where(.scalar-component) .w-3\.5{width:14px}.w-4:where(.scalar-component),:where(.scalar-component) .w-4{width:16px}.w-5:where(.scalar-component),:where(.scalar-component) .w-5{width:20px}.w-6:where(.scalar-component),:where(.scalar-component) .w-6{width:24px}.w-\[100dvw\]:where(.scalar-component),:where(.scalar-component) .w-\[100dvw\]{width:100dvw}.w-full:where(.scalar-component),:where(.scalar-component) .w-full{width:100%}.max-w-screen-lg:where(.scalar-component),:where(.scalar-component) .max-w-screen-lg{max-width:800px}.max-w-screen-md:where(.scalar-component),:where(.scalar-component) .max-w-screen-md{max-width:640px}.max-w-screen-sm:where(.scalar-component),:where(.scalar-component) .max-w-screen-sm{max-width:540px}.max-w-screen-xs:where(.scalar-component),:where(.scalar-component) .max-w-screen-xs{max-width:480px}.flex-1:where(.scalar-component),:where(.scalar-component) .flex-1{flex:1 1 0%}.origin-top-left:where(.scalar-component),:where(.scalar-component) .origin-top-left{transform-origin:top left}.rotate-90:where(.scalar-component),:where(.scalar-component) .rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform:where(.scalar-component),:where(.scalar-component) .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed:where(.scalar-component),:where(.scalar-component) .cursor-not-allowed{cursor:not-allowed}.cursor-pointer:where(.scalar-component),:where(.scalar-component) .cursor-pointer{cursor:pointer}.resize-none:where(.scalar-component),:where(.scalar-component) .resize-none{resize:none}.appearance-none:where(.scalar-component),:where(.scalar-component) .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col:where(.scalar-component),:where(.scalar-component) .flex-col{flex-direction:column}.items-start:where(.scalar-component),:where(.scalar-component) .items-start{align-items:flex-start}.items-center:where(.scalar-component),:where(.scalar-component) .items-center{align-items:center}.justify-center:where(.scalar-component),:where(.scalar-component) .justify-center{justify-content:center}.gap-0:where(.scalar-component),:where(.scalar-component) .gap-0{gap:0px}.gap-0\.75:where(.scalar-component),:where(.scalar-component) .gap-0\.75{gap:3px}.gap-1:where(.scalar-component),:where(.scalar-component) .gap-1{gap:4px}.gap-2:where(.scalar-component),:where(.scalar-component) .gap-2{gap:8px}.gap-3:where(.scalar-component),:where(.scalar-component) .gap-3{gap:12px}.gap-4:where(.scalar-component),:where(.scalar-component) .gap-4{gap:16px}.self-center:where(.scalar-component),:where(.scalar-component) .self-center{align-self:center}.overflow-hidden:where(.scalar-component),:where(.scalar-component) .overflow-hidden{overflow:hidden}.overflow-y-auto:where(.scalar-component),:where(.scalar-component) .overflow-y-auto{overflow-y:auto}.truncate:where(.scalar-component),:where(.scalar-component) .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded:where(.scalar-component),:where(.scalar-component) .rounded{border-radius:var(--scalar-radius)}.rounded-lg:where(.scalar-component),:where(.scalar-component) .rounded-lg{border-radius:var(--scalar-radius-lg)}.border:where(.scalar-component),:where(.scalar-component) .border{border-width:1px}.border-0:where(.scalar-component),:where(.scalar-component) .border-0{border-width:0px}.border-solid:where(.scalar-component),:where(.scalar-component) .border-solid{border-style:solid}.border-border:where(.scalar-component),:where(.scalar-component) .border-border{border-color:var(--scalar-border-color)}.border-error:where(.scalar-component),:where(.scalar-component) .border-error{border-color:var(--scalar-error-color)}.border-fore-3:where(.scalar-component),:where(.scalar-component) .border-fore-3{border-color:var(--scalar-color-3)}.bg-back-1:where(.scalar-component),:where(.scalar-component) .bg-back-1{background-color:var(--scalar-background-1)}.bg-back-2:where(.scalar-component),:where(.scalar-component) .bg-back-2{background-color:var(--scalar-background-2)}.bg-back-btn-1:where(.scalar-component),:where(.scalar-component) .bg-back-btn-1{background-color:var(--scalar-button-1)}.bg-backdrop:where(.scalar-component),:where(.scalar-component) .bg-backdrop{background-color:#00000070}.bg-error:where(.scalar-component),:where(.scalar-component) .bg-error{background-color:var(--scalar-error-color)}.bg-transparent:where(.scalar-component),:where(.scalar-component) .bg-transparent{background-color:transparent}.p-0:where(.scalar-component),:where(.scalar-component) .p-0{padding:0}.p-0\.5:where(.scalar-component),:where(.scalar-component) .p-0\.5{padding:2px}.p-1:where(.scalar-component),:where(.scalar-component) .p-1{padding:4px}.p-3:where(.scalar-component),:where(.scalar-component) .p-3{padding:12px}.p-5:where(.scalar-component),:where(.scalar-component) .p-5{padding:20px}.px-1:where(.scalar-component),:where(.scalar-component) .px-1{padding-left:4px;padding-right:4px}.px-3:where(.scalar-component),:where(.scalar-component) .px-3{padding-left:12px;padding-right:12px}.px-4:where(.scalar-component),:where(.scalar-component) .px-4{padding-left:16px;padding-right:16px}.px-6:where(.scalar-component),:where(.scalar-component) .px-6{padding-left:24px;padding-right:24px}.px-9:where(.scalar-component),:where(.scalar-component) .px-9{padding-left:36px;padding-right:36px}.py-1:where(.scalar-component),:where(.scalar-component) .py-1{padding-top:4px;padding-bottom:4px}.py-1\.5:where(.scalar-component),:where(.scalar-component) .py-1\.5{padding-top:6px;padding-bottom:6px}.py-3:where(.scalar-component),:where(.scalar-component) .py-3{padding-top:12px;padding-bottom:12px}.py-4:where(.scalar-component),:where(.scalar-component) .py-4{padding-top:16px;padding-bottom:16px}.pb-0:where(.scalar-component),:where(.scalar-component) .pb-0{padding-bottom:0}.pb-4:where(.scalar-component),:where(.scalar-component) .pb-4{padding-bottom:16px}.pl-9:where(.scalar-component),:where(.scalar-component) .pl-9{padding-left:36px}.pr-3:where(.scalar-component),:where(.scalar-component) .pr-3{padding-right:12px}.pt-3:where(.scalar-component),:where(.scalar-component) .pt-3{padding-top:12px}.pt-6:where(.scalar-component),:where(.scalar-component) .pt-6{padding-top:24px}.text-left:where(.scalar-component),:where(.scalar-component) .text-left{text-align:left}.text-lg:where(.scalar-component),:where(.scalar-component) .text-lg{font-size:var(--scalar-font-size-1)}.text-sm:where(.scalar-component),:where(.scalar-component) .text-sm{font-size:var(--scalar-small,var(--scalar-font-size-3))}.text-xs:where(.scalar-component),:where(.scalar-component) .text-xs{font-size:var(--scalar-mini, var(--scalar-font-size-4))}.font-bold:where(.scalar-component),:where(.scalar-component) .font-bold{font-weight:var(--scalar-font-bold)}.font-medium:where(.scalar-component),:where(.scalar-component) .font-medium{font-weight:var(--scalar-font-medium)}.font-normal:where(.scalar-component),:where(.scalar-component) .font-normal{font-weight:400}.italic:where(.scalar-component),:where(.scalar-component) .italic{font-style:italic}.text-error:where(.scalar-component),:where(.scalar-component) .text-error{color:var(--scalar-error-color)}.text-fore-1:where(.scalar-component),:where(.scalar-component) .text-fore-1{color:var(--scalar-color-1)}.text-fore-2:where(.scalar-component),:where(.scalar-component) .text-fore-2{color:var(--scalar-color-2)}.text-fore-3:where(.scalar-component),:where(.scalar-component) .text-fore-3{color:var(--scalar-color-3)}.text-fore-btn-1:where(.scalar-component),:where(.scalar-component) .text-fore-btn-1{color:var(--scalar-button-1-color)}.text-ghost:where(.scalar-component),:where(.scalar-component) .text-ghost{color:var(--scalar-color-ghost)}.text-white:where(.scalar-component),:where(.scalar-component) .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.no-underline:where(.scalar-component),:where(.scalar-component) .no-underline{text-decoration-line:none}.opacity-0:where(.scalar-component),:where(.scalar-component) .opacity-0{opacity:0}.shadow-none:where(.scalar-component),:where(.scalar-component) .shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm:where(.scalar-component),:where(.scalar-component) .shadow-sm{--tw-shadow: rgba(0, 0, 0, .09) 0px 1px 4px;--tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none:where(.scalar-component),:where(.scalar-component) .outline-none{outline:2px solid transparent;outline-offset:2px}.outline:where(.scalar-component),:where(.scalar-component) .outline{outline-style:solid}.blur:where(.scalar-component),:where(.scalar-component) .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter:where(.scalar-component),:where(.scalar-component) .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition:where(.scalar-component),:where(.scalar-component) .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity:where(.scalar-component),:where(.scalar-component) .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform:where(.scalar-component),:where(.scalar-component) .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out:where(.scalar-component),:where(.scalar-component) .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.row:where(.scalar-component),:where(.scalar-component) .row{display:flex;flex-direction:row}.col:where(.scalar-component),:where(.scalar-component) .col{display:flex;flex-direction:column}.before\:mr-1:before:where(.scalar-component),:where(.scalar-component) .before\:mr-1:before{content:var(--tw-content);margin-right:4px}.before\:mr-1\.5:before:where(.scalar-component),:where(.scalar-component) .before\:mr-1\.5:before{content:var(--tw-content);margin-right:6px}.before\:block:before:where(.scalar-component),:where(.scalar-component) .before\:block:before{content:var(--tw-content);display:block}.before\:h-4:before:where(.scalar-component),:where(.scalar-component) .before\:h-4:before{content:var(--tw-content);height:16px}.before\:w-4:before:where(.scalar-component),:where(.scalar-component) .before\:w-4:before{content:var(--tw-content);width:16px}.before\:bg-error:before:where(.scalar-component),:where(.scalar-component) .before\:bg-error:before{content:var(--tw-content);background-color:var(--scalar-error-color)}.before\:text-center:before:where(.scalar-component),:where(.scalar-component) .before\:text-center:before{content:var(--tw-content);text-align:center}.before\:text-xxs:before:where(.scalar-component),:where(.scalar-component) .before\:text-xxs:before{content:var(--tw-content);font-size:var(--scalar-micro, var(--scalar-font-size-5))}.before\:font-black:before:where(.scalar-component),:where(.scalar-component) .before\:font-black:before{content:var(--tw-content);font-weight:900}.before\:leading-4:before:where(.scalar-component),:where(.scalar-component) .before\:leading-4:before{content:var(--tw-content);line-height:16px}.before\:text-white:before:where(.scalar-component),:where(.scalar-component) .before\:text-white:before{content:var(--tw-content);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.before\:content-\[\'\!\'\]:before:where(.scalar-component),:where(.scalar-component) .before\:content-\[\'\!\'\]:before{--tw-content: "!";content:var(--tw-content)}.empty\:hidden:empty:where(.scalar-component),:where(.scalar-component) .empty\:hidden:empty{display:none}.focus-within\:border-fore-1:focus-within:where(.scalar-component),:where(.scalar-component) .focus-within\:border-fore-1:focus-within{border-color:var(--scalar-color-1)}.hover\:bg-back-2:hover:where(.scalar-component),:where(.scalar-component) .hover\:bg-back-2:hover{background-color:var(--scalar-background-2)}.hover\:text-fore-1:hover:where(.scalar-component),:where(.scalar-component) .hover\:text-fore-1:hover{color:var(--scalar-color-1)}.active\:bg-back-btn-1:active:where(.scalar-component),:where(.scalar-component) .active\:bg-back-btn-1:active{background-color:var(--scalar-button-1)}.active\:text-fore-2:active:where(.scalar-component),:where(.scalar-component) .active\:text-fore-2:active{color:var(--scalar-color-2)}.active\:shadow-none:active:where(.scalar-component),:where(.scalar-component) .active\:shadow-none:active{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.active\:brightness-90:active:where(.scalar-component),:where(.scalar-component) .active\:brightness-90:active{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .group-hover\:text-fore-1:where(.scalar-component),:where(.scalar-component) .group:hover .group-hover\:text-fore-1{color:var(--scalar-color-1)}.has-actv-btn\:border:has(button:active):where(.scalar-component),:where(.scalar-component) .has-actv-btn\:border:has(button:active){border-width:1px}.has-actv-btn\:border-border:has(button:active):where(.scalar-component),:where(.scalar-component) .has-actv-btn\:border-border:has(button:active){border-color:var(--scalar-border-color)}.\!empty\:flex:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:flex:not(:empty){display:flex}.\!empty\:w-7:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:w-7:not(:empty){width:28px}.\!empty\:items-center:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:items-center:not(:empty){align-items:center}.\!empty\:pr-3:not(:empty):where(.scalar-component),:where(.scalar-component) .\!empty\:pr-3:not(:empty){padding-right:12px}.hocus\:bg-border:hover:where(.scalar-component),:where(.scalar-component) .hocus\:bg-border:hover{background-color:var(--scalar-border-color)}.hocus\:bg-hover-btn-1:hover:where(.scalar-component),:where(.scalar-component) .hocus\:bg-hover-btn-1:hover{background-color:var(--scalar-button-1-hover)}.hocus\:text-fore-2:hover:where(.scalar-component),:where(.scalar-component) .hocus\:text-fore-2:hover{color:var(--scalar-color-2)}.hocus\:brightness-90:hover:where(.scalar-component),:where(.scalar-component) .hocus\:brightness-90:hover{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hocus\:bg-border:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:bg-border:focus-visible{background-color:var(--scalar-border-color)}.hocus\:bg-hover-btn-1:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:bg-hover-btn-1:focus-visible{background-color:var(--scalar-button-1-hover)}.hocus\:text-fore-2:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:text-fore-2:focus-visible{color:var(--scalar-color-2)}.hocus\:brightness-90:focus-visible:where(.scalar-component),:where(.scalar-component) .hocus\:brightness-90:focus-visible{--tw-brightness: brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 768px){.md\:row:where(.scalar-component),:where(.scalar-component) .md\:row{display:flex;flex-direction:row}}

package/package.json

@@ -5,7 +5,7 @@
   "author": "Scalar (https://github.com/scalar)",
   "homepage": "https://github.com/scalar/scalar",
   "bugs": "https://github.com/scalar/scalar/issues/new/choose",
-  "version": "0.4.11",
+  "version": "0.5.1",
   "engines": {
     "node": ">=18"
   },
@@ -23,25 +23,24 @@
   ],
   "module": "./dist/index.js",
   "dependencies": {
-    "@headlessui/vue": "^1.7.16",
-    "@vueuse/core": "^10.4.1",
+    "@headlessui/vue": "^1.7.20",
+    "@storybook/test": "^8.0.8",
+    "@vueuse/core": "^10.9.0",
     "class-variance-authority": "^0.7.0",
     "cva": "1.0.0-beta.1",
     "nanoid": "^5.0.1",
     "prismjs": "^1.29.0",
     "tailwind-merge": "^2.0.0",
-    "@scalar/oas-utils": "0.1.5"
+    "@scalar/oas-utils": "0.1.6"
   },
   "devDependencies": {
-    "@etchteam/storybook-addon-css-variables-theme": "^1.5.1",
     "@rise8/tailwind-pixel-perfect-preset": "^1.0.1",
-    "@storybook/addon-essentials": "^7.5.2",
-    "@storybook/addon-interactions": "^7.5.2",
-    "@storybook/addon-links": "^7.5.2",
-    "@storybook/blocks": "^7.5.2",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/vue3": "^7.5.2",
-    "@storybook/vue3-vite": "^7.5.2",
+    "@storybook/addon-essentials": "^8.0.8",
+    "@storybook/addon-interactions": "^8.0.8",
+    "@storybook/addon-links": "^8.0.8",
+    "@storybook/blocks": "^8.0.8",
+    "@storybook/vue3": "^8.0.8",
+    "@storybook/vue3-vite": "^8.0.8",
     "@tsconfig/node18": "^18.2.2",
     "@types/jsdom": "^21.1.3",
     "@types/node": "^20.8.4",
@@ -53,21 +52,20 @@
     "jsdom": "^22.1.0",
     "npm-run-all2": "^6.1.1",
     "plugins": "^0.4.2",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.38",
     "postcss-prefix-selector": "^1.16.0",
-    "storybook": "^7.5.2",
-    "storybook-dark-mode": "^3.0.1",
+    "storybook": "^8.0.8",
+    "storybook-dark-mode": "^4.0.1",
     "tailwindcss": "^3.3.3",
     "ts-node": "^10.9.1",
-    "typescript": "^5.4.2",
-    "vite": "^5.1.1",
+    "typescript": "^5.4.3",
+    "vite": "^5.2.9",
     "vite-plugin-dts": "^3.6.3",
-    "vite-plugin-lib-inject-css": "^2.0.0",
+    "vite-plugin-lib-inject-css": "^2.0.1",
     "vite-svg-loader": "^5.1.0",
-    "vitest": "^1.2.2",
-    "vue": "^3.3.0",
+    "vitest": "^1.5.0",
     "vue-tsc": "^1.8.19",
-    "@scalar/themes": "0.6.7"
+    "@scalar/themes": "0.7.2"
   },
   "peerDependencies": {
     "vue": "^3.3.0"