@clasing/ui 0.1.25 → 0.1.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.d.ts +26 -21
  2. package/dist/index.es.js +1113 -1057
  3. package/dist/index.umd.js +10 -10
  4. package/dist/style.css +1 -1
  5. package/package.json +88 -86
  6. package/tailwind.config.js +61 -196
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:before,: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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-right-2{right:-.5rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-full{left:100%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-full{right:100%}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[99999\]{z-index:99999}.z-\[999\]{z-index:999}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mt-1{margin-top:-.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.flex{display:flex}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[34px\]{height:34px}.h-\[38px\]{height:38px}.h-\[6px\]{height:6px}.h-fit{height:fit-content}.h-full{height:100%}.max-h-60{max-height:15rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[38px\]{width:38px}.w-\[6px\]{width:6px}.w-fit{width:fit-content}.w-full{width:100%}.min-w-32{min-width:8rem}.min-w-36{min-width:9rem}.min-w-44{min-width:11rem}.min-w-52{min-width:13rem}.flex-1{flex:1 1 0%}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x: -50%;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))}.-translate-y-1\/2{--tw-translate-y: -50%;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))}.translate-y-0{--tw-translate-y: 0px;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))}.translate-y-2{--tw-translate-y: .5rem;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))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;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{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))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:8px}.rounded-sm{border-radius:4px}.\!border-sm{border-width:1px!important}.\!border-xs{border-width:.5px!important}.border-xs{border-width:.5px}.\!border-b-xs{border-bottom-width:.5px!important}.border-solid{border-style:solid}.border-border-accent-blue{--tw-border-opacity: 1;border-color:hsl(var(--color-blue-500) / var(--tw-border-opacity))}.border-border-accent-fuchsia{--tw-border-opacity: 1;border-color:hsl(var(--color-fuchsia-500) / var(--tw-border-opacity))}.border-border-accent-gray{--tw-border-opacity: 1;border-color:hsl(var(--color-gray-500) / var(--tw-border-opacity))}.border-border-accent-green{--tw-border-opacity: 1;border-color:hsl(var(--color-green-500) / var(--tw-border-opacity))}.border-border-accent-ice{--tw-border-opacity: 1;border-color:hsl(var(--color-ice-500) / var(--tw-border-opacity))}.border-border-accent-lime{--tw-border-opacity: 1;border-color:hsl(var(--color-lime-500) / var(--tw-border-opacity))}.border-border-accent-marine{--tw-border-opacity: 1;border-color:hsl(var(--color-marine-500) / var(--tw-border-opacity))}.border-border-accent-mustard{--tw-border-opacity: 1;border-color:hsl(var(--color-mustard-500) / var(--tw-border-opacity))}.border-border-accent-violet{--tw-border-opacity: 1;border-color:hsl(var(--color-violet-500) / var(--tw-border-opacity))}.border-border-bolder{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-900) / var(--tw-border-opacity))}.border-border-disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-400) / var(--tw-border-opacity))}.border-border-subtlest{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-500) / var(--tw-border-opacity))}.border-border-transparent{border-color:transparent}.border-border-utility-danger{--tw-border-opacity: 1;border-color:hsl(var(--color-fuchsia-900) / var(--tw-border-opacity))}.border-border-utility-discovery{--tw-border-opacity: 1;border-color:hsl(var(--color-violet-500) / var(--tw-border-opacity))}.border-border-utility-informative{--tw-border-opacity: 1;border-color:hsl(var(--color-marine-500) / var(--tw-border-opacity))}.border-border-utility-success{--tw-border-opacity: 1;border-color:hsl(var(--color-lime-500) / var(--tw-border-opacity))}.border-button-destructive-border-disabled,.border-button-destructive-border-enabled,.border-button-destructive-border-pressed,.border-button-ghost-border-disabled,.border-button-ghost-border-enabled,.border-button-ghost-border-pressed,.border-button-icon-fill-border-disabled,.border-button-icon-fill-border-enabled,.border-button-icon-fill-border-pressed,.border-button-icon-ghost-border-disabled,.border-button-icon-ghost-border-enabled{border-color:transparent}.border-button-icon-outline-border-disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-300) / var(--tw-border-opacity))}.border-button-icon-outline-border-enabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-500) / var(--tw-border-opacity))}.border-button-link-border-disabled,.border-button-link-border-enabled{border-color:transparent}.border-button-outline-border-disabled,.border-button-outline-border-enabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-500) / var(--tw-border-opacity))}.border-button-outline-border-pressed,.border-button-primary-border-disabled,.border-button-primary-border-enabled,.border-button-primary-border-pressed,.border-button-secondary-border-disabled,.border-button-secondary-border-enabled,.border-button-tertiary-border-disabled,.border-button-tertiary-border-enabled{border-color:transparent}.bg-bg-accent-blue{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-500) / var(--tw-bg-opacity))}.bg-bg-accent-blue-subtle{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-000) / var(--tw-bg-opacity))}.bg-bg-accent-fuchsia{--tw-bg-opacity: 1;background-color:hsl(var(--color-fuchsia-500) / var(--tw-bg-opacity))}.bg-bg-accent-gray{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-500) / var(--tw-bg-opacity))}.bg-bg-accent-gray-subtle-hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-gray-200) / var(--tw-bg-opacity))}.bg-bg-accent-green{--tw-bg-opacity: 1;background-color:hsl(var(--color-green-500) / var(--tw-bg-opacity))}.bg-bg-accent-ice{--tw-bg-opacity: 1;background-color:hsl(var(--color-ice-500) / var(--tw-bg-opacity))}.bg-bg-accent-ice-subtle{--tw-bg-opacity: 1;background-color:hsl(var(--color-ice-000) / var(--tw-bg-opacity))}.bg-bg-accent-lime{--tw-bg-opacity: 1;background-color:hsl(var(--color-lime-500) / var(--tw-bg-opacity))}.bg-bg-accent-marine{--tw-bg-opacity: 1;background-color:hsl(var(--color-marine-500) / var(--tw-bg-opacity))}.bg-bg-accent-mustard{--tw-bg-opacity: 1;background-color:hsl(var(--color-mustard-500) / var(--tw-bg-opacity))}.bg-bg-accent-violet{--tw-bg-opacity: 1;background-color:hsl(var(--color-violet-500) / var(--tw-bg-opacity))}.bg-bg-bolder{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-800) / var(--tw-bg-opacity))}.bg-bg-brand{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-500) / var(--tw-bg-opacity))}.bg-bg-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-400) / var(--tw-bg-opacity))}.bg-bg-utility-discovery-bolder{--tw-bg-opacity: 1;background-color:hsl(var(--color-violet-500) / var(--tw-bg-opacity))}.bg-bg-utility-informative-bolder{--tw-bg-opacity: 1;background-color:hsl(var(--color-marine-500) / var(--tw-bg-opacity))}.bg-bg-utility-success-bolder{--tw-bg-opacity: 1;background-color:hsl(var(--color-lime-500) / var(--tw-bg-opacity))}.bg-bg-white{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-000) / var(--tw-bg-opacity))}.bg-button-destructive-background-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.bg-button-destructive-background-enabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-200) / var(--tw-bg-opacity))}.bg-button-destructive-background-pressed{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-400) / var(--tw-bg-opacity))}.bg-button-ghost-background-disabled,.bg-button-ghost-background-enabled{background-color:transparent}.bg-button-ghost-background-pressed{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.bg-button-icon-fill-bg-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.bg-button-icon-fill-bg-enabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-500) / var(--tw-bg-opacity))}.bg-button-icon-fill-bg-pressed{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-900) / var(--tw-bg-opacity))}.bg-button-icon-ghost-bg-disabled,.bg-button-icon-ghost-bg-enabled,.bg-button-icon-outline-bg-disabled,.bg-button-icon-outline-bg-enabled,.bg-button-outline-background-disabled,.bg-button-outline-background-enabled{background-color:transparent}.bg-button-outline-background-pressed{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.bg-button-primary-background-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.bg-button-primary-background-enabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-500) / var(--tw-bg-opacity))}.bg-button-primary-background-pressed{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-900) / var(--tw-bg-opacity))}.bg-button-secondary-background-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.bg-button-secondary-background-enabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-500) / var(--tw-bg-opacity))}.bg-button-tertiary-background-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.bg-button-tertiary-background-enabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.bg-surface-neutral-primary-inverse\/50{background-color:hsl(var(--color-neutral-900) / .5)}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-\[10px\]{padding:10px}.p-\[9px\]{padding:9px}.p-button-lg,.p-button-md{padding:12px 24px}.p-button-sm{padding:10px 24px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-9{padding-left:2.25rem}.pr-9{padding-right:2.25rem}.text-left{text-align:left}.text-2xl{font-size:24px}.text-2xs{font-size:10px}.text-3xl{font-size:28px}.text-4xl{font-size:32px}.text-5xl{font-size:36px}.text-6xl{font-size:40px}.text-7xl{font-size:44px}.text-9xl{font-size:52px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-sm{font-size:14px}.text-xl{font-size:20px}.text-xs{font-size:12px}.font-bold{font-weight:700}.font-light{font-weight:300}.font-regular{font-weight:400}.font-semibold{font-weight:600}.leading-2xl{line-height:32px}.leading-3xl{line-height:36px}.leading-4xl{line-height:40px}.leading-5xl{line-height:44px}.leading-6xl{line-height:48px}.leading-7xl{line-height:56px}.leading-lg{line-height:24px}.leading-md{line-height:20px}.leading-sm{line-height:18px}.leading-xl{line-height:28px}.leading-xs{line-height:16px}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-2px}.tracking-widest{letter-spacing:10px}.text-button-destructive-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-destructive-content-enabled,.text-button-destructive-content-pressed{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-button-ghost-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-ghost-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-button-ghost-content-pressed,.text-button-icon-fill-content-disabled,.text-button-icon-fill-content-enabled,.text-button-icon-fill-content-pressed{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.text-button-icon-ghost-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-icon-ghost-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-button-icon-outline-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-icon-outline-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-button-link-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-link-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-blue-500) / var(--tw-text-opacity))}.text-button-link-content-pressed{--tw-text-opacity: 1;color:hsl(var(--color-blue-900) / var(--tw-text-opacity))}.text-button-outline-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-outline-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-button-outline-content-pressed{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.text-button-primary-background-enabled{--tw-text-opacity: 1;color:hsl(var(--color-brand-500) / var(--tw-text-opacity))}.text-button-primary-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-primary-content-enabled,.text-button-primary-content-pressed{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.text-button-secondary-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-secondary-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.text-button-tertiary-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-tertiary-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-blue-000) / var(--tw-text-opacity))}.text-content-accent-blue{--tw-text-opacity: 1;color:hsl(var(--color-blue-500) / var(--tw-text-opacity))}.text-content-accent-fuchsia{--tw-text-opacity: 1;color:hsl(var(--color-fuchsia-500) / var(--tw-text-opacity))}.text-content-accent-gray{--tw-text-opacity: 1;color:hsl(var(--color-gray-500) / var(--tw-text-opacity))}.text-content-accent-green{--tw-text-opacity: 1;color:hsl(var(--color-green-500) / var(--tw-text-opacity))}.text-content-accent-ice{--tw-text-opacity: 1;color:hsl(var(--color-ice-500) / var(--tw-text-opacity))}.text-content-accent-lime{--tw-text-opacity: 1;color:hsl(var(--color-lime-500) / var(--tw-text-opacity))}.text-content-accent-marine{--tw-text-opacity: 1;color:hsl(var(--color-marine-500) / var(--tw-text-opacity))}.text-content-accent-mustard{--tw-text-opacity: 1;color:hsl(var(--color-mustard-500) / var(--tw-text-opacity))}.text-content-accent-violet{--tw-text-opacity: 1;color:hsl(var(--color-violet-500) / var(--tw-text-opacity))}.text-content-text-default{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-content-text-inverse{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.text-content-text-subtle{--tw-text-opacity: 1;color:hsl(var(--color-neutral-700) / var(--tw-text-opacity))}.text-content-text-subtlest{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-content-utility-danger-bolder{--tw-text-opacity: 1;color:hsl(var(--color-fuchsia-900) / var(--tw-text-opacity))}.text-content-utility-discovery{--tw-text-opacity: 1;color:hsl(var(--color-violet-500) / var(--tw-text-opacity))}.text-content-utility-informative{--tw-text-opacity: 1;color:hsl(var(--color-marine-500) / var(--tw-text-opacity))}.text-content-utility-success{--tw-text-opacity: 1;color:hsl(var(--color-lime-500) / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow: 0px 25px 60px -15px rgba(16, 24, 40, .12), 0px 25px 60px -15px rgba(16, 24, 40, .2);--tw-shadow-colored: 0px 25px 60px -15px var(--tw-shadow-color), 0px 25px 60px -15px 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-lg{--tw-shadow: 0px 8px 24px -3px rgba(16, 24, 40, .05), 0px 8px 24px -3px rgba(16, 24, 40, .1);--tw-shadow-colored: 0px 8px 24px -3px var(--tw-shadow-color), 0px 8px 24px -3px 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-md{--tw-shadow: 0px 6px 15px -2px rgba(16, 24, 40, .08), 0px 6px 15px -2px rgba(16, 24, 40, .08);--tw-shadow-colored: 0px 6px 15px -2px var(--tw-shadow-color), 0px 6px 15px -2px 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{--tw-shadow: 0px 2px 6px 0px rgba(16, 24, 40, .06);--tw-shadow-colored: 0px 2px 6px 0px 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-xl{--tw-shadow: 0px 20px 40px -8px rgba(16, 24, 40, .05), 0px 20px 40px -8px rgba(16, 24, 40, .1);--tw-shadow-colored: 0px 20px 40px -8px var(--tw-shadow-color), 0px 20px 40px -8px 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-xs{--tw-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .04), 0px 1px 2px 0px rgba(16, 24, 40, .04);--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 2px 0px 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{outline-style:solid}.outline-offset-2{outline-offset:2px}.outline-border-utility-danger{outline-color:hsl(var(--color-fuchsia-900) / 1)}.outline-border-utility-success{outline-color:hsl(var(--color-lime-500) / 1)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-0{transition-delay:0s}.delay-100{transition-delay:.1s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.delay-75{transition-delay:75ms}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{font-family:Open Sans,sans-serif,system-ui,-apple-system}*::-webkit-scrollbar{width:8px;height:9px}*::-webkit-scrollbar-track{background:#f7f7f7;border-radius:30px}*::-webkit-scrollbar-thumb{background-color:#ababab;border-radius:14px}::-webkit-scrollbar-thumb:hover{background-color:#919191}:root{--color-brand-000: 353deg 68% 95%;--color-brand-100: 352deg 64% 88%;--color-brand-200: 352deg 65% 79%;--color-brand-300: 352deg 65% 69%;--color-brand-400: 352deg 65% 59%;--color-brand-500: 352deg 65% 51%;--color-brand-600: 352deg 63% 43%;--color-brand-700: 352deg 64% 36%;--color-brand-800: 352deg 63% 29%;--color-brand-900: 352deg 64% 23%;--color-blue-000: 208deg 35% 93%;--color-blue-100: 206deg 36% 82%;--color-blue-200: 207deg 35% 68%;--color-blue-300: 207deg 35% 54%;--color-blue-400: 207deg 53% 40%;--color-blue-500: 207deg 97% 26%;--color-blue-600: 207deg 97% 23%;--color-blue-700: 206deg 98% 19%;--color-blue-800: 207deg 97% 15%;--color-blue-900: 207deg 97% 12%;--color-neutral-000: 0deg 0% 100%;--color-neutral-100: 0deg 0% 99%;--color-neutral-200: 0deg 0% 97%;--color-neutral-300: 0deg 0% 87%;--color-neutral-400: 0deg 0% 67%;--color-neutral-500: 0deg 0% 57%;--color-neutral-600: 0deg 0% 47%;--color-neutral-700: 0deg 0% 37%;--color-neutral-800: 0deg 0% 27%;--color-neutral-900: 0deg 0% 17%;--color-mustard-000: 51deg 83% 95%;--color-mustard-100: 50deg 83% 89%;--color-mustard-200: 50deg 82% 80%;--color-mustard-300: 50deg 83% 71%;--color-mustard-400: 50deg 83% 62%;--color-mustard-500: 50deg 82% 53%;--color-mustard-600: 50deg 72% 45%;--color-mustard-700: 50deg 72% 38%;--color-mustard-800: 50deg 72% 31%;--color-mustard-900: 50deg 72% 24%;--color-green-000: 105deg 46% 95%;--color-green-100: 101deg 45% 87%;--color-green-200: 102deg 44% 78%;--color-green-300: 102deg 44% 67%;--color-green-400: 102deg 45% 57%;--color-green-500: 102deg 49% 47%;--color-green-600: 102deg 49% 40%;--color-green-700: 102deg 50% 34%;--color-green-800: 102deg 49% 27%;--color-green-900: 101deg 50% 21%;--color-lime-000: 161deg 70% 95%;--color-lime-100: 160deg 72% 87%;--color-lime-200: 160deg 72% 77%;--color-lime-300: 160deg 72% 67%;--color-lime-400: 160deg 72% 57%;--color-lime-500: 160deg 81% 47%;--color-lime-600: 160deg 80% 40%;--color-lime-700: 160deg 81% 33%;--color-lime-800: 160deg 81% 27%;--color-lime-900: 160deg 82% 21%;--color-fuchsia-000: 333deg 100% 96%;--color-fuchsia-100: 332deg 100% 90%;--color-fuchsia-200: 331deg 100% 83%;--color-fuchsia-300: 331deg 100% 75%;--color-fuchsia-400: 332deg 100% 67%;--color-fuchsia-500: 332deg 100% 60%;--color-fuchsia-600: 331deg 70% 51%;--color-fuchsia-700: 331deg 67% 43%;--color-fuchsia-800: 332deg 67% 34%;--color-fuchsia-900: 331deg 67% 27%;--color-marine-000: 191deg 53% 94%;--color-marine-100: 192deg 55% 86%;--color-marine-200: 191deg 54% 75%;--color-marine-300: 191deg 54% 63%;--color-marine-400: 191deg 54% 52%;--color-marine-500: 191deg 75% 42%;--color-marine-600: 192deg 75% 36%;--color-marine-700: 192deg 75% 30%;--color-marine-800: 192deg 75% 24%;--color-marine-900: 191deg 75% 19%;--color-violet-000: 248deg 31% 95%;--color-violet-100: 249deg 32% 88%;--color-violet-200: 247deg 32% 78%;--color-violet-300: 246deg 31% 68%;--color-violet-400: 247deg 31% 58%;--color-violet-500: 247deg 32% 49%;--color-violet-600: 247deg 32% 42%;--color-violet-700: 246deg 32% 35%;--color-violet-800: 247deg 32% 28%;--color-violet-900: 247deg 32% 22%;--color-gray-000: 240deg 8% 95%;--color-gray-100: 240deg 7% 89%;--color-gray-200: 233deg 8% 80%;--color-gray-300: 231deg 9% 70%;--color-gray-400: 233deg 8% 61%;--color-gray-500: 231deg 8% 53%;--color-gray-600: 229deg 8% 45%;--color-gray-700: 231deg 7% 37%;--color-gray-800: 235deg 7% 30%;--color-gray-900: 233deg 7% 24%;--color-ice-000: 197deg 24% 94%;--color-ice-100: 201deg 25% 87%;--color-ice-200: 200deg 24% 76%;--color-ice-300: 201deg 24% 65%;--color-ice-400: 200deg 24% 54%;--color-ice-500: 200deg 31% 44%;--color-ice-600: 200deg 31% 37%;--color-ice-700: 200deg 30% 31%;--color-ice-800: 200deg 31% 25%;--color-ice-900: 200deg 30% 20%}.placeholder\:text-base::placeholder{font-size:16px}.placeholder\:text-content-text-subtlest::placeholder{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.checked\:text-bg-bolder-pressed:checked{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.hover\:bg-button-primary-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-700) / var(--tw-bg-opacity))}.focus\:border-xs:focus{border-width:.5px}.focus\:border-border-accent-violet:focus{--tw-border-opacity: 1;border-color:hsl(var(--color-violet-500) / var(--tw-border-opacity))}.focus\:border-border-utility-danger:focus{--tw-border-opacity: 1;border-color:hsl(var(--color-fuchsia-900) / var(--tw-border-opacity))}.focus\:border-border-utility-success:focus{--tw-border-opacity: 1;border-color:hsl(var(--color-lime-500) / var(--tw-border-opacity))}.focus\:outline-1:focus{outline-width:1px}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-border-accent-violet:focus{outline-color:hsl(var(--color-violet-500) / 1)}.focus\:outline-border-bolder:focus{outline-color:hsl(var(--color-neutral-900) / 1)}.focus\:outline-border-utility-danger:focus{outline-color:hsl(var(--color-fuchsia-900) / 1)}.focus\:outline-border-utility-success:focus{outline-color:hsl(var(--color-lime-500) / 1)}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.active\:border-xs:active{border-width:.5px}.active\:bg-button-primary-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-900) / var(--tw-bg-opacity))}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:delay-0{transition-delay:0s}.group:hover .group-hover\:delay-100{transition-delay:.1s}.group:hover .group-hover\:delay-150{transition-delay:.15s}.group:hover .group-hover\:delay-200{transition-delay:.2s}.group:hover .group-hover\:delay-300{transition-delay:.3s}.group:hover .group-hover\:delay-500{transition-delay:.5s}.group:hover .group-hover\:delay-75{transition-delay:75ms}@media (min-width: 768px){.md\:w-60{width:15rem}.md\:w-fit{width:fit-content}.md\:translate-y-0{--tw-translate-y: 0px;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))}.md\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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))}.md\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;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))}.md\:items-center{align-items:center}}@media (min-width: 1024px){.lg\:hover\:border-border-accent-violet:hover{--tw-border-opacity: 1;border-color:hsl(var(--color-violet-500) / var(--tw-border-opacity))}.lg\:hover\:border-button-destructive-border-hover:hover,.lg\:hover\:border-button-ghost-border-hover:hover,.lg\:hover\:border-button-icon-fill-border-hover:hover,.lg\:hover\:border-button-icon-ghost-border-hover:hover,.lg\:hover\:border-button-icon-outline-border-hover:hover{border-color:transparent}.lg\:hover\:border-button-link-border-hover:hover{--tw-border-opacity: 1;border-color:hsl(var(--color-blue-700) / var(--tw-border-opacity))}.lg\:hover\:border-button-outline-border-hover:hover,.lg\:hover\:border-button-primary-border-hover:hover,.lg\:hover\:border-button-secondary-border-hover:hover,.lg\:hover\:border-button-tertiary-border-hover:hover{border-color:transparent}.lg\:hover\:bg-bg-subtle-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-200) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-destructive-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-300) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-ghost-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-icon-fill-bg-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-700) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-icon-ghost-bg-hover:hover,.lg\:hover\:bg-button-icon-outline-bg-hover:hover,.lg\:hover\:bg-button-outline-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-primary-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-700) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-secondary-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-700) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-tertiary-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-700) / var(--tw-bg-opacity))}.lg\:hover\:text-button-destructive-content-hover:hover,.lg\:hover\:text-button-ghost-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.lg\:hover\:text-button-icon-fill-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.lg\:hover\:text-button-icon-ghost-content-hover:hover,.lg\:hover\:text-button-icon-outline-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.lg\:hover\:text-button-link-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-blue-700) / var(--tw-text-opacity))}.lg\:hover\:text-button-outline-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.lg\:hover\:text-button-primary-content-hover:hover,.lg\:hover\:text-button-secondary-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.lg\:hover\:text-button-tertiary-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-blue-000) / var(--tw-text-opacity))}.lg\:active\:border-button-destructive-border-pressed:active,.lg\:active\:border-button-ghost-border-pressed:active,.lg\:active\:border-button-icon-fill-border-pressed:active,.lg\:active\:border-button-icon-ghost-border-pressed:active,.lg\:active\:border-button-icon-outline-border-pressed:active{border-color:transparent}.lg\:active\:border-button-link-border-pressed:active{--tw-border-opacity: 1;border-color:hsl(var(--color-blue-900) / var(--tw-border-opacity))}.lg\:active\:border-button-outline-border-pressed:active,.lg\:active\:border-button-primary-border-pressed:active,.lg\:active\:border-button-secondary-border-pressed:active,.lg\:active\:border-button-tertiary-border-pressed:active{border-color:transparent}.lg\:active\:bg-button-destructive-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-400) / var(--tw-bg-opacity))}.lg\:active\:bg-button-ghost-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.lg\:active\:bg-button-icon-fill-bg-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-900) / var(--tw-bg-opacity))}.lg\:active\:bg-button-icon-ghost-bg-pressed:active,.lg\:active\:bg-button-icon-outline-bg-pressed:active,.lg\:active\:bg-button-outline-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.lg\:active\:bg-button-primary-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-900) / var(--tw-bg-opacity))}.lg\:active\:bg-button-secondary-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-900) / var(--tw-bg-opacity))}.lg\:active\:bg-button-tertiary-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.lg\:active\:text-button-destructive-content-pressed:active{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.lg\:active\:text-button-ghost-content-pressed:active,.lg\:active\:text-button-icon-fill-content-pressed:active,.lg\:active\:text-button-icon-ghost-content-pressed:active,.lg\:active\:text-button-icon-outline-content-pressed:active{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.lg\:active\:text-button-link-content-pressed:active{--tw-text-opacity: 1;color:hsl(var(--color-blue-900) / var(--tw-text-opacity))}.lg\:active\:text-button-outline-content-pressed:active,.lg\:active\:text-button-primary-content-pressed:active,.lg\:active\:text-button-secondary-content-pressed:active{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.lg\:active\:text-button-tertiary-content-pressed:active{--tw-text-opacity: 1;color:hsl(var(--color-blue-000) / var(--tw-text-opacity))}}
1
+ *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,:before,: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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-full{left:100%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-full{right:100%}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[99999\]{z-index:99999}.z-\[999\]{z-index:999}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mt-1{margin-top:-.25rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-9{margin-top:2.25rem}.flex{display:flex}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[38px\]{height:38px}.h-\[6px\]{height:6px}.h-fit{height:fit-content}.h-full{height:100%}.max-h-60{max-height:15rem}.\!w-fit{width:fit-content!important}.w-11{width:2.75rem}.w-12{width:3rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[38px\]{width:38px}.w-\[6px\]{width:6px}.w-fit{width:fit-content}.w-full{width:100%}.min-w-32{min-width:8rem}.flex-1{flex:1 1 0%}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x: -50%;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))}.-translate-y-1\/2{--tw-translate-y: -50%;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))}.translate-y-0{--tw-translate-y: 0px;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))}.translate-y-2{--tw-translate-y: .5rem;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))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;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{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))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:8px}.rounded-md{border-radius:6px}.rounded-sm{border-radius:4px}.\!border-sm{border-width:1px!important}.\!border-xs{border-width:.5px!important}.border-\[8px\]{border-width:8px}.border-none{border-width:0}.border-xs{border-width:.5px}.\!border-b-xs{border-bottom-width:.5px!important}.border-b-none{border-bottom-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.\!border-border-utility-success{--tw-border-opacity: 1 !important;border-color:hsl(var(--color-success-main) / var(--tw-border-opacity))!important}.border-border-bolder{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-500) / var(--tw-border-opacity))}.border-border-default{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-300) / var(--tw-border-opacity))}.border-border-transparent{border-color:transparent}.border-border-utility-error{--tw-border-opacity: 1;border-color:hsl(var(--color-error-main) / var(--tw-border-opacity))}.border-border-utility-success{--tw-border-opacity: 1;border-color:hsl(var(--color-success-main) / var(--tw-border-opacity))}.border-button-destructive-border-disabled,.border-button-destructive-border-enabled,.border-button-destructive-border-pressed,.border-button-ghost-border-disabled,.border-button-ghost-border-enabled,.border-button-ghost-border-pressed,.border-button-icon-fill-border-disabled,.border-button-icon-fill-border-enabled,.border-button-icon-fill-border-pressed,.border-button-icon-ghost-border-disabled,.border-button-icon-ghost-border-enabled{border-color:transparent}.border-button-icon-outline-border-disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-300) / var(--tw-border-opacity))}.border-button-icon-outline-border-enabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-500) / var(--tw-border-opacity))}.border-button-link-border-disabled,.border-button-link-border-enabled{border-color:transparent}.border-button-outline-border-disabled,.border-button-outline-border-enabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-500) / var(--tw-border-opacity))}.border-button-outline-border-pressed,.border-button-primary-border-disabled,.border-button-primary-border-enabled,.border-button-primary-border-pressed,.border-button-secondary-border-disabled,.border-button-secondary-border-enabled,.border-button-tertiary-border-disabled,.border-button-tertiary-border-enabled{border-color:transparent}.border-l-border-transparent{border-left-color:transparent}.border-r-border-transparent{border-right-color:transparent}.border-t-background-black{--tw-border-opacity: 1;border-top-color:hsl(var(--color-black) / var(--tw-border-opacity))}.\!bg-background-blue{--tw-bg-opacity: 1 !important;background-color:hsl(var(--color-blue-500) / var(--tw-bg-opacity))!important}.bg-background-black{--tw-bg-opacity: 1;background-color:hsl(var(--color-black) / var(--tw-bg-opacity))}.bg-background-blue{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-500) / var(--tw-bg-opacity))}.bg-background-blue-subtle{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-000) / var(--tw-bg-opacity))}.bg-background-brand{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-500) / var(--tw-bg-opacity))}.bg-background-brand-subtle{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-000) / var(--tw-bg-opacity))}.bg-background-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-100) / var(--tw-bg-opacity))}.bg-background-utility-error-light{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-light) / var(--tw-bg-opacity))}.bg-background-utility-info-light{--tw-bg-opacity: 1;background-color:hsl(var(--color-info-light) / var(--tw-bg-opacity))}.bg-background-utility-success{--tw-bg-opacity: 1;background-color:hsl(var(--color-success-main) / var(--tw-bg-opacity))}.bg-background-utility-success-light{--tw-bg-opacity: 1;background-color:hsl(var(--color-success-light) / var(--tw-bg-opacity))}.bg-background-utility-warning-light{--tw-bg-opacity: 1;background-color:hsl(var(--color-warning-light) / var(--tw-bg-opacity))}.bg-background-white{--tw-bg-opacity: 1;background-color:hsl(var(--color-white) / var(--tw-bg-opacity))}.bg-background-yellow{--tw-bg-opacity: 1;background-color:hsl(var(--color-yellow-500) / var(--tw-bg-opacity))}.bg-background-yellow-subtle{--tw-bg-opacity: 1;background-color:hsl(var(--color-yellow-000) / var(--tw-bg-opacity))}.bg-button-destructive-background-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.bg-button-destructive-background-enabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-200) / var(--tw-bg-opacity))}.bg-button-destructive-background-pressed{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-400) / var(--tw-bg-opacity))}.bg-button-ghost-background-disabled,.bg-button-ghost-background-enabled{background-color:transparent}.bg-button-ghost-background-pressed{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.bg-button-icon-fill-background-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.bg-button-icon-fill-background-enabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-500) / var(--tw-bg-opacity))}.bg-button-icon-fill-background-pressed{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-900) / var(--tw-bg-opacity))}.bg-button-icon-ghost-background-disabled,.bg-button-icon-ghost-background-enabled,.bg-button-icon-outline-background-disabled,.bg-button-icon-outline-background-enabled,.bg-button-outline-background-disabled,.bg-button-outline-background-enabled{background-color:transparent}.bg-button-outline-background-pressed{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.bg-button-primary-background-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.bg-button-primary-background-enabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-500) / var(--tw-bg-opacity))}.bg-button-primary-background-pressed{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-900) / var(--tw-bg-opacity))}.bg-button-secondary-background-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.bg-button-secondary-background-enabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-700) / var(--tw-bg-opacity))}.bg-button-tertiary-background-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.bg-button-tertiary-background-enabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.bg-surface-overlay{background-color:hsl(var(--color-black) / 50%)}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-\[10px\]{padding:10px}.p-\[9px\]{padding:9px}.p-button-lg,.p-button-md{padding:12px 24px}.p-button-sm{padding:10px 24px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-1{padding-left:.25rem}.pl-9{padding-left:2.25rem}.pr-9{padding-right:2.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:24px}.text-2xs{font-size:10px}.text-3xl{font-size:28px}.text-4xl{font-size:32px}.text-5xl{font-size:36px}.text-6xl{font-size:40px}.text-7xl{font-size:44px}.text-9xl{font-size:52px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-sm{font-size:14px}.text-xl{font-size:20px}.text-xs{font-size:12px}.\!font-semibold{font-weight:600!important}.font-bold{font-weight:700}.font-light{font-weight:300}.font-regular{font-weight:400}.font-semibold{font-weight:600}.leading-2xl{line-height:32px}.leading-3xl{line-height:36px}.leading-4xl{line-height:40px}.leading-5xl{line-height:44px}.leading-6xl{line-height:48px}.leading-7xl{line-height:56px}.leading-lg{line-height:24px}.leading-md{line-height:20px}.leading-sm{line-height:18px}.leading-xl{line-height:28px}.leading-xs{line-height:16px}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-2px}.tracking-widest{letter-spacing:10px}.\!text-content-text-inverse-subtlest{--tw-text-opacity: 1 !important;color:hsl(var(--color-neutral-400) / var(--tw-text-opacity))!important}.text-button-destructive-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-destructive-content-enabled,.text-button-destructive-content-pressed{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-button-ghost-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-ghost-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-button-ghost-content-pressed,.text-button-icon-fill-content-disabled,.text-button-icon-fill-content-enabled,.text-button-icon-fill-content-pressed{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.text-button-icon-ghost-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-icon-ghost-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-button-icon-outline-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-icon-outline-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-button-link-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-link-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-blue-500) / var(--tw-text-opacity))}.text-button-link-content-pressed{--tw-text-opacity: 1;color:hsl(var(--color-blue-900) / var(--tw-text-opacity))}.text-button-outline-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-outline-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-button-outline-content-pressed{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.text-button-primary-background-enabled{--tw-text-opacity: 1;color:hsl(var(--color-brand-500) / var(--tw-text-opacity))}.text-button-primary-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-primary-content-enabled,.text-button-primary-content-pressed{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.text-button-secondary-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-secondary-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.text-button-tertiary-content-disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-button-tertiary-content-enabled{--tw-text-opacity: 1;color:hsl(var(--color-blue-000) / var(--tw-text-opacity))}.text-content-accent-blue{--tw-text-opacity: 1;color:hsl(var(--color-blue-500) / var(--tw-text-opacity))}.text-content-accent-brand{--tw-text-opacity: 1;color:hsl(var(--color-brand-500) / var(--tw-text-opacity))}.text-content-accent-yellow{--tw-text-opacity: 1;color:hsl(var(--color-yellow-500) / var(--tw-text-opacity))}.text-content-text-default{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-content-text-disabled-bolder{--tw-text-opacity: 1;color:hsl(var(--color-neutral-400) / var(--tw-text-opacity))}.text-content-text-inverse{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.text-content-text-subtle{--tw-text-opacity: 1;color:hsl(var(--color-neutral-700) / var(--tw-text-opacity))}.text-content-text-subtlest{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.text-content-utility-error{--tw-text-opacity: 1;color:hsl(var(--color-error-main) / var(--tw-text-opacity))}.text-content-utility-info{--tw-text-opacity: 1;color:hsl(var(--color-info-main) / var(--tw-text-opacity))}.text-content-utility-success{--tw-text-opacity: 1;color:hsl(var(--color-success-main) / var(--tw-text-opacity))}.text-content-utility-warning{--tw-text-opacity: 1;color:hsl(var(--color-warning-main) / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow: 0px 16px 32px 0px rgba(25, 25, 25, .1), 0px 0px 12px 0px rgba(25, 25, 25, .08);--tw-shadow-colored: 0px 16px 32px 0px var(--tw-shadow-color), 0px 0px 12px 0px 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-lg{--tw-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .19), 0px 0px 8px 0px rgba(25, 25, 25, .08);--tw-shadow-colored: 0px 10px 20px 0px var(--tw-shadow-color), 0px 0px 8px 0px 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-md{--tw-shadow: 0px 8px 16px 0px rgba(25, 25, 25, .1), 0px 0px 6px 0px rgba(25, 25, 25, .08);--tw-shadow-colored: 0px 8px 16px 0px var(--tw-shadow-color), 0px 0px 6px 0px 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{--tw-shadow: 0px 4px 8px 0px rgba(25, 25, 25, .1), 0px 0px 4px 0px rgba(0, 0, 0, .08);--tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color), 0px 0px 4px 0px 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-xl{--tw-shadow: 0px 12px 24px 0px rgba(25, 25, 25, .1), 0px 0px 10px 0px rgba(25, 25, 25, .08);--tw-shadow-colored: 0px 12px 24px 0px var(--tw-shadow-color), 0px 0px 10px 0px 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-xs{--tw-shadow: 0px 2px 4px 0px rgba(25, 25, 25, .08), 0px 0px 2px 0px rgba(25, 25, 25, .08);--tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px 0px 2px 0px 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{outline-style:solid}.outline-offset-2{outline-offset:2px}.outline-border-utility-error{outline-color:hsl(var(--color-error-main) / 1)}.outline-border-utility-success{outline-color:hsl(var(--color-success-main) / 1)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-0{transition-delay:0s}.delay-100{transition-delay:.1s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.delay-75{transition-delay:75ms}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{font-family:Open Sans,sans-serif,system-ui,-apple-system}*::-webkit-scrollbar{width:8px;height:9px}*::-webkit-scrollbar-track{background:#f7f7f7;border-radius:30px}*::-webkit-scrollbar-thumb{background-color:#ababab;border-radius:14px}::-webkit-scrollbar-thumb:hover{background-color:#919191}:root{--color-black: 0deg 0% 9%;--color-white: 0deg 0% 100%;--color-brand-000: 0deg 71% 99%;--color-brand-050: 0deg 86% 97%;--color-brand-100: 352deg 74% 94%;--color-brand-200: 359deg 80% 90%;--color-brand-300: 358deg 81% 82%;--color-brand-400: 357deg 79% 71%;--color-brand-500: 355deg 75% 60%;--color-brand-600: 352deg 65% 51%;--color-brand-700: 351deg 70% 41%;--color-brand-800: 349deg 67% 35%;--color-brand-900: 347deg 66% 28%;--color-blue-000: 210deg 100% 98%;--color-blue-050: 210deg 100% 97%;--color-blue-100: 210deg 100% 94%;--color-blue-200: 206deg 100% 86%;--color-blue-300: 205deg 100% 74%;--color-blue-400: 204deg 100% 59%;--color-blue-500: 205deg 96% 48%;--color-blue-600: 207deg 100% 41%;--color-blue-700: 208deg 100% 33%;--color-blue-800: 207deg 97% 26%;--color-blue-900: 210deg 88% 16%;--color-yellow-000: 55deg 100% 97%;--color-yellow-050: 54deg 100% 96%;--color-yellow-100: 53deg 100% 89%;--color-yellow-200: 54deg 100% 76%;--color-yellow-300: 51deg 100% 64%;--color-yellow-400: 48deg 100% 55%;--color-yellow-500: 42deg 100% 53%;--color-yellow-600: 36deg 100% 44%;--color-yellow-700: 30deg 98% 37%;--color-yellow-800: 27deg 90% 31%;--color-yellow-900: 25deg 82% 24%;--color-neutral-000: 0deg 0% 100%;--color-neutral-050: 0deg 0% 98%;--color-neutral-100: 0deg 0% 95%;--color-neutral-200: 0deg 0% 86%;--color-neutral-300: 0deg 0% 74%;--color-neutral-400: 0deg 0% 60%;--color-neutral-500: 0deg 0% 49%;--color-neutral-600: 0deg 0% 40%;--color-neutral-700: 0deg 0% 27%;--color-neutral-800: 0deg 0% 16%;--color-neutral-900: 0deg 0% 9%;--color-error-light: 0deg 100% 98%;--color-error-main: 0deg 100% 59%;--color-warning-light: 47deg 100% 94%;--color-warning-main: 47deg 100% 60%;--color-info-light: 190deg 100% 94%;--color-info-main: 191deg 100% 58%;--color-success-light: 122deg 100% 94%;--color-success-main: 122deg 39% 49%}.placeholder\:text-base::placeholder{font-size:16px}.placeholder\:text-content-text-subtlest::placeholder{--tw-text-opacity: 1;color:hsl(var(--color-neutral-500) / var(--tw-text-opacity))}.checked\:text-content-accent-blue:checked{--tw-text-opacity: 1;color:hsl(var(--color-blue-500) / var(--tw-text-opacity))}.hover\:bg-button-primary-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-700) / var(--tw-bg-opacity))}.hover\:text-content-text-default:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.hover\:text-content-text-subtle:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-700) / var(--tw-text-opacity))}.focus\:border-xs:focus{border-width:.5px}.focus\:border-border-bolder:focus{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-500) / var(--tw-border-opacity))}.focus\:border-border-utility-error:focus{--tw-border-opacity: 1;border-color:hsl(var(--color-error-main) / var(--tw-border-opacity))}.focus\:border-border-utility-success:focus{--tw-border-opacity: 1;border-color:hsl(var(--color-success-main) / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-1:focus{outline-width:1px}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-4:focus{outline-offset:4px}.focus\:outline-border-bolder:focus{outline-color:hsl(var(--color-neutral-500) / 1)}.focus\:outline-border-default:focus{outline-color:hsl(var(--color-neutral-300) / 1)}.focus\:outline-border-utility-error:focus{outline-color:hsl(var(--color-error-main) / 1)}.focus\:outline-border-utility-success:focus{outline-color:hsl(var(--color-success-main) / 1)}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.active\:border-xs:active{border-width:.5px}.active\:bg-button-primary-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-900) / var(--tw-bg-opacity))}.disabled\:border-background-disabled:disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-100) / var(--tw-border-opacity))}.disabled\:bg-background-disabled:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-100) / var(--tw-bg-opacity))}.disabled\:text-content-text-disabled-bolder:disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-400) / var(--tw-text-opacity))}.disabled\:placeholder\:text-content-text-disabled:disabled::placeholder{--tw-text-opacity: 1;color:hsl(var(--color-neutral-300) / var(--tw-text-opacity))}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:delay-0{transition-delay:0s}.group:hover .group-hover\:delay-100{transition-delay:.1s}.group:hover .group-hover\:delay-150{transition-delay:.15s}.group:hover .group-hover\:delay-200{transition-delay:.2s}.group:hover .group-hover\:delay-300{transition-delay:.3s}.group:hover .group-hover\:delay-500{transition-delay:.5s}.group:hover .group-hover\:delay-75{transition-delay:75ms}@media (min-width: 768px){.md\:w-60{width:15rem}.md\:w-fit{width:fit-content}.md\:translate-y-0{--tw-translate-y: 0px;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))}.md\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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))}.md\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;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))}.md\:items-center{align-items:center}}@media (min-width: 1024px){.lg\:hover\:border-border-default:hover{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-300) / var(--tw-border-opacity))}.lg\:hover\:border-button-destructive-border-hover:hover,.lg\:hover\:border-button-ghost-border-hover:hover,.lg\:hover\:border-button-icon-fill-border-hover:hover,.lg\:hover\:border-button-icon-ghost-border-hover:hover,.lg\:hover\:border-button-icon-outline-border-hover:hover{border-color:transparent}.lg\:hover\:border-button-link-border-hover:hover{--tw-border-opacity: 1;border-color:hsl(var(--color-blue-700) / var(--tw-border-opacity))}.lg\:hover\:border-button-outline-border-hover:hover,.lg\:hover\:border-button-primary-border-hover:hover,.lg\:hover\:border-button-secondary-border-hover:hover,.lg\:hover\:border-button-tertiary-border-hover:hover{border-color:transparent}.lg\:hover\:\!bg-background-blue-subtle:hover{--tw-bg-opacity: 1 !important;background-color:hsl(var(--color-blue-000) / var(--tw-bg-opacity))!important}.lg\:hover\:\!bg-background-blue\/70:hover{background-color:hsl(var(--color-blue-500) / .7)!important}.lg\:hover\:bg-background-blue-subtle:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-000) / var(--tw-bg-opacity))}.lg\:hover\:bg-background-neutral:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-050) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-destructive-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-300) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-ghost-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-icon-fill-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-700) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-icon-ghost-background-hover:hover,.lg\:hover\:bg-button-icon-outline-background-hover:hover,.lg\:hover\:bg-button-outline-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-primary-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-700) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-secondary-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-800) / var(--tw-bg-opacity))}.lg\:hover\:bg-button-tertiary-background-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-700) / var(--tw-bg-opacity))}.lg\:hover\:text-button-destructive-content-hover:hover,.lg\:hover\:text-button-ghost-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.lg\:hover\:text-button-icon-fill-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.lg\:hover\:text-button-icon-ghost-content-hover:hover,.lg\:hover\:text-button-icon-outline-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.lg\:hover\:text-button-link-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-blue-700) / var(--tw-text-opacity))}.lg\:hover\:text-button-outline-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.lg\:hover\:text-button-primary-content-hover:hover,.lg\:hover\:text-button-secondary-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.lg\:hover\:text-button-tertiary-content-hover:hover{--tw-text-opacity: 1;color:hsl(var(--color-blue-000) / var(--tw-text-opacity))}.lg\:active\:border-button-destructive-border-pressed:active,.lg\:active\:border-button-ghost-border-pressed:active,.lg\:active\:border-button-icon-fill-border-pressed:active,.lg\:active\:border-button-icon-ghost-border-pressed:active,.lg\:active\:border-button-icon-outline-border-pressed:active{border-color:transparent}.lg\:active\:border-button-link-border-pressed:active{--tw-border-opacity: 1;border-color:hsl(var(--color-blue-900) / var(--tw-border-opacity))}.lg\:active\:border-button-outline-border-pressed:active,.lg\:active\:border-button-primary-border-pressed:active,.lg\:active\:border-button-secondary-border-pressed:active,.lg\:active\:border-button-tertiary-border-pressed:active{border-color:transparent}.lg\:active\:bg-button-destructive-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-400) / var(--tw-bg-opacity))}.lg\:active\:bg-button-ghost-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.lg\:active\:bg-button-icon-fill-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-900) / var(--tw-bg-opacity))}.lg\:active\:bg-button-icon-ghost-background-pressed:active,.lg\:active\:bg-button-icon-outline-background-pressed:active,.lg\:active\:bg-button-outline-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.lg\:active\:bg-button-primary-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-brand-900) / var(--tw-bg-opacity))}.lg\:active\:bg-button-secondary-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-900) / var(--tw-bg-opacity))}.lg\:active\:bg-button-tertiary-background-pressed:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-900) / var(--tw-bg-opacity))}.lg\:active\:text-button-destructive-content-pressed:active{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.lg\:active\:text-button-ghost-content-pressed:active,.lg\:active\:text-button-icon-fill-content-pressed:active,.lg\:active\:text-button-icon-ghost-content-pressed:active,.lg\:active\:text-button-icon-outline-content-pressed:active{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.lg\:active\:text-button-link-content-pressed:active{--tw-text-opacity: 1;color:hsl(var(--color-blue-900) / var(--tw-text-opacity))}.lg\:active\:text-button-outline-content-pressed:active,.lg\:active\:text-button-primary-content-pressed:active,.lg\:active\:text-button-secondary-content-pressed:active{--tw-text-opacity: 1;color:hsl(var(--color-neutral-000) / var(--tw-text-opacity))}.lg\:active\:text-button-tertiary-content-pressed:active{--tw-text-opacity: 1;color:hsl(var(--color-blue-000) / var(--tw-text-opacity))}}
package/package.json CHANGED
@@ -1,86 +1,88 @@
1
- {
2
- "name": "@clasing/ui",
3
- "version": "0.1.25",
4
- "type": "module",
5
- "main": "./dist/index.umd.js",
6
- "module": "./dist/index.es.js",
7
- "types": "./dist/index.d.ts",
8
- "files": [
9
- "dist",
10
- "tailwind.config.js"
11
- ],
12
- "exports": {
13
- ".": {
14
- "import": "./dist/index.es.js",
15
- "require": "./dist/index.umd.js",
16
- "types": "./dist/index.d.ts"
17
- },
18
- "./styles": "./dist/style.css",
19
- "./tailwind.config.js": "./tailwind.config.js"
20
- },
21
- "scripts": {
22
- "dev": "vite",
23
- "build": "tsc && vite build",
24
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
25
- "preview": "vite preview",
26
- "test": "vitest --run",
27
- "test:watch": "vitest",
28
- "storybook": "storybook dev -p 6006",
29
- "build-storybook": "pnpm build && storybook build",
30
- "format": "prettier --check --ignore-path .gitignore .",
31
- "format:fix": "prettier --write --ignore-path .gitignore .",
32
- "check": "prettier --check \"**/*.{ts,tsx,js,jsx,md,mdx,css,yaml,yml}\""
33
- },
34
- "dependencies": {
35
- "class-variance-authority": "^0.7.0",
36
- "clsx": "^2.1.1",
37
- "express": "^4.19.2",
38
- "express-basic-auth": "^1.2.1",
39
- "react": "^18.3.1",
40
- "react-dom": "^18.3.1",
41
- "tailwind-merge": "^2.3.0"
42
- },
43
- "devDependencies": {
44
- "@chromatic-com/storybook": "1.3.5",
45
- "@storybook/addon-essentials": "^8.1.11",
46
- "@storybook/addon-interactions": "^8.1.11",
47
- "@storybook/addon-links": "^8.1.11",
48
- "@storybook/addon-onboarding": "^8.1.11",
49
- "@storybook/blocks": "^8.1.11",
50
- "@storybook/react": "^8.1.11",
51
- "@storybook/react-vite": "^8.1.11",
52
- "@storybook/test": "^8.1.11",
53
- "@tailwindcss/forms": "^0.5.7",
54
- "@testing-library/jest-dom": "^6.4.6",
55
- "@testing-library/react": "^15.0.7",
56
- "@testing-library/user-event": "^14.5.2",
57
- "@types/react": "^18.3.3",
58
- "@types/react-dom": "^18.3.0",
59
- "@typescript-eslint/eslint-plugin": "^7.15.0",
60
- "@typescript-eslint/parser": "^7.15.0",
61
- "@vitejs/plugin-react-swc": "^3.7.0",
62
- "autoprefixer": "^10.4.19",
63
- "eslint": "^8.57.0",
64
- "eslint-config-prettier": "^9.1.0",
65
- "eslint-plugin-import": "^2.29.1",
66
- "eslint-plugin-prettier": "^5.1.3",
67
- "eslint-plugin-react-hooks": "^4.6.2",
68
- "eslint-plugin-react-refresh": "^0.4.7",
69
- "eslint-plugin-storybook": "^0.8.0",
70
- "jsdom": "^24.1.0",
71
- "postcss": "^8.4.39",
72
- "prettier": "3.2.5",
73
- "prettier-plugin-organize-imports": "^3.2.4",
74
- "prettier-plugin-tailwindcss": "^0.5.14",
75
- "storybook": "^8.1.11",
76
- "tailwindcss": "^3.4.4",
77
- "typescript": "^5.5.3",
78
- "vite": "^5.3.3",
79
- "vite-plugin-dts": "^3.9.1",
80
- "vite-tsconfig-paths": "^4.3.2",
81
- "vitest": "^1.6.0"
82
- },
83
- "peerDependencies": {
84
- "@tabler/icons-react": "^3.3.0"
85
- }
86
- }
1
+ {
2
+ "name": "@clasing/ui",
3
+ "version": "0.1.26",
4
+ "type": "module",
5
+ "main": "./dist/index.umd.js",
6
+ "module": "./dist/index.es.js",
7
+ "types": "./dist/index.d.ts",
8
+ "files": [
9
+ "dist",
10
+ "tailwind.config.js"
11
+ ],
12
+ "exports": {
13
+ ".": {
14
+ "import": "./dist/index.es.js",
15
+ "require": "./dist/index.umd.js",
16
+ "types": "./dist/index.d.ts"
17
+ },
18
+ "./styles": "./dist/style.css",
19
+ "./tailwind.config.js": "./tailwind.config.js"
20
+ },
21
+ "scripts": {
22
+ "dev": "vite",
23
+ "build": "tsc && vite build",
24
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
25
+ "preview": "vite preview",
26
+ "test": "vitest --run",
27
+ "test:watch": "vitest",
28
+ "storybook": "storybook dev -p 6006",
29
+ "build-storybook": "pnpm build && storybook build",
30
+ "format": "prettier --check --ignore-path .gitignore .",
31
+ "format:fix": "prettier --write --ignore-path .gitignore .",
32
+ "check": "prettier --check \"**/*.{ts,tsx,js,jsx,md,mdx,css,yaml,yml}\""
33
+ },
34
+ "dependencies": {
35
+ "class-variance-authority": "^0.7.0",
36
+ "clsx": "^2.1.1",
37
+ "express": "^4.19.2",
38
+ "express-basic-auth": "^1.2.1",
39
+ "react": "^18.3.1",
40
+ "react-dom": "^18.3.1",
41
+ "tailwind-merge": "^2.3.0"
42
+ },
43
+ "devDependencies": {
44
+ "@chromatic-com/storybook": "1.3.5",
45
+ "@storybook/addon-essentials": "^8.1.11",
46
+ "@storybook/addon-interactions": "^8.1.11",
47
+ "@storybook/addon-links": "^8.1.11",
48
+ "@storybook/addon-onboarding": "^8.1.11",
49
+ "@storybook/blocks": "^8.1.11",
50
+ "@storybook/react": "^8.1.11",
51
+ "@storybook/react-vite": "^8.1.11",
52
+ "@storybook/test": "^8.1.11",
53
+ "@testing-library/jest-dom": "^6.4.6",
54
+ "@testing-library/react": "^15.0.7",
55
+ "@testing-library/user-event": "^14.5.2",
56
+ "@types/react": "^18.3.3",
57
+ "@types/react-dom": "^18.3.0",
58
+ "@typescript-eslint/eslint-plugin": "^7.15.0",
59
+ "@typescript-eslint/parser": "^7.15.0",
60
+ "@vitejs/plugin-react-swc": "^3.7.0",
61
+ "autoprefixer": "^10.4.19",
62
+ "eslint": "^8.57.0",
63
+ "eslint-config-prettier": "^9.1.0",
64
+ "eslint-plugin-import": "^2.29.1",
65
+ "eslint-plugin-prettier": "^5.1.3",
66
+ "eslint-plugin-react-hooks": "^4.6.2",
67
+ "eslint-plugin-react-refresh": "^0.4.7",
68
+ "eslint-plugin-storybook": "^0.8.0",
69
+ "jsdom": "^24.1.0",
70
+ "postcss": "^8.4.39",
71
+ "prettier": "3.2.5",
72
+ "prettier-plugin-organize-imports": "^3.2.4",
73
+ "prettier-plugin-tailwindcss": "^0.5.14",
74
+ "storybook": "^8.1.11",
75
+ "tailwindcss": "^3.4.4",
76
+ "typescript": "^5.5.3",
77
+ "vite": "^5.3.3",
78
+ "vite-plugin-dts": "^3.9.1",
79
+ "vite-tsconfig-paths": "^4.3.2",
80
+ "vitest": "^1.6.0"
81
+ },
82
+ "peerDependencies": {
83
+ "@tabler/icons-react": "^3.3.0",
84
+ "@tailwindcss/forms": "^0.5.7",
85
+ "react-day-picker": "9.0.0-rc.3",
86
+ "date-fns": "^3.6.0"
87
+ }
88
+ }