@leodamours/ds-components 0.1.0 → 0.2.0

package/dist/index.css

@@ -1 +1 @@
-:root{--ds-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Code", Menlo, Monaco, Consolas, monospace;font-family:var(--ds-font-sans);font-size:15px;line-height:1.5;color:var(--ds-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ds-bg: #FFFFFF;--ds-bg-secondary: #F8FAFC;--ds-bg-tertiary: #F1F5F9;--ds-bg-inverse: #0F172A;--ds-bg-inverse-secondary: #1E293B;--ds-fg: #0F172A;--ds-fg-secondary: #64748B;--ds-fg-tertiary: #94A3B8;--ds-fg-inverse: #FFFFFF;--ds-fg-disabled: #94A3B8;--ds-icon: #64748B;--ds-icon-hover: #0F172A;--ds-icon-active: #0EA5E9;--ds-icon-inverse: #FFFFFF;--ds-icon-disabled: #CBD5E1;--ds-border: #E2E8F0;--ds-border-light: #F1F5F9;--ds-border-strong: #CBD5E1;--ds-border-focus: #0F172A;--ds-surface-hover: #E2E8F0;--ds-surface-hover-light: #F1F5F9;--ds-surface-active: #B7E6FD;--ds-surface-disabled: #FAFCFF;--ds-brand: #0EA5E9;--ds-brand-hover: #0284C7;--ds-brand-active: #0369A1;--ds-brand-disabled: #BAE6FD;--ds-brand-soft: #F0F9FF;--ds-brand-soft-hover: #E0F2FE;--ds-brand-soft-active: #B7E6FD;--ds-brand-on-solid: #FFFFFF;--ds-brand-on-soft: #0EA5E9;--ds-brand-secondary: #6366F1;--ds-neutral: #64748B;--ds-neutral-soft: #F8FAFC;--ds-neutral-soft-hover: #F1F5F9;--ds-neutral-soft-active: #E2E8F0;--ds-neutral-on-solid: #FFFFFF;--ds-neutral-on-soft: #0F172A;--ds-neutral-border: #D1D5DB;--ds-neutral-border-hover: #B5BCC9;--ds-neutral-border-strong: #94A3B8;--ds-error: #EF4444;--ds-error-hover: #DC2626;--ds-error-active: #B91C1C;--ds-error-soft: #FEF2F2;--ds-error-soft-hover: #FEE2E2;--ds-error-soft-active: #FECACA;--ds-error-on-solid: #FFFFFF;--ds-error-on-soft: #EF4444;--ds-error-border: #F8CDD1;--ds-error-border-hover: #F5A6B3;--ds-error-border-strong: #B91C1C;--ds-success: #10B981;--ds-success-hover: #0A8D63;--ds-success-active: #047857;--ds-success-soft: #ECFDF5;--ds-success-soft-hover: #D1FAE5;--ds-success-soft-active: #A7F3D0;--ds-success-on-solid: #FFFFFF;--ds-success-on-soft: #10B981;--ds-success-border: #BEF3D0;--ds-success-border-hover: #86EFAC;--ds-success-border-strong: #0EA875;--ds-warning: #F59E0B;--ds-warning-hover: #D97706;--ds-warning-active: #B45309;--ds-warning-soft: #FFFBEB;--ds-warning-soft-hover: #FEF3C7;--ds-warning-soft-active: #FDE68A;--ds-warning-on-solid: #FFFFFF;--ds-warning-on-soft: #92400E;--ds-warning-border: #F3E6A5;--ds-warning-border-hover: #E6D378;--ds-info: #3B82F6;--ds-info-hover: #2563EB;--ds-info-active: #1D4ED8;--ds-info-soft: #EFF6FF;--ds-info-soft-hover: #DBEAFE;--ds-info-soft-active: #BFDBFE;--ds-info-on-solid: #FFFFFF;--ds-info-on-soft: #1E40AF;--ds-info-border: #C5D7F5;--ds-info-border-hover: #A8CCF2;--ds-processing: #06B6D4;--ds-processing-hover: #0891B2;--ds-processing-active: #0E7490;--ds-processing-soft: #ECFEFF;--ds-processing-soft-hover: #CFFAFE;--ds-processing-soft-active: #A5F3FC;--ds-processing-on-solid: #FFFFFF;--ds-processing-on-soft: #155E75;--ds-processing-border: #B3F0FC;--ds-processing-border-hover: #7FE8F5;--ds-transcript-bg: #FEFCE8;--ds-transcript-highlight: #FEF3C7;--ds-transcript-speaker: #EDE9FE;--ds-transcript-timestamp: #F3F4F6;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 24px;--ds-space-6: 32px;--ds-space-7: 48px;--ds-space-8: 64px;--ds-radius-sm: 4px;--ds-radius-md: 6px;--ds-radius-lg: 8px;--ds-radius-xl: 12px;--ds-radius-full: 9999px;--ds-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ds-shadow-md: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 4px 6px -1px rgba(0, 0, 0, .1);--ds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.sr-only{position:absolute;margin:-.0625rem;width:.0625rem;height:.0625rem;overflow:hidden;white-space:nowrap;border-width:0rem;padding:0}.text-body-sm{font-size:.8125rem;line-height:1.25rem;color:var(--ds-fg-secondary);font-weight:400;font-family:var(--ds-font-sans)}.text-caption{font-size:.6875rem;line-height:1rem;color:var(--ds-fg-tertiary);font-weight:400;font-family:var(--ds-font-sans)}.text-heading-lg{font-size:1.0625rem;line-height:1.5rem;color:var(--ds-fg);font-weight:600;font-family:var(--ds-font-sans)}.text-label{font-size:.8125rem;line-height:1.25rem;color:var(--ds-fg);font-weight:500;font-family:var(--ds-font-sans)}.text-overline{font-size:.6875rem;line-height:1rem;color:var(--ds-fg-secondary);font-weight:600;letter-spacing:.1em;font-family:var(--ds-font-sans);text-transform:uppercase}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.m-0{margin:0}.-mb-px{margin-bottom:-.0625rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-2\.5{margin-left:.625rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2,.h2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.max-h-64{max-height:16rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.min-w-0{min-width:0}.min-w-32{min-width:8rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.table{display:table}.border-collapse{border-collapse:collapse}.translate-x-0{--un-translate-x:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-x-8{--un-translate-x:2rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.rotate-45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:45deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.resize-y{resize:vertical}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.border{border-width:.0625rem}.border-0{border-width:0rem}.border-2{border-width:.125rem}.border-4{border-width:.25rem}.border-6{border-width:.375rem}.border-b{border-bottom-width:.0625rem}.border-b-2{border-bottom-width:.125rem}.border-l-0{border-left-width:0rem}.border-l-4{border-left-width:.25rem}.border-r-0{border-right-width:0rem}.border-t{border-top-width:.0625rem}.border-t-0{border-top-width:0rem}.border-border{border-color:var(--ds-border)}.border-border-light{border-color:var(--ds-border-light)}.border-brand{border-color:var(--ds-brand)}.border-brand-active{border-color:var(--ds-brand-active)}.border-current{border-color:currentColor}.border-error-border{border-color:var(--ds-error-border)}.border-error-border-strong{border-color:var(--ds-error-border-strong)}.border-fg-inverse{border-color:var(--ds-fg-inverse)}.border-fg-secondary{border-color:var(--ds-fg-secondary)}.border-neutral-border-strong{border-color:var(--ds-neutral-border-strong)}.border-success-border-strong{border-color:var(--ds-success-border-strong)}.border-transparent{border-color:transparent}.focus\:border-border-focus:focus{border-color:var(--ds-border-focus)}.focus\:border-error:focus{border-color:var(--ds-error)}.border-b-brand{border-bottom-color:var(--ds-brand)}.border-b-transparent{border-bottom-color:transparent}.border-l-brand{border-left-color:var(--ds-brand)}.border-l-error{border-left-color:var(--ds-error)}.border-l-info{border-left-color:var(--ds-info)}.border-l-success{border-left-color:var(--ds-success)}.border-l-warning{border-left-color:var(--ds-warning)}.border-t-transparent{border-top-color:transparent}.hover\:border-b-border-strong:hover{border-bottom-color:var(--ds-border-strong)}.rounded{border-radius:.25rem}.rounded-full{border-radius:624.9375rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border-solid{border-style:solid}.bg-bg{background-color:var(--ds-bg)}.bg-bg-inverse,.bg-bg-inverse\/50{background-color:var(--ds-bg-inverse)}.bg-bg-secondary{background-color:var(--ds-bg-secondary)}.bg-brand{background-color:var(--ds-brand)}.bg-brand-soft{background-color:var(--ds-brand-soft)}.bg-error{background-color:var(--ds-error)}.bg-error-soft{background-color:var(--ds-error-soft)}.bg-info{background-color:var(--ds-info)}.bg-info-soft{background-color:var(--ds-info-soft)}.bg-neutral{background-color:var(--ds-neutral)}.bg-neutral-soft{background-color:var(--ds-neutral-soft)}.bg-processing{background-color:var(--ds-processing)}.bg-processing-soft{background-color:var(--ds-processing-soft)}.bg-success{background-color:var(--ds-success)}.bg-success-soft{background-color:var(--ds-success-soft)}.bg-surface-hover{background-color:var(--ds-surface-hover)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--ds-warning)}.bg-warning-soft{background-color:var(--ds-warning-soft)}.hover\:bg-brand-hover:hover{background-color:var(--ds-brand-hover)}.hover\:bg-brand-soft:hover{background-color:var(--ds-brand-soft)}.hover\:bg-error-hover:hover{background-color:var(--ds-error-hover)}.hover\:bg-neutral-soft-hover:hover{background-color:var(--ds-neutral-soft-hover)}.hover\:bg-success-hover:hover{background-color:var(--ds-success-hover)}.hover\:bg-surface-hover-light:hover{background-color:var(--ds-surface-hover-light)}.active\:bg-brand-active:active{background-color:var(--ds-brand-active)}.active\:bg-brand-soft-hover:active{background-color:var(--ds-brand-soft-hover)}.active\:bg-error-active:active{background-color:var(--ds-error-active)}.active\:bg-neutral-soft-active:active{background-color:var(--ds-neutral-soft-active)}.disabled\:bg-brand-disabled:disabled{background-color:var(--ds-brand-disabled)}.disabled\:bg-surface-disabled:disabled{background-color:var(--ds-surface-disabled)}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-4{padding:1rem}.px,.px-4{padding-left:1rem;padding-right:1rem}.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-6{padding-left:1.5rem;padding-right:1.5rem}.py,.py-4{padding-top:1rem;padding-bottom:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl{padding-left:1rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-3{padding-left:.75rem}.pl-8{padding-left:2rem}.pr{padding-right:1rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-3{padding-right:.75rem}.pr-8{padding-right:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-base{font-size:.9375rem;line-height:1.375rem}.text-lg{font-size:1.0625rem;line-height:1.5rem}.text-sm{font-size:.8125rem;line-height:1.25rem}.text-xs{font-size:.6875rem;line-height:1rem}.text-brand{color:var(--ds-brand)}.text-brand-on-soft{color:var(--ds-brand-on-soft)}.text-brand-on-solid{color:var(--ds-brand-on-solid)}.text-error{color:var(--ds-error)}.text-error-on-soft{color:var(--ds-error-on-soft)}.text-error-on-solid{color:var(--ds-error-on-solid)}.text-fg{color:var(--ds-fg)}.text-fg-disabled{color:var(--ds-fg-disabled)}.text-fg-inverse{color:var(--ds-fg-inverse)}.text-fg-secondary{color:var(--ds-fg-secondary)}.text-fg-tertiary{color:var(--ds-fg-tertiary)}.text-info{color:var(--ds-info)}.text-info-on-soft{color:var(--ds-info-on-soft)}.text-neutral-on-soft{color:var(--ds-neutral-on-soft)}.text-processing-on-soft{color:var(--ds-processing-on-soft)}.text-success{color:var(--ds-success)}.text-success-on-soft{color:var(--ds-success-on-soft)}.text-success-on-solid{color:var(--ds-success-on-solid)}.text-warning{color:var(--ds-warning)}.text-warning-on-soft{color:var(--ds-warning-on-soft)}.hover\:text-fg-secondary:hover{color:var(--ds-fg-secondary)}.hover\:text-fg:hover{color:var(--ds-fg)}.disabled\:text-fg-disabled:disabled{color:var(--ds-fg-disabled)}.placeholder\:text-fg-tertiary::placeholder{color:var(--ds-fg-tertiary)}.font-medium{font-weight:500}.font-sans{font-family:var(--ds-font-sans)}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-95{opacity:.95}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-95:disabled{opacity:.95}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 .625rem .9375rem -.1875rem var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 .25rem .375rem -.25rem var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-md{--un-shadow:var(--un-shadow-inset) 0 .25rem .375rem -.0625rem var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 .125rem .25rem -.125rem var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.outline-none{outline:.125rem solid transparent;outline-offset:.125rem}.focus\:outline-none:focus{outline:.125rem solid transparent;outline-offset:.125rem}.focus-visible\:outline-none:focus-visible{outline:.125rem solid transparent;outline-offset:.125rem}.focus\:ring-2:focus{--un-ring-width:.125rem;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus-visible\:ring-2:focus-visible{--un-ring-width:.125rem;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus\:ring-offset-0:focus{--un-ring-offset-width:0rem}.focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:.125rem}.focus\:ring-brand:focus{--un-ring-color:var(--ds-brand) }.focus\:ring-error:focus{--un-ring-color:var(--ds-error) }.focus-visible\:ring-brand:focus-visible{--un-ring-color:var(--ds-brand) }.blur{--un-blur:blur(.5rem);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.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}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.shadow-default{box-shadow:0 .125rem .125rem #4559720f,0 .375rem .375rem #4559720a}
+:root{--ds-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Code", Menlo, Monaco, Consolas, monospace;font-family:var(--ds-font-sans);font-size:15px;line-height:1.5;color:var(--ds-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ds-bg: #FFFFFF;--ds-bg-secondary: #F8FAFC;--ds-bg-tertiary: #F1F5F9;--ds-bg-inverse: #0F172A;--ds-bg-inverse-secondary: #1E293B;--ds-fg: #0F172A;--ds-fg-secondary: #64748B;--ds-fg-tertiary: #94A3B8;--ds-fg-inverse: #FFFFFF;--ds-fg-disabled: #94A3B8;--ds-icon: #64748B;--ds-icon-hover: #0F172A;--ds-icon-active: #0EA5E9;--ds-icon-inverse: #FFFFFF;--ds-icon-disabled: #CBD5E1;--ds-border: #E2E8F0;--ds-border-light: #F1F5F9;--ds-border-strong: #CBD5E1;--ds-border-focus: #0F172A;--ds-surface-hover: #E2E8F0;--ds-surface-hover-light: #F1F5F9;--ds-surface-active: #B7E6FD;--ds-surface-disabled: #FAFCFF;--ds-brand: #0EA5E9;--ds-brand-hover: #0284C7;--ds-brand-active: #0369A1;--ds-brand-disabled: #BAE6FD;--ds-brand-soft: #F0F9FF;--ds-brand-soft-hover: #E0F2FE;--ds-brand-soft-active: #B7E6FD;--ds-brand-on-solid: #FFFFFF;--ds-brand-on-soft: #0EA5E9;--ds-brand-secondary: #6366F1;--ds-neutral: #64748B;--ds-neutral-soft: #F8FAFC;--ds-neutral-soft-hover: #F1F5F9;--ds-neutral-soft-active: #E2E8F0;--ds-neutral-on-solid: #FFFFFF;--ds-neutral-on-soft: #0F172A;--ds-neutral-border: #D1D5DB;--ds-neutral-border-hover: #B5BCC9;--ds-neutral-border-strong: #94A3B8;--ds-error: #EF4444;--ds-error-hover: #DC2626;--ds-error-active: #B91C1C;--ds-error-soft: #FEF2F2;--ds-error-soft-hover: #FEE2E2;--ds-error-soft-active: #FECACA;--ds-error-on-solid: #FFFFFF;--ds-error-on-soft: #EF4444;--ds-error-border: #F8CDD1;--ds-error-border-hover: #F5A6B3;--ds-error-border-strong: #B91C1C;--ds-success: #10B981;--ds-success-hover: #0A8D63;--ds-success-active: #047857;--ds-success-soft: #ECFDF5;--ds-success-soft-hover: #D1FAE5;--ds-success-soft-active: #A7F3D0;--ds-success-on-solid: #FFFFFF;--ds-success-on-soft: #10B981;--ds-success-border: #BEF3D0;--ds-success-border-hover: #86EFAC;--ds-success-border-strong: #0EA875;--ds-warning: #F59E0B;--ds-warning-hover: #D97706;--ds-warning-active: #B45309;--ds-warning-soft: #FFFBEB;--ds-warning-soft-hover: #FEF3C7;--ds-warning-soft-active: #FDE68A;--ds-warning-on-solid: #FFFFFF;--ds-warning-on-soft: #92400E;--ds-warning-border: #F3E6A5;--ds-warning-border-hover: #E6D378;--ds-info: #3B82F6;--ds-info-hover: #2563EB;--ds-info-active: #1D4ED8;--ds-info-soft: #EFF6FF;--ds-info-soft-hover: #DBEAFE;--ds-info-soft-active: #BFDBFE;--ds-info-on-solid: #FFFFFF;--ds-info-on-soft: #1E40AF;--ds-info-border: #C5D7F5;--ds-info-border-hover: #A8CCF2;--ds-processing: #06B6D4;--ds-processing-hover: #0891B2;--ds-processing-active: #0E7490;--ds-processing-soft: #ECFEFF;--ds-processing-soft-hover: #CFFAFE;--ds-processing-soft-active: #A5F3FC;--ds-processing-on-solid: #FFFFFF;--ds-processing-on-soft: #155E75;--ds-processing-border: #B3F0FC;--ds-processing-border-hover: #7FE8F5;--ds-transcript-bg: #FEFCE8;--ds-transcript-highlight: #FEF3C7;--ds-transcript-speaker: #EDE9FE;--ds-transcript-timestamp: #F3F4F6;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 24px;--ds-space-6: 32px;--ds-space-7: 48px;--ds-space-8: 64px;--ds-radius-sm: 4px;--ds-radius-md: 6px;--ds-radius-lg: 8px;--ds-radius-xl: 12px;--ds-radius-full: 9999px;--ds-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ds-shadow-md: 0 2px 4px -1px rgba(0, 0, 0, .06), 0 4px 6px -1px rgba(0, 0, 0, .1);--ds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.sr-only{position:absolute;margin:-.0625rem;width:.0625rem;height:.0625rem;overflow:hidden;white-space:nowrap;border-width:0rem;padding:0}.text-body-sm{font-size:.8125rem;line-height:1.25rem;color:var(--ds-fg-secondary);font-weight:400;font-family:var(--ds-font-sans)}.text-caption{font-size:.6875rem;line-height:1rem;color:var(--ds-fg-tertiary);font-weight:400;font-family:var(--ds-font-sans)}.text-heading-lg{font-size:1.0625rem;line-height:1.5rem;color:var(--ds-fg);font-weight:600;font-family:var(--ds-font-sans)}.text-label{font-size:.8125rem;line-height:1.25rem;color:var(--ds-fg);font-weight:500;font-family:var(--ds-font-sans)}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.m-0{margin:0}.-mb-px{margin-bottom:-.0625rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2,.h2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.max-h-64{max-height:16rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.min-w-0{min-width:0}.min-w-32{min-width:8rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-80{width:20rem}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.table{display:table}.border-collapse{border-collapse:collapse}.translate-x-0{--un-translate-x:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-x-8{--un-translate-x:2rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.rotate-45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:45deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.resize-y{resize:vertical}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.border{border-width:.0625rem}.border-0{border-width:0rem}.border-2{border-width:.125rem}.border-4{border-width:.25rem}.border-6{border-width:.375rem}.border-b{border-bottom-width:.0625rem}.border-b-2{border-bottom-width:.125rem}.border-l-0{border-left-width:0rem}.border-l-4{border-left-width:.25rem}.border-r-0{border-right-width:0rem}.border-t{border-top-width:.0625rem}.border-t-0{border-top-width:0rem}.border-border{border-color:var(--ds-border)}.border-border-light{border-color:var(--ds-border-light)}.border-border-strong{border-color:var(--ds-border-strong)}.border-brand,.group:hover .group-hover\:border-brand{border-color:var(--ds-brand)}.border-brand-active{border-color:var(--ds-brand-active)}.border-brand-disabled{border-color:var(--ds-brand-disabled)}.border-current{border-color:currentColor}.border-error-border{border-color:var(--ds-error-border)}.border-error-border-strong{border-color:var(--ds-error-border-strong)}.border-fg-inverse{border-color:var(--ds-fg-inverse)}.border-fg-secondary{border-color:var(--ds-fg-secondary)}.border-neutral-border-strong{border-color:var(--ds-neutral-border-strong)}.border-success-border-strong{border-color:var(--ds-success-border-strong)}.border-transparent{border-color:transparent}.focus\:border-border-focus:focus{border-color:var(--ds-border-focus)}.focus\:border-error:focus{border-color:var(--ds-error)}.border-b-brand{border-bottom-color:var(--ds-brand)}.border-b-transparent{border-bottom-color:transparent}.border-l-brand{border-left-color:var(--ds-brand)}.border-l-error{border-left-color:var(--ds-error)}.border-l-info{border-left-color:var(--ds-info)}.border-l-success{border-left-color:var(--ds-success)}.border-l-warning{border-left-color:var(--ds-warning)}.border-t-transparent{border-top-color:transparent}.hover\:border-b-border-strong:hover{border-bottom-color:var(--ds-border-strong)}.rounded{border-radius:.25rem}.rounded-full{border-radius:624.9375rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border-solid{border-style:solid}.bg-bg{background-color:var(--ds-bg)}.bg-bg-inverse,.bg-bg-inverse\/50{background-color:var(--ds-bg-inverse)}.bg-bg-secondary{background-color:var(--ds-bg-secondary)}.bg-bg-tertiary{background-color:var(--ds-bg-tertiary)}.bg-brand{background-color:var(--ds-brand)}.bg-brand-disabled{background-color:var(--ds-brand-disabled)}.bg-brand-soft{background-color:var(--ds-brand-soft)}.bg-error{background-color:var(--ds-error)}.bg-error-soft{background-color:var(--ds-error-soft)}.bg-info{background-color:var(--ds-info)}.bg-info-soft{background-color:var(--ds-info-soft)}.bg-neutral{background-color:var(--ds-neutral)}.bg-neutral-soft{background-color:var(--ds-neutral-soft)}.bg-processing{background-color:var(--ds-processing)}.bg-processing-soft{background-color:var(--ds-processing-soft)}.bg-success{background-color:var(--ds-success)}.bg-success-soft{background-color:var(--ds-success-soft)}.bg-surface-hover{background-color:var(--ds-surface-hover)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--ds-warning)}.bg-warning-soft{background-color:var(--ds-warning-soft)}.hover\:bg-brand-hover:hover{background-color:var(--ds-brand-hover)}.hover\:bg-brand-soft:hover{background-color:var(--ds-brand-soft)}.hover\:bg-error-hover:hover{background-color:var(--ds-error-hover)}.hover\:bg-neutral-soft-hover:hover{background-color:var(--ds-neutral-soft-hover)}.hover\:bg-success-hover:hover{background-color:var(--ds-success-hover)}.hover\:bg-surface-hover-light:hover{background-color:var(--ds-surface-hover-light)}.active\:bg-brand-active:active{background-color:var(--ds-brand-active)}.active\:bg-brand-soft-hover:active{background-color:var(--ds-brand-soft-hover)}.active\:bg-error-active:active{background-color:var(--ds-error-active)}.active\:bg-neutral-soft-active:active{background-color:var(--ds-neutral-soft-active)}.disabled\:bg-brand-disabled:disabled{background-color:var(--ds-brand-disabled)}.disabled\:bg-surface-disabled:disabled{background-color:var(--ds-surface-disabled)}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-4{padding:1rem}.px,.px-4{padding-left:1rem;padding-right:1rem}.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-6{padding-left:1.5rem;padding-right:1.5rem}.py,.py-4{padding-top:1rem;padding-bottom:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl{padding-left:1rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-3{padding-left:.75rem}.pl-8{padding-left:2rem}.pr{padding-right:1rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-3{padding-right:.75rem}.pr-8{padding-right:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-base{font-size:.9375rem;line-height:1.375rem}.text-lg{font-size:1.0625rem;line-height:1.5rem}.text-sm{font-size:.8125rem;line-height:1.25rem}.text-xs{font-size:.6875rem;line-height:1rem}.text-brand{color:var(--ds-brand)}.text-brand-on-soft{color:var(--ds-brand-on-soft)}.text-brand-on-solid{color:var(--ds-brand-on-solid)}.text-error{color:var(--ds-error)}.text-error-on-soft{color:var(--ds-error-on-soft)}.text-error-on-solid{color:var(--ds-error-on-solid)}.text-fg{color:var(--ds-fg)}.text-fg-disabled{color:var(--ds-fg-disabled)}.text-fg-inverse{color:var(--ds-fg-inverse)}.text-fg-secondary{color:var(--ds-fg-secondary)}.text-fg-tertiary{color:var(--ds-fg-tertiary)}.text-info{color:var(--ds-info)}.text-info-on-soft{color:var(--ds-info-on-soft)}.text-neutral-on-soft{color:var(--ds-neutral-on-soft)}.text-processing-on-soft{color:var(--ds-processing-on-soft)}.text-success{color:var(--ds-success)}.text-success-on-soft{color:var(--ds-success-on-soft)}.text-success-on-solid{color:var(--ds-success-on-solid)}.text-transparent{color:transparent}.text-warning{color:var(--ds-warning)}.text-warning-on-soft{color:var(--ds-warning-on-soft)}.hover\:text-fg-secondary:hover{color:var(--ds-fg-secondary)}.hover\:text-fg:hover{color:var(--ds-fg)}.disabled\:text-fg-disabled:disabled{color:var(--ds-fg-disabled)}.placeholder\:text-fg-tertiary::placeholder{color:var(--ds-fg-tertiary)}.font-500,.font-medium{font-weight:500}.font-sans{font-family:var(--ds-font-sans)}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-95:disabled{opacity:.95}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 .625rem .9375rem -.1875rem var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 .25rem .375rem -.25rem var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-md{--un-shadow:var(--un-shadow-inset) 0 .25rem .375rem -.0625rem var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 .125rem .25rem -.125rem var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.outline-none{outline:.125rem solid transparent;outline-offset:.125rem}.focus\:outline-none:focus{outline:.125rem solid transparent;outline-offset:.125rem}.focus-visible\:outline-none:focus-visible{outline:.125rem solid transparent;outline-offset:.125rem}.focus\:ring-2:focus{--un-ring-width:.125rem;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus-visible\:ring-2:focus-visible{--un-ring-width:.125rem;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.peer:focus-visible~.peer-focus-visible\:ring-2{--un-ring-width:.125rem;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus\:ring-offset-0:focus{--un-ring-offset-width:0rem}.focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:.125rem}.peer:focus-visible~.peer-focus-visible\:ring-offset-2{--un-ring-offset-width:.125rem}.focus\:ring-brand:focus{--un-ring-color:var(--ds-brand) }.focus\:ring-error:focus{--un-ring-color:var(--ds-error) }.focus-visible\:ring-brand:focus-visible{--un-ring-color:var(--ds-brand) }.peer:focus-visible~.peer-focus-visible\:ring-brand{--un-ring-color:var(--ds-brand) }.blur{--un-blur:blur(.5rem);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.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}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.shadow-default{box-shadow:0 .125rem .125rem #4559720f,0 .375rem .375rem #4559720a}