@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400..700&family=Roboto+Mono:wght@100..700&family=Major+Mono+Display:wght@400&family=Onest:wght@100;200;300;400;500;600;700;800;900&family=Recursive:wght@300;400;500;600;700;800;900&family=Sono:wght@200;300;400;500;600;700;800&display=swap";:root{--ds-layer-primitive-bg: var(--primitive-color-brand-accent-500);--ds-layer-primitive-text: var(--primitive-color-neutral-gray-900);--ds-layer-semantic-bg: var(--primitive-color-brand-primary-500);--ds-layer-semantic-text: var(--primitive-color-neutral-gray-white);--ds-layer-component-bg: var(--primitive-color-brand-secondary-500);--ds-layer-component-text: var(--primitive-color-neutral-gray-white);--ds-input-max-width: var(--pattern-text-input-properties-max-width);--ds-select-max-width: var(--pattern-text-input-properties-max-width)}:root{--font-size: 16px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}html{font-size:var(--font-size)}body{background-color:var(--semantic-color-contrast-light);background-image:radial-gradient(70% 70% at 70% 60%,var(--semantic-color-contrast-light) 0%,var(--semantic-color-contrast-light) 60%,transparent 100%),radial-gradient(70% 80% at 50% 60%,transparent 0%,transparent 60%,color-mix(in srgb,var(--semantic-color-surface-neutral-default) 80%,transparent) 100%);transition:background-color var(--semantic-transition-color),background-image var(--semantic-transition-color)}.app-layout__col1{flex-shrink:0;width:-moz-fit-content;width:fit-content;overflow:hidden;padding:var(--semantic-spacing-inset-lg);padding-right:0;padding-bottom:var(--semantic-spacing-inset-lg);interpolate-size:allow-keywords;transition:width .25s ease,padding .25s ease,opacity .12s ease .25s}.app-layout__col1--hidden{width:0;padding:0;opacity:0;pointer-events:none;transition:opacity .12s ease,width .25s ease .12s,padding .25s ease .12s}.app-layout__col1--deferred{opacity:0;pointer-events:none;transition:width .25s ease,padding .25s ease}.app-layout__main{flex:1;min-width:0;position:relative;overflow:hidden}.app-layout__toolbar{position:absolute;top:0;left:0;right:0;z-index:var(--primitive-z-index-layer-30);padding-top:var(--semantic-spacing-inset-lg)}.app-layout__body{height:100%;display:flex;overflow:hidden}.app-layout--resizing .app-layout__col1,.app-layout--resizing .app-layout__col2,.app-layout--resizing .app-layout__col3,.app-layout--resizing .app-layout__col3-nav,.app-layout--resizing .ds-showcase-layout__left-cluster{transition:none!important}.app-layout--resizing .app-layout__col3-content,.app-layout--content-fading .app-layout__col3-content{opacity:0;transition:opacity .1s ease!important}.app-layout__col2{flex:1 1 0;min-width:650px;overflow:hidden;transition:flex .25s ease,min-width .25s ease,opacity .12s ease .25s}.app-layout__col2--hidden{flex:0 0 0;min-width:0;opacity:0;pointer-events:none;transition:opacity .12s ease,flex .25s ease .12s,min-width .25s ease .12s}.app-layout__col2--deferred{opacity:0;pointer-events:none;transition:flex .25s ease,min-width .25s ease}.app-layout__col3{flex:0 1 auto;width:38%;min-width:416px;height:100%;overflow:visible;position:relative;transition:width .35s ease,min-width .35s ease,flex-grow .25s ease}.app-layout__col3--closed{width:0;min-width:0;transition:width .25s ease .1s,min-width .25s ease .1s,flex-grow .25s ease}.app-layout__col3--fullscreen{flex-grow:1;min-width:0;transition:width .35s ease,min-width .35s ease,flex-grow .25s ease .12s}.app-layout__col3-content{height:100%;overflow:auto;padding-bottom:72px;box-sizing:border-box;opacity:1;transition:opacity .15s ease .35s}.app-layout--reveal .app-layout__col3-content{transition:opacity .15s ease!important}.app-layout__col3--closed .app-layout__col3-content{opacity:0;transition:opacity .1s ease}.app-layout__col3-nav{position:absolute;bottom:0;right:0;left:0;display:flex;justify-content:flex-end;padding:0 var(--semantic-spacing-inset-lg) var(--semantic-spacing-inset-lg);opacity:1;pointer-events:none;transition:opacity .15s ease .35s}.app-layout__col3-nav>*{pointer-events:auto;box-shadow:var(--primitive-shadow-elevation-3)}.app-layout__col3--closed .app-layout__col3-nav{opacity:0;transition:opacity .1s ease}.app-layout__col3-bar{display:flex;align-items:center;gap:var(--semantic-spacing-inline-sm);width:358px;padding:var(--component-tab-bar-md-padding, var(--semantic-spacing-inset-sm));background-color:var(--component-tab-bar-base-background-color, var(--semantic-color-contrast-light));border-radius:var(--component-tab-bar-base-border-radius, var(--primitive-radius-2xl));transition:background-color var(--semantic-transition-color)}.app-layout__col3-bar-left{display:flex;gap:var(--semantic-spacing-inline-sm);flex-shrink:0}.app-preview-bg-select .ds-select__trigger .ds-select__button-icon{width:20px;height:20px}.app-preview-bg-select .ds-select__popover{margin-left:-2px}.app-preview-bg-select .ds-select__trigger--button-primary:hover,.app-preview-bg-select .ds-select__trigger--button-primary.ds-select__trigger--open{background-color:color-mix(in srgb,var(--component-button-primary-background) calc(var(--component-button-primary-background-opacity) * 100%),transparent);border-color:var(--component-button-primary-border-color)}.radius-showcase-list,.border-width-showcase-list,.opacity-showcase-list,.spacing-showcase-list,.duration-showcase-list,.easing-showcase-list,.zindex-showcase-list,.icon-showcase-list,.breakpoint-showcase-list,.layout-showcase-list{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-lg)}.easing-showcase-list .ds-token-card-swatch__value-input .ds-input,.easing-showcase-list .ds-token-card-swatch__value-input .ds-input-wrapper{max-width:none}.easing-showcase-list .ds-token-card-swatch__preview-label>.ds-input__label,.duration-showcase-list .ds-token-card-swatch__preview-label>.ds-input__label,.transition-showcase-list .ds-token-card-swatch__preview-label>.ds-input__label{display:none}.easing-showcase-list .ds-token-card-swatch__preview-row,.duration-showcase-list .ds-token-card-swatch__preview-row,.transition-showcase-list .ds-token-card-swatch__preview-row{align-items:center}.transition-showcase-selects{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md)}.transition-showcase-selects .ds-select{width:100%;max-width:422px}.transition-showcase-selects .ds-select__label{width:72px;flex-shrink:0}.transition-showcase-selects__easing.ds-select{max-width:540px}*,: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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:IBM Plex Sans,sans-serif;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]){-webkit-text-decoration:underline dotted;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:IBM Plex Mono,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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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]:where(:not([hidden=until-found])){display:none}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.right-4{right:1rem}.top-4{top:1rem}.z-\[--z-\{name\}\]{z-index:var(--z-{name})}.z-\[10000\]{z-index:10000}.-ml-2{margin-left:-.5rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-px{width:1px;height:1px}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-64{height:16rem}.h-full{height:100%}.h-screen{height:100vh}.w-1\/3{width:33.333333%}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-4{width:1rem}.w-5{width:1.25rem}.w-80{width:20rem}.w-full{width:100%}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.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 pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[--border-width-\{name\}\]{border-color:var(--border-width-{name})}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1\.5{padding:.375rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.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-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-8{padding-bottom:2rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-body{font-family:Figtree,sans-serif}.font-heading{font-family:Instrument Sans,sans-serif}.font-mono{font-family:IBM Plex Mono,monospace}.font-sans{font-family:IBM Plex Sans,sans-serif}.font-serif{font-family:IBM Plex Serif,serif}.text-3xl{font-size:1.4015625rem}.text-base{font-size:.875rem}.text-lg{font-size:.984375rem}.text-sm{font-size:.77775rem}.text-xl{font-size:1.1074375rem}.text-xs{font-size:.691375rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.-tracking-normal{letter-spacing:-0em}.-tracking-tight{letter-spacing:.025em}.-tracking-tighter{letter-spacing:.05em}.-tracking-wide{letter-spacing:-.025em}.-tracking-widest{letter-spacing:-.1em}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.overline{text-decoration-line:overline}.opacity-0{opacity:0}.opacity-\[--opacity-\{name\}\]{opacity:var(--opacity-{name})}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--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(3px + 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)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\!transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;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-300{transition-duration:.3s}.duration-\[--duration-\{name\}\]{transition-duration:var(--duration-{name})}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2: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(2px + 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)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.ds-button{display:var(--pattern-button-properties-display);align-items:var(--pattern-button-properties-align-items);justify-content:var(--pattern-button-properties-justify-content);gap:var(--pattern-button-base-tokens-gap);padding:var(--pattern-button-base-tokens-padding-y) var(--pattern-button-base-tokens-padding-x);min-height:var(--pattern-button-base-tokens-min-height);min-width:var(--pattern-button-properties-min-width);max-width:var(--pattern-button-properties-max-width);border-width:var(--pattern-button-base-tokens-border-width);border-style:var(--pattern-button-properties-border-style);border-radius:var(--pattern-button-base-tokens-border-radius);font-family:var(--pattern-button-base-tokens-font-family);font-size:var(--pattern-button-base-tokens-font-size);font-weight:var(--pattern-button-base-tokens-font-weight);line-height:var(--pattern-button-base-tokens-line-height);letter-spacing:var(--pattern-button-base-tokens-letter-spacing);text-transform:var(--pattern-button-base-tokens-text-transform);cursor:var(--pattern-button-properties-cursor);-webkit-user-select:var(--pattern-button-properties-user-select);-moz-user-select:var(--pattern-button-properties-user-select);user-select:var(--pattern-button-properties-user-select);white-space:var(--pattern-button-properties-white-space);overflow:var(--pattern-button-properties-overflow);text-overflow:var(--pattern-button-properties-text-overflow);transition:background-color var(--semantic-transition-color),border-color var(--semantic-transition-color),color var(--semantic-transition-color),box-shadow var(--semantic-transition-fast);outline:none;text-decoration:none;box-sizing:border-box}.ds-button:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-button.ds-button--active{transition:none!important;cursor:default}.ds-button.ds-button--toggle.ds-button--active{cursor:pointer}.ds-button--primary{background-color:color-mix(in srgb,var(--component-button-primary-background) calc(var(--component-button-primary-background-opacity) * 100%),transparent);color:var(--component-button-primary-text-color);border-color:var(--component-button-primary-border-color)}.ds-button--primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-primary-background-hover) calc(var(--component-button-primary-background-hover-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-hover);border-color:var(--component-button-primary-border-color-hover)}.ds-button--primary:active:not(:disabled),.ds-button--primary.ds-button--active:not(:disabled){background-color:color-mix(in srgb,var(--component-button-primary-background-active) calc(var(--component-button-primary-background-active-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-active);border-color:var(--component-button-primary-border-color-active)}.ds-button--primary:disabled,.ds-button--primary.ds-button--disabled{background-color:color-mix(in srgb,var(--component-button-primary-background-disabled) calc(var(--component-button-primary-background-disabled-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-disabled);border-color:var(--component-button-primary-border-color-disabled);cursor:not-allowed}.ds-button--secondary{background-color:color-mix(in srgb,var(--component-button-secondary-background) calc(var(--component-button-secondary-background-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color);border-color:var(--component-button-secondary-border-color)}.ds-button--secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-secondary-background-hover) calc(var(--component-button-secondary-background-hover-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-hover);border-color:var(--component-button-secondary-border-color-hover)}.ds-button--secondary:active:not(:disabled),.ds-button--secondary.ds-button--active:not(:disabled){background-color:color-mix(in srgb,var(--component-button-secondary-background-active) calc(var(--component-button-secondary-background-active-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-active);border-color:var(--component-button-secondary-border-color-active)}.ds-button--secondary:disabled,.ds-button--secondary.ds-button--disabled{background-color:color-mix(in srgb,var(--component-button-secondary-background-disabled) calc(var(--component-button-secondary-background-disabled-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-disabled);border-color:var(--component-button-secondary-border-color-disabled);cursor:not-allowed}.ds-button--ghost{background-color:color-mix(in srgb,var(--component-button-ghost-background) calc(var(--component-button-ghost-background-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color);border-color:var(--component-button-ghost-border-color)}.ds-button--ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-ghost-background-hover) calc(var(--component-button-ghost-background-hover-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-hover);border-color:var(--component-button-ghost-border-color-hover)}.ds-button--ghost:active:not(:disabled),.ds-button--ghost.ds-button--active:not(:disabled){background-color:color-mix(in srgb,var(--component-button-ghost-background-active) calc(var(--component-button-ghost-background-active-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-active);border-color:var(--component-button-ghost-border-color-active)}.ds-button--ghost:disabled,.ds-button--ghost.ds-button--disabled{background-color:color-mix(in srgb,var(--component-button-ghost-background-disabled) calc(var(--component-button-ghost-background-disabled-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-disabled);border-color:var(--component-button-ghost-border-color-disabled);cursor:not-allowed}.ds-button--destructive{background-color:color-mix(in srgb,var(--component-button-destructive-background) calc(var(--component-button-destructive-background-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color);border-color:var(--component-button-destructive-border-color)}.ds-button--destructive:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-destructive-background-hover) calc(var(--component-button-destructive-background-hover-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-hover);border-color:var(--component-button-destructive-border-color-hover)}.ds-button--destructive:active:not(:disabled),.ds-button--destructive.ds-button--active:not(:disabled){background-color:color-mix(in srgb,var(--component-button-destructive-background-active) calc(var(--component-button-destructive-background-active-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-active);border-color:var(--component-button-destructive-border-color-active)}.ds-button--destructive:disabled,.ds-button--destructive.ds-button--disabled{background-color:color-mix(in srgb,var(--component-button-destructive-background-disabled) calc(var(--component-button-destructive-background-disabled-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-disabled);border-color:var(--component-button-destructive-border-color-disabled);cursor:not-allowed}.ds-button--sm{padding:var(--component-button-sm-padding-y) var(--component-button-sm-padding-x);min-height:var(--component-button-sm-min-height);min-width:var(--component-button-sm-min-width);max-width:var(--component-button-sm-max-width);border-radius:var(--component-button-sm-border-radius);gap:var(--component-button-sm-gap);font-family:var(--component-button-sm-font-family);font-size:var(--component-button-sm-font-size);font-weight:var(--component-button-sm-font-weight);line-height:var(--component-button-sm-line-height);letter-spacing:var(--component-button-sm-letter-spacing);text-transform:var(--component-button-sm-text-transform)}.ds-button--md{min-height:var(--component-button-md-min-height);min-width:var(--component-button-md-min-width);max-width:var(--component-button-md-max-width)}.ds-button--lg{padding:var(--component-button-lg-padding-y) var(--component-button-lg-padding-x);min-height:var(--component-button-lg-min-height);min-width:var(--component-button-lg-min-width);max-width:var(--component-button-lg-max-width);border-radius:var(--component-button-lg-border-radius);gap:var(--component-button-lg-gap);font-family:var(--component-button-lg-font-family);font-size:var(--component-button-lg-font-size);font-weight:var(--component-button-lg-font-weight);line-height:var(--component-button-lg-line-height);letter-spacing:var(--component-button-lg-letter-spacing);text-transform:var(--component-button-lg-text-transform)}.ds-button--icon-only{justify-content:center;min-width:auto;max-width:none;aspect-ratio:1;padding:var(--pattern-button-base-tokens-padding-y)}.ds-button--icon-only.ds-button--sm{padding:var(--component-button-sm-padding-y)}.ds-button--icon-only.ds-button--lg{padding:var(--component-button-lg-padding-y)}.ds-button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--pattern-button-base-tokens-icon-size);height:var(--pattern-button-base-tokens-icon-size)}.ds-button__icon svg{width:100%;height:100%;stroke-width:var(--pattern-button-base-tokens-icon-stroke)}.ds-button--sm .ds-button__icon{width:var(--component-button-sm-icon-size);height:var(--component-button-sm-icon-size)}.ds-button--sm .ds-button__icon svg{stroke-width:var(--component-button-sm-icon-stroke)}.ds-button--lg .ds-button__icon{width:var(--component-button-lg-icon-size);height:var(--component-button-lg-icon-size)}.ds-button--lg .ds-button__icon svg{stroke-width:var(--component-button-lg-icon-stroke)}.ds-button__label{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.ds-badge{display:var(--pattern-badge-properties-display);align-items:var(--pattern-badge-properties-align-items);justify-content:var(--pattern-badge-properties-justify-content);gap:var(--pattern-badge-base-tokens-gap);padding-top:var(--pattern-badge-base-tokens-padding-y);padding-right:var(--pattern-badge-base-tokens-padding-x);padding-bottom:var(--pattern-badge-base-tokens-padding-y);padding-left:var(--pattern-badge-base-tokens-padding-x);min-height:var(--pattern-badge-base-tokens-min-height);min-width:var(--pattern-badge-base-tokens-min-width);max-width:var(--pattern-badge-base-tokens-max-width);border-width:var(--pattern-badge-base-tokens-border-width);border-style:var(--pattern-badge-properties-border-style);border-radius:var(--pattern-badge-base-tokens-border-radius);font-family:var(--pattern-badge-base-tokens-font-family);font-size:var(--pattern-badge-base-tokens-font-size);font-weight:var(--pattern-badge-base-tokens-font-weight);line-height:var(--pattern-badge-base-tokens-line-height);letter-spacing:var(--pattern-badge-base-tokens-letter-spacing);text-transform:var(--pattern-badge-base-tokens-text-transform);-webkit-user-select:var(--pattern-badge-properties-user-select);-moz-user-select:var(--pattern-badge-properties-user-select);user-select:var(--pattern-badge-properties-user-select);white-space:var(--pattern-badge-properties-white-space);overflow:var(--pattern-badge-properties-overflow);text-overflow:var(--pattern-badge-properties-text-overflow);box-sizing:border-box}.ds-badge--neutral-subtle{background-color:var(--component-badge-neutral-subtle-background);color:var(--component-badge-neutral-subtle-text-color);border-color:var(--component-badge-neutral-subtle-border-color)}.ds-badge--neutral-bold{background-color:var(--component-badge-neutral-bold-background);color:var(--component-badge-neutral-bold-text-color);border-color:var(--component-badge-neutral-bold-border-color)}.ds-badge--neutral-outline{background-color:var(--component-badge-neutral-outline-background);color:var(--component-badge-neutral-outline-text-color);border-color:var(--component-badge-neutral-outline-border-color)}.ds-badge--primary-subtle{background-color:var(--component-badge-primary-subtle-background);color:var(--component-badge-primary-subtle-text-color);border-color:var(--component-badge-primary-subtle-border-color)}.ds-badge--primary-bold{background-color:var(--component-badge-primary-bold-background);color:var(--component-badge-primary-bold-text-color);border-color:var(--component-badge-primary-bold-border-color)}.ds-badge--primary-outline{background-color:var(--component-badge-primary-outline-background);color:var(--component-badge-primary-outline-text-color);border-color:var(--component-badge-primary-outline-border-color)}.ds-badge--secondary-subtle{background-color:var(--component-badge-secondary-subtle-background);color:var(--component-badge-secondary-subtle-text-color);border-color:var(--component-badge-secondary-subtle-border-color)}.ds-badge--secondary-bold{background-color:var(--component-badge-secondary-bold-background);color:var(--component-badge-secondary-bold-text-color);border-color:var(--component-badge-secondary-bold-border-color)}.ds-badge--secondary-outline{background-color:var(--component-badge-secondary-outline-background);color:var(--component-badge-secondary-outline-text-color);border-color:var(--component-badge-secondary-outline-border-color)}.ds-badge--tertiary-subtle{background-color:var(--component-badge-tertiary-subtle-background);color:var(--component-badge-tertiary-subtle-text-color);border-color:var(--component-badge-tertiary-subtle-border-color)}.ds-badge--tertiary-bold{background-color:var(--component-badge-tertiary-bold-background);color:var(--component-badge-tertiary-bold-text-color);border-color:var(--component-badge-tertiary-bold-border-color)}.ds-badge--tertiary-outline{background-color:var(--component-badge-tertiary-outline-background);color:var(--component-badge-tertiary-outline-text-color);border-color:var(--component-badge-tertiary-outline-border-color)}.ds-badge--success-subtle{background-color:var(--component-badge-success-subtle-background);color:var(--component-badge-success-subtle-text-color);border-color:var(--component-badge-success-subtle-border-color)}.ds-badge--success-bold{background-color:var(--component-badge-success-bold-background);color:var(--component-badge-success-bold-text-color);border-color:var(--component-badge-success-bold-border-color)}.ds-badge--success-outline{background-color:var(--component-badge-success-outline-background);color:var(--component-badge-success-outline-text-color);border-color:var(--component-badge-success-outline-border-color)}.ds-badge--warning-subtle{background-color:var(--component-badge-warning-subtle-background);color:var(--component-badge-warning-subtle-text-color);border-color:var(--component-badge-warning-subtle-border-color)}.ds-badge--warning-bold{background-color:var(--component-badge-warning-bold-background);color:var(--component-badge-warning-bold-text-color);border-color:var(--component-badge-warning-bold-border-color)}.ds-badge--warning-outline{background-color:var(--component-badge-warning-outline-background);color:var(--component-badge-warning-outline-text-color);border-color:var(--component-badge-warning-outline-border-color)}.ds-badge--error-subtle{background-color:var(--component-badge-error-subtle-background);color:var(--component-badge-error-subtle-text-color);border-color:var(--component-badge-error-subtle-border-color)}.ds-badge--error-bold{background-color:var(--component-badge-error-bold-background);color:var(--component-badge-error-bold-text-color);border-color:var(--component-badge-error-bold-border-color)}.ds-badge--error-outline{background-color:var(--component-badge-error-outline-background);color:var(--component-badge-error-outline-text-color);border-color:var(--component-badge-error-outline-border-color)}.ds-badge--info-subtle{background-color:var(--component-badge-info-subtle-background);color:var(--component-badge-info-subtle-text-color);border-color:var(--component-badge-info-subtle-border-color)}.ds-badge--info-bold{background-color:var(--component-badge-info-bold-background);color:var(--component-badge-info-bold-text-color);border-color:var(--component-badge-info-bold-border-color)}.ds-badge--info-outline{background-color:var(--component-badge-info-outline-background);color:var(--component-badge-info-outline-text-color);border-color:var(--component-badge-info-outline-border-color)}.ds-badge[class*=--code]{font-family:var(--primitive-typography-family-mono);letter-spacing:-.01em}.ds-badge--neutral-code{background-color:var(--component-badge-neutral-subtle-background);color:var(--component-badge-neutral-subtle-text-color);border-color:var(--component-badge-neutral-subtle-border-color)}.ds-badge--primary-code{background-color:var(--component-badge-primary-subtle-background);color:var(--component-badge-primary-subtle-text-color);border-color:var(--component-badge-primary-subtle-border-color)}.ds-badge--secondary-code{background-color:var(--component-badge-secondary-subtle-background);color:var(--component-badge-secondary-subtle-text-color);border-color:var(--component-badge-secondary-subtle-border-color)}.ds-badge--tertiary-code{background-color:var(--component-badge-tertiary-subtle-background);color:var(--component-badge-tertiary-subtle-text-color);border-color:var(--component-badge-tertiary-subtle-border-color)}.ds-badge--success-code{background-color:var(--component-badge-success-subtle-background);color:var(--component-badge-success-subtle-text-color);border-color:var(--component-badge-success-subtle-border-color)}.ds-badge--warning-code{background-color:var(--component-badge-warning-subtle-background);color:var(--component-badge-warning-subtle-text-color);border-color:var(--component-badge-warning-subtle-border-color)}.ds-badge--error-code{background-color:var(--component-badge-error-subtle-background);color:var(--component-badge-error-subtle-text-color);border-color:var(--component-badge-error-subtle-border-color)}.ds-badge--info-code{background-color:var(--component-badge-info-subtle-background);color:var(--component-badge-info-subtle-text-color);border-color:var(--component-badge-info-subtle-border-color)}.ds-badge--md{min-height:var(--component-badge-md-min-height);min-width:var(--component-badge-md-min-width);max-width:var(--component-badge-md-max-width);padding-top:3px;padding-bottom:4px}.ds-badge--sm{padding:var(--component-badge-sm-padding-y) var(--component-badge-sm-padding-x);min-height:var(--component-badge-sm-min-height);min-width:var(--component-badge-sm-min-width);max-width:var(--component-badge-sm-max-width);border-radius:var(--component-badge-sm-border-radius);font-family:var(--component-badge-sm-font-family);font-size:var(--component-badge-sm-font-size);font-weight:var(--component-badge-sm-font-weight);line-height:var(--component-badge-sm-line-height);letter-spacing:var(--component-badge-sm-letter-spacing);text-transform:var(--component-badge-sm-text-transform)}.ds-badge--icon-only{justify-content:center;min-width:auto;max-width:none;aspect-ratio:1;padding:var(--pattern-badge-base-tokens-padding-y)}.ds-badge--icon-only.ds-badge--sm{padding:var(--component-badge-sm-padding-y)}.ds-badge__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--pattern-badge-base-tokens-icon-size);height:var(--pattern-badge-base-tokens-icon-size)}.ds-badge__icon svg{width:100%;height:100%;stroke-width:var(--pattern-badge-base-tokens-icon-stroke)}.ds-badge--sm .ds-badge__icon{width:var(--component-badge-sm-icon-size);height:var(--component-badge-sm-icon-size)}.ds-badge__label{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.ds-badge--disabled{opacity:var(--primitive-opacity-alpha-50);cursor:not-allowed}.ds-card{display:flex;flex-direction:column;height:300px;padding:var(--semantic-spacing-inset-lg);gap:var(--semantic-spacing-stack-lg);border-radius:var(--primitive-radius-lg);background-color:var(--semantic-color-contrast-light);color:var(--semantic-color-text-neutral-bold);box-sizing:border-box}.ds-card--default{border:none}.ds-card--elevated{border:none;box-shadow:var(--primitive-shadow-elevation-3);transition:box-shadow var(--semantic-transition-fast)}.ds-card--elevated:hover{box-shadow:var(--primitive-shadow-elevation-4)}.ds-card--outlined{border:var(--primitive-border-width-medium) solid var(--semantic-color-border-neutral-default);background-color:var(--semantic-color-contrast-light)}.ds-card--ghost{border:none;background-color:transparent}.ds-card__header{display:flex;flex-direction:column;gap:var(--semantic-spacing-inline-md)}.ds-card__header h1,.ds-card__header h2,.ds-card__header h3,.ds-card__header h4,.ds-card__header h5,.ds-card__header h6{margin:0;font-family:var(--semantic-typography-heading-h3-font-family);font-size:var(--semantic-typography-heading-h3-font-size);font-weight:var(--semantic-typography-heading-h3-font-weight);line-height:var(--semantic-typography-heading-h3-line-height);letter-spacing:var(--semantic-typography-heading-h3-letter-spacing);text-transform:var(--semantic-typography-heading-h3-text-transform);color:var(--semantic-color-text-neutral-bold)}.ds-card__header-title-row{display:flex;flex-wrap:wrap;align-items:center;-moz-column-gap:var(--semantic-spacing-inline-lg);column-gap:var(--semantic-spacing-inline-lg);row-gap:var(--semantic-spacing-stack-sm)}.ds-card__header-title-row h1,.ds-card__header-title-row h2,.ds-card__header-title-row h3,.ds-card__header-title-row h4,.ds-card__header-title-row h5,.ds-card__header-title-row h6{line-height:1;padding-bottom:5px;white-space:nowrap}.ds-card__header-badge{transition:filter var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-card__header-badge--copied{filter:brightness(1.1)}.ds-card__header-avatar-row{display:flex;align-items:flex-start;gap:var(--semantic-spacing-inline-md)}.ds-card__header-avatar-text{display:flex;flex-direction:column}.ds-card__header-subtitle{margin:0;font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-default)}.ds-card__header-description{margin:var(--semantic-spacing-stack-sm) 0 0;font-family:var(--semantic-typography-body-md-font-family);font-size:var(--semantic-typography-body-md-font-size);font-weight:var(--semantic-typography-body-md-font-weight);line-height:var(--semantic-typography-body-md-line-height);color:var(--semantic-color-text-neutral-default)}.ds-card__header-deps{margin-top:var(--semantic-spacing-stack-sm)}.ds-card__header-deps h5{margin:0 0 var(--semantic-spacing-stack-xs) 0;font-family:var(--semantic-typography-label-sm-font-family);font-size:var(--semantic-typography-label-sm-font-size);font-weight:var(--primitive-typography-weight-semibold);line-height:var(--semantic-typography-label-sm-line-height);letter-spacing:var(--semantic-typography-label-sm-letter-spacing);color:var(--semantic-color-text-neutral-default);text-transform:uppercase}.ds-card__header-deps ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--semantic-spacing-inline-xs)}.ds-card__header-deps li{font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-default)}.ds-card__header-deps code{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);background-color:var(--semantic-color-surface-neutral-subtle);padding:1px 6px;border-radius:var(--primitive-radius-sm)}.ds-card__header-deps li span{color:var(--semantic-color-text-neutral-subtle)}.ds-card__header-deps-heading{margin:0 0 var(--semantic-spacing-stack-xs) 0;font-family:var(--semantic-typography-label-sm-font-family);font-size:var(--semantic-typography-label-sm-font-size);font-weight:var(--primitive-typography-weight-semibold);line-height:var(--semantic-typography-label-sm-line-height);letter-spacing:var(--semantic-typography-label-sm-letter-spacing);color:var(--semantic-color-text-neutral-default);text-transform:uppercase}.ds-card__header-deps-heading+.ds-card__header-deps-list{margin-bottom:var(--semantic-spacing-stack-md)}.ds-card__header-deps-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--semantic-spacing-inline-xs)}.ds-card__header-deps-list li{font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-default)}.ds-card__header-deps-list code{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);background-color:var(--semantic-color-surface-neutral-subtle);padding:1px 6px;border-radius:var(--primitive-radius-sm)}.ds-card__header-deps-list li span{color:var(--semantic-color-text-neutral-subtle)}.ds-card--default .ds-card__header,.ds-card--elevated .ds-card__header,.ds-card--outlined .ds-card__header{padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-card__body{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-xl)}.ds-card__body p{margin:0;font-family:var(--semantic-typography-body-md-font-family);font-size:var(--semantic-typography-body-md-font-size);font-weight:var(--semantic-typography-body-md-font-weight);line-height:var(--semantic-typography-body-md-line-height);letter-spacing:var(--semantic-typography-body-md-letter-spacing);text-transform:var(--semantic-typography-body-md-text-transform);color:var(--semantic-color-text-neutral-default)}.ds-card__footer{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md);padding-top:var(--semantic-spacing-stack-md);margin-top:auto;border-top:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-subtle)}.ds-card__footer .ds-button{flex:1;min-width:0}.ds-card__footer--end{justify-content:flex-end}.ds-card__footer--between{justify-content:space-between}.ds-card__media{margin:calc(var(--semantic-spacing-inset-lg) * -1);margin-bottom:0;overflow:hidden;border-radius:var(--primitive-radius-lg) var(--primitive-radius-lg) 0 0;flex:1;min-height:0}.ds-card__media:first-child{margin-bottom:var(--primitive-spacing-zero)}.ds-card__media:last-child{margin-top:var(--semantic-spacing-stack-lg);margin-bottom:calc(var(--semantic-spacing-inset-lg) * -1);border-radius:0 0 var(--primitive-radius-lg) var(--primitive-radius-lg)}.ds-card__media:only-child{margin:calc(var(--semantic-spacing-inset-lg) * -1);border-radius:var(--primitive-radius-lg)}.ds-card__media img,.ds-card__media video{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.ds-card--media-overlay{position:relative;padding:0}.ds-card--media-overlay .ds-card__media{position:absolute;inset:0;margin:0;border-radius:var(--primitive-radius-lg);flex:none;overflow:hidden}.ds-card--media-overlay .ds-card__media img,.ds-card--media-overlay .ds-card__media video{height:100%;-o-object-fit:cover;object-fit:cover}.ds-card--media-overlay .ds-card__header{position:relative;z-index:1;margin-top:auto;padding:var(--semantic-spacing-inset-lg);border-bottom:none;margin-bottom:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);border-radius:0 0 var(--primitive-radius-lg) var(--primitive-radius-lg)}.ds-card--media-overlay .ds-card__header h1,.ds-card--media-overlay .ds-card__header h2,.ds-card--media-overlay .ds-card__header h3,.ds-card--media-overlay .ds-card__header h4,.ds-card--media-overlay .ds-card__header h5,.ds-card--media-overlay .ds-card__header h6{color:#fff}.ds-card--media-overlay .ds-card__header-description{color:#fffc}.ds-card:has(.ds-card__media){cursor:pointer;transition:background-color var(--semantic-transition-fast),box-shadow var(--semantic-transition-fast),transform var(--semantic-transition-fast)}.ds-card:has(.ds-card__media):hover{background-color:var(--semantic-color-surface-neutral-subtle);box-shadow:var(--primitive-shadow-elevation-4);transform:translateY(-4px)}.ds-card:has(.ds-card__media):active{background-color:var(--semantic-color-surface-neutral-default);transform:translateY(-2px)}.ds-card--interactive{cursor:pointer;transition:box-shadow var(--semantic-transition-fast),border-color var(--semantic-transition-fast),transform var(--semantic-transition-fast)}.ds-card--interactive:hover{border-color:var(--semantic-color-border-neutral-default)}.ds-card--interactive.ds-card--elevated:hover{transform:translateY(calc(var(--primitive-spacing-xs) * -1))}.ds-card--interactive:active{transform:translateY(0)}.ds-card--interactive:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--primitive-radius-full);flex-shrink:0;overflow:hidden}.ds-avatar--sm{width:var(--primitive-icon-size-lg);height:var(--primitive-icon-size-lg)}.ds-avatar--md{width:var(--primitive-icon-size-xl);height:var(--primitive-icon-size-xl)}.ds-avatar--lg{width:var(--primitive-icon-size-2xl);height:var(--primitive-icon-size-2xl)}.ds-avatar--xl{width:48px;height:48px}.ds-avatar--primary{background:var(--semantic-color-interactive-primary-default);color:var(--semantic-color-text-neutral-contrast)}.ds-avatar--neutral{background:var(--semantic-color-surface-neutral-default);color:var(--semantic-color-text-neutral-bold)}.ds-avatar--secondary{background:var(--semantic-color-interactive-secondary-default);color:var(--semantic-color-text-neutral-contrast)}.ds-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ds-input{display:block;width:var(--pattern-text-input-properties-width);min-width:var(--pattern-text-input-properties-min-width);max-width:var(--pattern-text-input-properties-max-width);padding:var(--pattern-text-input-base-tokens-padding-y) var(--pattern-text-input-base-tokens-padding-x);min-height:var(--pattern-text-input-base-tokens-min-height);border-width:var(--pattern-text-input-base-tokens-border-width);border-style:var(--pattern-text-input-properties-border-style);border-radius:var(--pattern-text-input-base-tokens-border-radius);background-color:var(--component-text-input-default-background);color:var(--component-text-input-default-text-color);border-color:var(--component-text-input-default-border-color);font-family:var(--pattern-text-input-base-tokens-font-family);font-size:var(--pattern-text-input-base-tokens-font-size);font-weight:var(--pattern-text-input-base-tokens-font-weight);line-height:var(--pattern-text-input-base-tokens-line-height);letter-spacing:var(--pattern-text-input-base-tokens-letter-spacing);text-transform:var(--pattern-text-input-base-tokens-text-transform);transition:background-color var(--semantic-transition-color),border-color var(--semantic-transition-color),color var(--semantic-transition-color);outline:var(--pattern-text-input-properties-outline);box-sizing:border-box}.ds-input[type=number]::-webkit-inner-spin-button,.ds-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-input[type=number]{-moz-appearance:textfield}.ds-input::-moz-placeholder{color:var(--component-text-input-default-placeholder-color)}.ds-input::placeholder{color:var(--component-text-input-default-placeholder-color)}.ds-input:hover:not(:focus):not(:disabled):not(.ds-input--disabled):not(.ds-input--error){border-color:var(--component-text-input-default-border-color-focus)}.ds-input:focus{background-color:var(--component-text-input-default-background-focus);color:var(--component-text-input-default-text-color-focus);border-color:var(--component-text-input-default-border-color-focus)}.ds-input:focus::-moz-placeholder{color:transparent}.ds-input:focus::placeholder{color:transparent}.ds-input:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-input--error{background-color:var(--component-text-input-default-background-error);color:var(--component-text-input-default-text-color-error);border-color:var(--component-text-input-default-border-color-error)}.ds-input--error::-moz-placeholder{color:var(--component-text-input-default-placeholder-color-error)}.ds-input--error::placeholder{color:var(--component-text-input-default-placeholder-color-error)}.ds-input:disabled,.ds-input--disabled{background-color:var(--component-text-input-default-background-disabled);color:var(--component-text-input-default-text-color-disabled);border-color:var(--component-text-input-default-border-color-disabled);cursor:not-allowed}.ds-input:disabled::-moz-placeholder,.ds-input--disabled::-moz-placeholder{color:var(--component-text-input-default-placeholder-color-disabled)}.ds-input:disabled::placeholder,.ds-input--disabled::placeholder{color:var(--component-text-input-default-placeholder-color-disabled)}.ds-input--md{min-height:var(--component-text-input-md-min-height);min-width:var(--component-text-input-md-min-width);max-width:var(--component-text-input-md-max-width)}.ds-input--sm{padding:var(--component-text-input-sm-padding-y) var(--component-text-input-sm-padding-x);min-height:var(--component-text-input-sm-min-height);min-width:var(--component-text-input-sm-min-width);max-width:var(--component-text-input-sm-max-width);border-radius:var(--component-text-input-sm-border-radius);font-family:var(--component-text-input-sm-font-family);font-size:var(--component-text-input-sm-font-size);font-weight:var(--component-text-input-sm-font-weight);line-height:var(--component-text-input-sm-line-height);letter-spacing:var(--component-text-input-sm-letter-spacing);text-transform:var(--component-text-input-sm-text-transform)}.ds-input--textarea{resize:var(--component-text-input-multi-line-resize);min-height:auto;padding-top:calc(var(--pattern-text-input-base-tokens-padding-y) + 4px);overscroll-behavior:contain}.ds-input-wrapper{display:flex;align-items:var(--pattern-text-input-properties-align-items);gap:var(--pattern-text-input-base-tokens-gap);position:relative;width:var(--pattern-text-input-properties-width);max-width:var(--pattern-text-input-properties-max-width);padding:var(--pattern-text-input-base-tokens-padding-y) var(--pattern-text-input-base-tokens-padding-x);min-height:var(--pattern-text-input-base-tokens-min-height);border-width:var(--pattern-text-input-base-tokens-border-width);border-style:var(--pattern-text-input-properties-border-style);border-radius:var(--pattern-text-input-base-tokens-border-radius);background-color:var(--component-text-input-default-background);border-color:var(--component-text-input-default-border-color);color:var(--component-text-input-default-text-color);transition:background-color var(--semantic-transition-color),border-color var(--semantic-transition-color),color var(--semantic-transition-color);box-sizing:border-box}.ds-input-wrapper:has(.ds-input:-moz-placeholder){color:var(--component-text-input-default-placeholder-color)}.ds-input-wrapper:has(.ds-input:placeholder-shown){color:var(--component-text-input-default-placeholder-color)}.ds-input-wrapper:hover:not(:focus-within):not(.ds-input-wrapper--disabled):not(.ds-input-wrapper--error){border-color:var(--component-text-input-default-border-color-focus)}.ds-input-wrapper:focus-within{background-color:var(--component-text-input-default-background-focus);border-color:var(--component-text-input-default-border-color-focus);color:var(--component-text-input-default-text-color-focus);outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-input-wrapper:focus-within:has(.ds-input:-moz-placeholder){color:var(--component-text-input-default-placeholder-color-focus)}.ds-input-wrapper:focus-within:has(.ds-input:placeholder-shown){color:var(--component-text-input-default-placeholder-color-focus)}.ds-input-wrapper--error{background-color:var(--component-text-input-default-background-error);border-color:var(--component-text-input-default-border-color-error);color:var(--component-text-input-default-text-color-error)}.ds-input-wrapper--error:has(.ds-input:-moz-placeholder){color:var(--component-text-input-default-placeholder-color-error)}.ds-input-wrapper--error:has(.ds-input:placeholder-shown){color:var(--component-text-input-default-placeholder-color-error)}.ds-input-wrapper--disabled{background-color:var(--component-text-input-default-background-disabled);border-color:var(--component-text-input-default-border-color-disabled);color:var(--component-text-input-default-text-color-disabled);cursor:not-allowed}.ds-input-wrapper--disabled:has(.ds-input:-moz-placeholder){color:var(--component-text-input-default-placeholder-color-disabled)}.ds-input-wrapper--disabled:has(.ds-input:placeholder-shown){color:var(--component-text-input-default-placeholder-color-disabled)}.ds-input-wrapper--sm{padding:var(--component-text-input-sm-padding-y) var(--component-text-input-sm-padding-x);min-height:var(--component-text-input-sm-min-height);max-width:var(--component-text-input-sm-max-width);border-radius:var(--component-text-input-sm-border-radius)}.ds-input-wrapper--md{min-height:var(--component-text-input-md-min-height);max-width:var(--component-text-input-md-max-width)}.ds-input-wrapper .ds-input{border:none;border-radius:0;background:transparent;padding:0;min-height:auto;outline:none;flex:1;min-width:0}.ds-input-wrapper .ds-input:focus{background:transparent;border-color:transparent}.ds-input-wrapper .ds-input:focus-visible{outline:none}.ds-input__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--pattern-text-input-base-tokens-icon-size);height:var(--pattern-text-input-base-tokens-icon-size);color:currentColor}.ds-input__icon svg{width:100%;height:100%;stroke-width:var(--pattern-text-input-base-tokens-icon-stroke)}.ds-input__icon--clickable{cursor:pointer;transition:color var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-input__icon--clickable:hover{color:var(--semantic-color-text-neutral-bold)}.ds-input__icon--clickable:focus-visible{outline:var(--primitive-border-width-medium) solid var(--semantic-focus-ringcolor);outline-offset:var(--primitive-border-width-medium);border-radius:var(--primitive-radius-xs)}.ds-input-wrapper--editable .ds-input__icon{opacity:0;transition:opacity var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-input-wrapper--editable:hover:not(:focus-within) .ds-input__icon{opacity:1}.ds-input-wrapper--disabled .ds-input__icon{color:var(--semantic-color-text-disabled);cursor:not-allowed}.ds-input-wrapper--disabled .ds-input__icon--clickable{pointer-events:none}.ds-input-wrapper--icon-left{justify-content:var(--pattern-text-input-layout-mode-definitions-icon-left-justify-content);padding-left:var(--semantic-spacing-inset-sm)}.ds-input-wrapper--icon-right{justify-content:var(--pattern-text-input-layout-mode-definitions-icon-right-justify-content);padding-right:var(--semantic-spacing-inset-sm)}.ds-input-container{display:inline-flex;width:100%;max-width:var(--ds-input-max-width, 442px)}.ds-input-container--with-label{flex-direction:column;gap:var(--semantic-spacing-stack-sm)}.ds-input-container--label-left{flex-direction:row;align-items:center;gap:var(--semantic-spacing-inline-md)}.ds-input-container--label-left .ds-input__label{padding-left:0;width:120px;flex-shrink:0}.ds-input__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold);padding-left:var(--semantic-spacing-inset-xs)}.ds-accordion-menu{padding:var(--semantic-spacing-inset-sm);background-color:color-mix(in srgb,var(--semantic-color-contrast-light) 70%,transparent);border-radius:var(--primitive-radius-2xl);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-accordion-menu__trigger{display:var(--pattern-button-properties-display);align-items:var(--pattern-button-properties-align-items);justify-content:space-between;gap:var(--pattern-button-base-tokens-gap);width:100%;padding:var(--component-button-sm-padding-y) var(--semantic-spacing-inset-md);min-height:var(--component-button-sm-min-height);border:var(--pattern-button-base-tokens-border-width) solid transparent;border-radius:var(--component-button-sm-border-radius);background-color:transparent;color:var(--component-button-ghost-text-color);font-family:var(--semantic-typography-label-sm-font-family);font-size:var(--semantic-typography-label-sm-font-size);font-weight:var(--semantic-typography-label-sm-font-weight);line-height:var(--semantic-typography-label-sm-line-height);letter-spacing:var(--semantic-typography-label-sm-letter-spacing);text-transform:none;cursor:var(--pattern-button-properties-cursor);-webkit-user-select:var(--pattern-button-properties-user-select);-moz-user-select:var(--pattern-button-properties-user-select);user-select:var(--pattern-button-properties-user-select);transition:background-color var(--semantic-transition-color),color var(--semantic-transition-color);outline:none;box-sizing:border-box}.ds-accordion-menu__trigger:hover,.ds-accordion-menu__trigger:active{background-color:transparent;color:var(--component-button-ghost-text-color-hover)}.ds-accordion-menu__trigger:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-accordion-menu__trigger-label{flex:1;text-align:left}.ds-accordion-menu__trigger-icon{display:flex;align-items:center;justify-content:center;width:var(--component-button-sm-icon-size);height:var(--component-button-sm-icon-size);transition:transform var(--semantic-transition-fast)}.ds-accordion-menu__trigger-icon svg{width:100%;height:100%;stroke-width:var(--component-button-sm-icon-stroke)}.ds-accordion-menu--open .ds-accordion-menu__trigger-icon{transform:rotate(180deg)}.ds-accordion-menu__content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--semantic-transition-base),opacity var(--semantic-transition-fast)}.ds-accordion-menu--open .ds-accordion-menu__content{grid-template-rows:1fr;opacity:1}.ds-accordion-menu__stack{overflow:hidden;display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm);padding-top:var(--semantic-spacing-stack-sm)}.ds-accordion-menu:not(.ds-accordion-menu--open) .ds-accordion-menu__stack{padding-top:var(--primitive-spacing-zero)}.ds-accordion-menu__stack .ds-button--ghost{justify-content:flex-start}.ds-tooltip{position:relative;display:inline-flex}.ds-tooltip__content{position:absolute;z-index:var(--primitive-z-index-layer-70);padding:var(--semantic-spacing-inset-xs) var(--semantic-spacing-inset-sm);border-radius:var(--primitive-radius-md);background-color:var(--semantic-color-text-neutral-bold);color:var(--semantic-color-text-neutral-contrast);box-shadow:var(--primitive-shadow-elevation-3);border:var(--primitive-border-width-thin) solid var(--semantic-color-text-neutral-bold);font-family:var(--semantic-typography-label-xs-font-family);font-size:var(--semantic-typography-label-xs-font-size);font-weight:var(--primitive-typography-weight-medium);line-height:var(--semantic-typography-label-xs-line-height);letter-spacing:var(--semantic-typography-label-xs-letter-spacing);text-transform:var(--semantic-typography-label-xs-text-transform);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--semantic-transition-fast),visibility var(--semantic-transition-fast)}.ds-tooltip__content--visible{opacity:1;visibility:visible}.ds-tooltip__content--top{transform:translate(-50%,-100%) translateY(calc(var(--primitive-spacing-sm) * -1))}.ds-tooltip__content--top .ds-tooltip__arrow{bottom:calc(var(--primitive-spacing-xs) * -1 - 1px);left:50%;transform:translate(-50%) rotate(45deg);border-right:var(--primitive-border-width-thin) solid var(--semantic-color-text-neutral-bold);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-text-neutral-bold)}.ds-tooltip__content--bottom{transform:translate(-50%) translateY(var(--primitive-spacing-sm))}.ds-tooltip__content--bottom .ds-tooltip__arrow{top:calc(var(--primitive-spacing-xs) * -1 - 1px);left:50%;transform:translate(-50%) rotate(45deg);border-left:var(--primitive-border-width-thin) solid var(--semantic-color-text-neutral-bold);border-top:var(--primitive-border-width-thin) solid var(--semantic-color-text-neutral-bold)}.ds-tooltip__content--left{transform:translate(-100%,-50%) translate(calc(var(--primitive-spacing-sm) * -1))}.ds-tooltip__content--left .ds-tooltip__arrow{right:calc(var(--primitive-spacing-xs) * -1 - 1px);top:50%;transform:translateY(-50%) rotate(45deg);border-right:var(--primitive-border-width-thin) solid var(--semantic-color-text-neutral-bold);border-top:var(--primitive-border-width-thin) solid var(--semantic-color-text-neutral-bold)}.ds-tooltip__content--right{transform:translateY(-50%) translate(var(--primitive-spacing-sm))}.ds-tooltip__content--right .ds-tooltip__arrow{left:calc(var(--primitive-spacing-xs) * -1 - 1px);top:50%;transform:translateY(-50%) rotate(45deg);border-left:var(--primitive-border-width-thin) solid var(--semantic-color-text-neutral-bold);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-text-neutral-bold)}.ds-tooltip__arrow{position:absolute;width:var(--primitive-spacing-sm);height:var(--primitive-spacing-sm);background-color:var(--semantic-color-text-neutral-bold)}.ds-tab-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--semantic-spacing-inline-md);width:-moz-fit-content;width:fit-content;padding:var(--component-tab-bar-md-padding, var(--semantic-spacing-inset-sm));background-color:var(--component-tab-bar-base-background-color, var(--semantic-color-contrast-light));border-radius:var(--component-tab-bar-base-border-radius, var(--primitive-radius-2xl));border:none;transition:background-color var(--semantic-transition-color)}.ds-tab-bar__tabs{position:relative;display:flex;gap:var(--component-tab-bar-md-gap, var(--semantic-spacing-inline-sm))}.ds-tab-bar__tab-wrapper{position:relative;z-index:1}.ds-tab-bar__slider{position:absolute;top:0;left:0;height:100%;border-radius:var(--component-tab-bar-slider-border-radius, var(--primitive-radius-xl));background-color:var(--component-tab-bar-slider-background-color, var(--semantic-color-surface-neutral-bold));transition:transform var(--semantic-transition-base),width var(--semantic-transition-base);z-index:0}.ds-tab-bar__tab.ds-button--ghost{background-color:transparent;border-color:transparent}.ds-tab-bar__tab.ds-button--ghost:hover{background-color:var(--semantic-color-surface-neutral-subtle);border-color:transparent}.ds-tab-bar__tab.ds-button--ghost:active{background-color:transparent;border-color:transparent;color:var(--semantic-color-contrast-dark)}.ds-tab-bar__tab.ds-button--ghost.ds-button--active:not(:disabled){background-color:transparent;border-color:transparent}@container (max-width: 768px){.ds-tab-bar__tabs .ds-button{min-width:auto}}.ds-tab-bar__controls{display:flex;gap:var(--semantic-spacing-inline-sm)}.ds-tab-bar.ds-tab-bar--sm{padding:var(--component-tab-bar-sm-padding, var(--semantic-spacing-inset-xs));background-color:var(--semantic-color-surface-neutral-subtle)}.ds-tab-bar.ds-tab-bar--sm[data-no-controls]{padding:0}.ds-tab-bar--sm .ds-tab-bar__slider{border:var(--primitive-border-width-heavy) solid var(--semantic-color-border-neutral-subtle)}.ds-tab-bar--sm .ds-tab-bar__tabs{gap:var(--component-tab-bar-sm-gap, var(--semantic-spacing-inline-xs))}.ds-tab-bar--sm .ds-tab-bar__tab.ds-button{font-size:var(--semantic-typography-label-xs-font-size);font-weight:500}.ds-tab-bar--flex{flex:1;width:auto;container-type:inline-size}.ds-tab-bar[data-no-tabs]{justify-content:flex-end;margin-left:auto}.ds-select{display:inline-flex;width:100%;max-width:var(--ds-select-max-width, 442px)}.ds-select__wrapper{position:relative;flex:1;min-width:0}.ds-select--with-label{flex-direction:column;gap:var(--semantic-spacing-stack-sm)}.ds-select--label-left{flex-direction:row;align-items:center;gap:var(--semantic-spacing-inline-md)}.ds-select--label-left .ds-select__label{padding-left:0;width:120px;flex-shrink:0}.ds-select__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold);padding-left:var(--semantic-spacing-inset-xs)}.ds-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--semantic-spacing-inline-sm);width:100%;padding:var(--pattern-text-input-base-tokens-padding-y) var(--semantic-spacing-inset-md);min-height:var(--pattern-text-input-base-tokens-min-height);border-width:var(--pattern-text-input-base-tokens-border-width);border-style:solid;border-radius:var(--pattern-text-input-base-tokens-border-radius);background-color:var(--component-text-input-default-background);border-color:var(--component-text-input-default-border-color);font-family:var(--semantic-typography-label-sm-font-family);font-size:var(--semantic-typography-label-sm-font-size);font-weight:var(--semantic-typography-label-sm-font-weight);line-height:var(--semantic-typography-label-sm-line-height);letter-spacing:var(--semantic-typography-label-sm-letter-spacing);text-transform:var(--semantic-typography-label-sm-text-transform);color:var(--semantic-color-text-neutral-bold);overflow:hidden;min-width:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--semantic-transition-color),border-color var(--semantic-transition-color),color var(--semantic-transition-color);outline:none;box-sizing:border-box}.ds-select__trigger:hover:not(:disabled){border-color:var(--component-text-input-default-border-color-focus)}.ds-select__trigger--open{background-color:var(--component-text-input-default-background-focus);border-color:var(--component-text-input-default-border-color-focus)}.ds-select__trigger:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-select__trigger--error{background-color:var(--component-text-input-default-background-error);border-color:var(--component-text-input-default-border-color-error)}.ds-select__trigger--disabled,.ds-select__trigger:disabled{background-color:var(--component-text-input-default-background-disabled);border-color:var(--component-text-input-default-border-color-disabled);color:var(--component-text-input-default-text-color-disabled);cursor:not-allowed}.ds-select__trigger--sm{padding:var(--component-text-input-sm-padding-y) var(--component-text-input-sm-padding-x);min-height:var(--component-text-input-sm-min-height);border-radius:var(--component-text-input-sm-border-radius);font-family:var(--component-text-input-sm-font-family);font-size:var(--component-text-input-sm-font-size);font-weight:var(--component-text-input-sm-font-weight);line-height:var(--component-text-input-sm-line-height);letter-spacing:var(--component-text-input-sm-letter-spacing);text-transform:var(--component-text-input-sm-text-transform)}.ds-select__trigger--menu{background-color:color-mix(in srgb,var(--component-button-secondary-background) calc(var(--component-button-secondary-background-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color);border-color:var(--component-button-secondary-border-color);transition:none}.ds-select__trigger--menu:hover:not(:disabled){border-color:var(--component-text-input-default-border-color-focus)}.ds-select__trigger--menu.ds-select__trigger--open{background-color:var(--component-text-input-default-background-focus);border-color:var(--component-text-input-default-border-color-focus);color:var(--semantic-color-text-neutral-bold)}.ds-select__trigger--menu.ds-select__trigger--disabled,.ds-select__trigger--menu:disabled{background-color:color-mix(in srgb,var(--component-button-secondary-background-disabled) calc(var(--component-button-secondary-background-disabled-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-disabled);border-color:var(--component-button-secondary-border-color-disabled)}.ds-select__trigger--menu .ds-select__value--placeholder{color:inherit}.ds-select--sm .ds-select__option{font-family:var(--semantic-typography-label-xs-font-family);font-size:var(--semantic-typography-label-xs-font-size);font-weight:var(--semantic-typography-label-xs-font-weight);line-height:var(--semantic-typography-label-xs-line-height);letter-spacing:var(--semantic-typography-label-xs-letter-spacing);text-transform:var(--semantic-typography-label-xs-text-transform)}.ds-select--menu .ds-select__check{display:none}.ds-select--menu .ds-select__popover{margin-top:var(--semantic-spacing-stack-lg)}.ds-select--menu .ds-select__popover--top{margin-top:0;margin-bottom:var(--semantic-spacing-stack-lg)}.ds-select__trigger--has-badge{padding-left:var(--semantic-spacing-inset-xs)}.ds-select--button{width:auto;display:inline-flex}.ds-select--button .ds-select__wrapper{flex:none}.ds-select__trigger--button{width:auto;padding:var(--pattern-button-base-tokens-padding-y) var(--pattern-button-base-tokens-padding-x);min-height:var(--pattern-button-base-tokens-min-height);border-radius:var(--pattern-button-base-tokens-border-radius);border-width:var(--pattern-button-base-tokens-border-width);gap:var(--pattern-button-base-tokens-gap);justify-content:center;font-family:var(--pattern-button-base-tokens-font-family);font-size:var(--pattern-button-base-tokens-font-size);font-weight:var(--pattern-button-base-tokens-font-weight);line-height:var(--pattern-button-base-tokens-line-height);letter-spacing:var(--pattern-button-base-tokens-letter-spacing);transition:background-color var(--semantic-transition-color),border-color var(--semantic-transition-color),color var(--semantic-transition-color),box-shadow var(--semantic-transition-fast)}.ds-select__trigger--button.ds-select__trigger--md{min-height:var(--component-button-md-min-height)}.ds-select__trigger--button.ds-select__trigger--sm{padding:var(--component-button-sm-padding-y) var(--component-button-sm-padding-x);min-height:var(--component-button-sm-min-height);border-radius:var(--component-button-sm-border-radius);gap:var(--component-button-sm-gap);font-family:var(--component-button-sm-font-family);font-size:var(--component-button-sm-font-size);font-weight:var(--component-button-sm-font-weight);line-height:var(--component-button-sm-line-height);letter-spacing:var(--component-button-sm-letter-spacing)}.ds-select__trigger--button-icon-only{aspect-ratio:1;padding:var(--pattern-button-base-tokens-padding-y);min-width:auto;max-width:none}.ds-select__trigger--button-icon-only.ds-select__trigger--sm{padding:var(--component-button-sm-padding-y)}.ds-select__button-icon{display:flex;align-items:center;justify-content:center;width:var(--pattern-button-base-tokens-icon-size);height:var(--pattern-button-base-tokens-icon-size)}.ds-select__button-icon svg{width:100%;height:100%;stroke-width:var(--pattern-button-base-tokens-icon-stroke)}.ds-select__trigger--sm .ds-select__button-icon{width:var(--component-button-sm-icon-size);height:var(--component-button-sm-icon-size)}.ds-select__trigger--sm .ds-select__button-icon svg{stroke-width:var(--component-button-sm-icon-stroke)}.ds-select__trigger--button .ds-select__value--placeholder{color:inherit}.ds-select__trigger--button-primary{background-color:color-mix(in srgb,var(--component-button-primary-background) calc(var(--component-button-primary-background-opacity) * 100%),transparent);color:var(--component-button-primary-text-color);border-color:var(--component-button-primary-border-color)}.ds-select__trigger--button-primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-primary-background-hover) calc(var(--component-button-primary-background-hover-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-hover);border-color:var(--component-button-primary-border-color-hover)}.ds-select__trigger--button-primary.ds-select__trigger--open{background-color:color-mix(in srgb,var(--component-button-primary-background-active) calc(var(--component-button-primary-background-active-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-active);border-color:var(--component-button-primary-border-color-active)}.ds-select__trigger--button-primary.ds-select__trigger--disabled,.ds-select__trigger--button-primary:disabled{background-color:color-mix(in srgb,var(--component-button-primary-background-disabled) calc(var(--component-button-primary-background-disabled-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-disabled);border-color:var(--component-button-primary-border-color-disabled);cursor:not-allowed}.ds-select__trigger--button-secondary{background-color:color-mix(in srgb,var(--component-button-secondary-background) calc(var(--component-button-secondary-background-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color);border-color:var(--component-button-secondary-border-color)}.ds-select__trigger--button-secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-secondary-background-hover) calc(var(--component-button-secondary-background-hover-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-hover);border-color:var(--component-button-secondary-border-color-hover)}.ds-select__trigger--button-secondary.ds-select__trigger--open{background-color:color-mix(in srgb,var(--component-button-secondary-background-active) calc(var(--component-button-secondary-background-active-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-active);border-color:var(--component-button-secondary-border-color-active)}.ds-select__trigger--button-secondary.ds-select__trigger--disabled,.ds-select__trigger--button-secondary:disabled{background-color:color-mix(in srgb,var(--component-button-secondary-background-disabled) calc(var(--component-button-secondary-background-disabled-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-disabled);border-color:var(--component-button-secondary-border-color-disabled);cursor:not-allowed}.ds-select__trigger--button-ghost{background-color:color-mix(in srgb,var(--component-button-ghost-background) calc(var(--component-button-ghost-background-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color);border-color:var(--component-button-ghost-border-color)}.ds-select__trigger--button-ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-ghost-background-hover) calc(var(--component-button-ghost-background-hover-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-hover);border-color:var(--component-button-ghost-border-color-hover)}.ds-select__trigger--button-ghost.ds-select__trigger--open{background-color:color-mix(in srgb,var(--component-button-ghost-background-active) calc(var(--component-button-ghost-background-active-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-active);border-color:var(--component-button-ghost-border-color-active)}.ds-select__trigger--button-ghost.ds-select__trigger--disabled,.ds-select__trigger--button-ghost:disabled{background-color:color-mix(in srgb,var(--component-button-ghost-background-disabled) calc(var(--component-button-ghost-background-disabled-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-disabled);border-color:var(--component-button-ghost-border-color-disabled);cursor:not-allowed}.ds-select__trigger--button-destructive{background-color:color-mix(in srgb,var(--component-button-destructive-background) calc(var(--component-button-destructive-background-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color);border-color:var(--component-button-destructive-border-color)}.ds-select__trigger--button-destructive:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-destructive-background-hover) calc(var(--component-button-destructive-background-hover-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-hover);border-color:var(--component-button-destructive-border-color-hover)}.ds-select__trigger--button-destructive.ds-select__trigger--open{background-color:color-mix(in srgb,var(--component-button-destructive-background-active) calc(var(--component-button-destructive-background-active-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-active);border-color:var(--component-button-destructive-border-color-active)}.ds-select__trigger--button-destructive.ds-select__trigger--disabled,.ds-select__trigger--button-destructive:disabled{background-color:color-mix(in srgb,var(--component-button-destructive-background-disabled) calc(var(--component-button-destructive-background-disabled-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-disabled);border-color:var(--component-button-destructive-border-color-disabled);cursor:not-allowed}.ds-select__value{flex:1;display:flex;align-items:center;gap:var(--semantic-spacing-inline-md);text-align:left;overflow:hidden;min-width:0}.ds-select__value-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ds-select__value--placeholder{color:var(--component-text-input-default-placeholder-color)}.ds-select__badge{display:flex;align-items:center;flex-shrink:0;min-width:var(--ds-select-badge-width, auto)}.ds-select__badge[style]>*{min-width:var(--ds-select-badge-width, auto);justify-content:center;text-align:center}.ds-select__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--component-button-sm-icon-size);height:var(--component-button-sm-icon-size);transition:transform var(--semantic-transition-fast)}.ds-select__icon svg{width:100%;height:100%;stroke-width:var(--component-button-sm-icon-stroke)}.ds-select__icon--open{transform:rotate(180deg)}.ds-select__popover{position:absolute;top:100%;left:calc(var(--semantic-spacing-inset-sm) * -1);width:calc(100% + var(--semantic-spacing-inset-sm) * 2);z-index:var(--primitive-z-index-layer-10);margin-top:var(--semantic-spacing-stack-sm);padding:var(--semantic-spacing-inset-sm);background-color:var(--semantic-color-contrast-light);border:var(--primitive-border-width-thin) solid var(--primitive-color-neutral-gray-white);border-radius:var(--primitive-radius-2xl);box-shadow:var(--primitive-shadow-elevation-4);display:flex;flex-direction:column;animation:ds-select-popover-open var(--primitive-duration-fast) var(--primitive-easing-decelerate);transform-origin:top center}.ds-select__popover--top{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--semantic-spacing-stack-lg);transform-origin:bottom center;animation:ds-select-popover-open-top var(--primitive-duration-fast) var(--primitive-easing-decelerate)}.ds-select__popover--top.ds-select__popover--closing{animation:ds-select-popover-close-top .15s var(--primitive-easing-accelerate) forwards}.ds-select__popover--align-right{left:auto;right:calc(var(--semantic-spacing-inset-sm) * -1)}.ds-select__popover--closing{animation:ds-select-popover-close .15s var(--primitive-easing-accelerate) forwards}.ds-select__list{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-xs);height:var(--ds-select-popover-max-height, auto);max-height:var(--ds-select-popover-max-height, none);overflow-y:auto;scrollbar-width:none}.ds-select__list::-webkit-scrollbar{display:none}.ds-select__list[data-fade=bottom]{-webkit-mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 32px),transparent 100%)}.ds-select__list[data-fade=top]{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 32px,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 32px,black 100%)}.ds-select__list[data-fade=both]{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 32px,black calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 32px,black calc(100% - 32px),transparent 100%)}@keyframes ds-select-popover-open{0%{opacity:0;transform:translateY(calc(var(--primitive-spacing-xs) * -1)) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes ds-select-popover-close{0%{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(calc(var(--primitive-spacing-xs) * -1)) scaleY(.95)}}@keyframes ds-select-popover-open-top{0%{opacity:0;transform:translateY(var(--primitive-spacing-xs)) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes ds-select-popover-close-top{0%{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(var(--primitive-spacing-xs)) scaleY(.95)}}.ds-select__option{display:flex;align-items:center;justify-content:flex-start;gap:var(--semantic-spacing-inline-md);width:100%;text-align:left;padding:var(--component-button-sm-padding-y) var(--component-button-sm-padding-x);min-height:var(--component-button-sm-min-height);border-radius:var(--component-button-sm-border-radius);font-family:var(--component-button-sm-font-family);font-size:var(--component-button-sm-font-size);font-weight:var(--component-button-sm-font-weight);line-height:var(--component-button-sm-line-height);letter-spacing:var(--component-button-sm-letter-spacing);color:var(--component-button-ghost-text-color);background-color:transparent;border:none;cursor:pointer;transition:none}.ds-select__option:hover,.ds-select__option--highlighted{background-color:var(--semantic-color-surface-neutral-subtle)}.ds-select__option--selected,.ds-select__option--selected:hover,.ds-select__option--selected.ds-select__option--highlighted{background-color:color-mix(in srgb,var(--component-button-ghost-background-active) calc(var(--component-button-ghost-background-active-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-active)}.ds-select__option--selected .ds-badge{color:inherit;border-color:currentColor;background-color:transparent}.ds-select__option--has-badge{padding-left:6px;padding-right:var(--semantic-spacing-inset-md)}.ds-select__option--disabled{color:var(--component-text-input-default-text-color-disabled);cursor:not-allowed;pointer-events:none;opacity:.5}.ds-select__option-content{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md);flex:1;min-width:0}.ds-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ds-select__check{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--component-button-sm-icon-size);height:var(--component-button-sm-icon-size);color:inherit}.ds-select__check svg{width:100%;height:100%;stroke-width:var(--component-button-sm-icon-stroke)}.ds-select__option:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-select__search{padding-bottom:var(--semantic-spacing-stack-sm);border-bottom:var(--primitive-border-width-regular) solid var(--semantic-color-border-neutral-subtle)}.ds-select__header{display:flex;align-items:center;justify-content:space-between;gap:var(--semantic-spacing-inline-sm);min-height:var(--component-text-input-sm-min-height);padding:var(--semantic-spacing-stack-sm) var(--semantic-spacing-inset-xs);margin-bottom:var(--semantic-spacing-stack-xs);border-bottom:var(--primitive-border-width-regular) solid var(--semantic-color-border-neutral-subtle)}.ds-select__empty{display:flex;align-items:center;justify-content:center;padding:var(--semantic-spacing-inset-lg) var(--semantic-spacing-inset-md);color:var(--semantic-color-text-neutral-default);font-family:var(--component-button-sm-font-family);font-size:var(--component-button-sm-font-size);font-style:italic}.ds-select__group{display:flex;flex-direction:column;margin-top:calc(var(--semantic-spacing-stack-xs) * -1)}.ds-select__group:first-child{margin-top:0}.ds-select__group+.ds-select__group{border-top:var(--primitive-border-width-regular) solid var(--semantic-color-border-neutral-subtle)}.ds-select__group-header{display:flex;align-items:center;gap:var(--semantic-spacing-inline-xs);padding:var(--component-button-sm-padding-y) var(--component-button-sm-padding-x);min-height:var(--component-button-sm-min-height);justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-select__group-header--collapsible{cursor:pointer;border-radius:var(--component-button-sm-border-radius);padding-left:calc(var(--component-button-sm-padding-x) - 7px);padding-right:calc(var(--component-button-sm-padding-x) - 7px)}.ds-select__group-header--collapsible:hover .ds-select__group-label,.ds-select__group-header--collapsible:hover .ds-select__group-chevron{color:var(--semantic-color-text-neutral-bold)}.ds-select__group-label{font-family:var(--semantic-typography-label-xs-font-family);font-size:var(--semantic-typography-label-xs-font-size);font-weight:var(--primitive-typography-weight-medium);line-height:var(--semantic-typography-label-xs-line-height);letter-spacing:var(--semantic-typography-label-xs-letter-spacing);text-transform:var(--semantic-typography-label-xs-text-transform);color:var(--semantic-color-text-neutral-default)}.ds-select__group-chevron{display:flex;align-items:center;justify-content:center;width:12px;height:12px;color:var(--semantic-color-text-neutral-default);transition:transform var(--semantic-transition-fast)}.ds-select__group-chevron svg{width:100%;height:100%;stroke-width:2.5}.ds-select__group-chevron--open{transform:rotate(90deg)}.ds-select__group-options{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-xs);padding-top:var(--semantic-spacing-stack-xs);padding-bottom:var(--semantic-spacing-stack-xs)}.ds-select__group:last-child .ds-select__group-options{padding-bottom:0}.ds-select__load-more{display:flex;justify-content:center}.ds-select__load-more-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--component-button-sm-min-height);padding:var(--component-button-sm-padding-y) var(--component-button-sm-padding-x);border:none;border-radius:var(--component-button-sm-border-radius);background-color:transparent;color:var(--semantic-color-text-neutral-bold);font-family:var(--semantic-typography-label-xs-font-family);font-size:var(--semantic-typography-label-xs-font-size);font-weight:var(--primitive-typography-weight-medium);line-height:var(--semantic-typography-label-xs-line-height);letter-spacing:var(--semantic-typography-label-xs-letter-spacing);text-transform:var(--semantic-typography-label-xs-text-transform);cursor:pointer;transition:background-color var(--semantic-transition-color)}.ds-select__load-more-btn:hover{background-color:var(--semantic-color-surface-neutral-subtle)}.ds-save-indicator{display:inline-flex;align-items:center;gap:var(--semantic-spacing-inline-sm);font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-font-weight);line-height:var(--semantic-typography-body-sm-line-height);transition:opacity var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-save-indicator__icon{flex-shrink:0;width:var(--primitive-icon-size-sm);height:var(--primitive-icon-size-sm)}.ds-save-indicator__icon--spin{animation:ds-save-indicator-spin var(--primitive-duration-slow) linear infinite}@keyframes ds-save-indicator-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-save-indicator__timestamp{color:var(--semantic-color-text-neutral-subtle)}.ds-save-indicator__retry{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:var(--primitive-typography-weight-medium);color:inherit;text-decoration:underline;text-underline-offset:var(--primitive-border-width-medium);transition:opacity var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-save-indicator__retry:hover{opacity:var(--primitive-opacity-alpha-80)}.ds-save-indicator__retry:focus-visible{outline:var(--primitive-border-width-medium) solid currentColor;outline-offset:var(--primitive-border-width-medium);border-radius:var(--primitive-radius-xs)}.ds-save-indicator--pending,.ds-save-indicator--pending .ds-save-indicator__icon{color:var(--semantic-color-text-warning-default)}.ds-save-indicator--saving,.ds-save-indicator--saving .ds-save-indicator__icon{color:var(--semantic-color-text-info-default)}.ds-save-indicator--saved,.ds-save-indicator--saved .ds-save-indicator__icon{color:var(--semantic-color-text-success-default)}.ds-save-indicator--error,.ds-save-indicator--error .ds-save-indicator__icon{color:var(--semantic-color-text-error-default)}.ds-save-indicator--offline,.ds-save-indicator--offline-retry,.ds-save-indicator--offline .ds-save-indicator__icon,.ds-save-indicator--offline-retry .ds-save-indicator__icon{color:var(--semantic-color-text-neutral-subtle)}.ds-profile-card{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);padding:var(--semantic-spacing-inset-md);background-color:var(--semantic-color-contrast-light);border-radius:var(--primitive-radius-2xl);flex-shrink:0;transition:background-color var(--semantic-transition-color)}.ds-profile-card__user+.ds-profile-card__plan{padding-top:var(--semantic-spacing-stack-md);border-top:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-subtle)}.ds-profile-card__user{display:flex;align-items:center;gap:var(--semantic-spacing-inline-sm)}.ds-profile-card__avatar{flex-shrink:0;width:32px;height:32px;border-radius:var(--primitive-radius-full);overflow:hidden}.ds-profile-card__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ds-profile-card__info{display:flex;flex-direction:column;min-width:0}.ds-profile-card__name{font-family:var(--semantic-typography-body-sm-bold-font-family);font-size:var(--semantic-typography-body-sm-bold-font-size);font-weight:var(--semantic-typography-body-sm-bold-font-weight);line-height:var(--semantic-typography-body-sm-bold-line-height);letter-spacing:var(--semantic-typography-body-sm-bold-letter-spacing);text-transform:var(--semantic-typography-body-sm-bold-text-transform);color:var(--semantic-color-text-neutral-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--semantic-transition-color)}.ds-profile-card__email{font-family:var(--semantic-typography-label-xs-font-family);font-size:var(--semantic-typography-label-xs-font-size);font-weight:var(--semantic-typography-label-xs-font-weight);line-height:var(--semantic-typography-label-xs-line-height);letter-spacing:var(--semantic-typography-label-xs-letter-spacing);text-transform:var(--semantic-typography-label-xs-text-transform);color:var(--semantic-color-text-neutral-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--semantic-transition-color)}.ds-profile-card__plan{display:flex;align-items:center;gap:var(--semantic-spacing-inline-sm)}.ds-profile-card__version{font-family:var(--semantic-typography-label-xs-font-family);font-size:var(--semantic-typography-label-xs-font-size);font-weight:var(--semantic-typography-label-xs-font-weight);line-height:var(--semantic-typography-label-xs-line-height);letter-spacing:var(--semantic-typography-label-xs-letter-spacing);text-transform:var(--semantic-typography-label-xs-text-transform);color:var(--semantic-color-text-neutral-default)}.ds-profile-card__link{all:unset;cursor:pointer;font-family:var(--semantic-typography-label-xs-font-family);font-size:var(--semantic-typography-label-xs-font-size);font-weight:var(--semantic-typography-label-xs-font-weight);line-height:var(--semantic-typography-label-xs-line-height);letter-spacing:var(--semantic-typography-label-xs-letter-spacing);text-transform:var(--semantic-typography-label-xs-text-transform);color:var(--semantic-color-text-primary-default);text-decoration:none}.ds-profile-card__link:hover{text-decoration:underline}.ds-profile-card__actions{display:flex;align-items:center;gap:var(--semantic-spacing-inline-sm);margin-left:auto}.ds-sidebar-outer{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-lg);flex:0 0 auto;box-sizing:border-box;height:100%;overflow:hidden;interpolate-size:allow-keywords;width:-moz-min-content;width:min-content;transition:width .2s ease}.ds-sidebar-outer--collapsed{width:calc(var(--semantic-spacing-inset-sm) * 2 + 32px);transition:width .2s ease .12s}.ds-sidebar-content{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-lg);flex:1;min-height:0;opacity:1;transition:opacity .15s ease .15s;overflow:hidden}.ds-sidebar-outer--collapsed .ds-sidebar-content{opacity:0;pointer-events:none;height:0;flex:0;overflow:hidden;transition:opacity .12s ease,height 0s linear .12s,flex 0s linear .12s}.ds-sidebar-header{display:flex;align-items:center;flex-shrink:0}.ds-sidebar-header__fadeable{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md);flex:1;min-width:0;padding-left:var(--semantic-spacing-inset-sm);opacity:1;transition:opacity .15s ease .15s}.ds-sidebar-outer--collapsed .ds-sidebar-header__fadeable{opacity:0;pointer-events:none;width:0;flex:0;overflow:hidden;padding:0;transition:opacity .12s ease}.ds-sidebar-header__logo{flex-shrink:0;display:flex;align-items:center}.ds-sidebar-header__toggle{flex-shrink:0;margin-left:auto;padding:var(--semantic-spacing-inset-sm);background-color:var(--semantic-color-contrast-light);border-radius:var(--primitive-radius-2xl);transition:background-color var(--semantic-transition-color)}[data-theme=dark] .ds-sidebar-header__logo img{filter:invert(1)}.ds-sidebar-file{padding:var(--semantic-spacing-inset-sm);background-color:var(--semantic-color-contrast-light);border-radius:var(--primitive-radius-2xl);flex-shrink:0;transition:background-color var(--semantic-transition-color)}.ds-sidebar-file__title{flex:1;min-width:0}.ds-sidebar-file__title .ds-input__icon{opacity:0;transition:opacity var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-sidebar-file__title:hover:not(:focus-within) .ds-input__icon{opacity:1}.ds-sidebar-wrapper{position:relative;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm);padding:var(--semantic-spacing-inset-sm);background-color:var(--semantic-color-contrast-light);border-radius:var(--primitive-radius-2xl);transition:background-color var(--semantic-transition-color)}.ds-sidebar-wrapper>.ds-sidebar__items-grid{flex:1;min-height:0}.ds-sidebar{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm);padding:0;background-color:transparent}.ds-sidebar__items-grid{display:grid;grid-template-rows:1fr}.ds-sidebar__items-grid>.ds-sidebar__items{grid-area:1 / 1;visibility:hidden;min-height:0;overflow-y:auto;scrollbar-width:none}.ds-sidebar__items-grid>.ds-sidebar__items::-webkit-scrollbar{display:none}.ds-sidebar__items-grid>.ds-sidebar__items[data-active]{visibility:visible}.ds-sidebar__items-grid>.ds-sidebar__items[data-fade=bottom]{-webkit-mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black calc(100% - 32px),transparent 100%)}.ds-sidebar__items-grid>.ds-sidebar__items[data-fade=top]{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 32px,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 32px,black 100%)}.ds-sidebar__items-grid>.ds-sidebar__items[data-fade=both]{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 32px,black calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 32px,black calc(100% - 32px),transparent 100%)}.ds-sidebar__items{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-xs);padding:0}.ds-sidebar .ds-button{transition:none!important;min-width:0}.ds-sidebar__items .ds-button--ghost{justify-content:flex-start;width:100%}.ds-sidebar-wrapper .ds-tab-bar__tab.ds-button--active:not(:disabled){color:var(--ds-sidebar-tab-active-color)}@keyframes ds-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ds-modal-content-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ds-modal-content-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.ds-modal{border:none;padding:0;margin:0;background:transparent;max-width:none;max-height:none;overflow:visible;color:inherit;position:fixed;inset:0;width:100%;height:100%;z-index:var(--primitive-z-index-layer-50);display:flex;align-items:center;justify-content:center}.ds-modal::backdrop{display:none}.ds-modal__overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:-1}.ds-modal__overlay[data-state=open]{animation:ds-modal-overlay-in var(--primitive-duration-base) var(--primitive-easing-decelerate) forwards}.ds-modal__overlay[data-state=closed]{animation:ds-modal-overlay-out var(--primitive-duration-fast) var(--primitive-easing-accelerate) forwards}.ds-modal__content{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 48px);background-color:var(--semantic-color-contrast-light);border-radius:var(--primitive-radius-2xl);box-shadow:var(--primitive-shadow-elevation-5);padding:var(--semantic-spacing-inset-md);gap:var(--semantic-spacing-stack-md);box-sizing:border-box}.ds-modal__content--sm{max-width:400px}.ds-modal__content--md{max-width:500px}.ds-modal__content--lg{max-width:640px}.ds-modal__content[data-state=open]{animation:ds-modal-content-in var(--primitive-duration-base) var(--primitive-easing-decelerate) forwards}.ds-modal__content[data-state=closed]{animation:ds-modal-content-out var(--primitive-duration-fast) var(--primitive-easing-accelerate) forwards}.ds-modal__header{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md)}.ds-modal__title{margin:0;flex:1;min-width:0;font-family:var(--semantic-typography-heading-h5-font-family);font-size:var(--semantic-typography-heading-h5-font-size);font-weight:var(--semantic-typography-heading-h5-font-weight);line-height:var(--semantic-typography-heading-h5-line-height);letter-spacing:var(--semantic-typography-heading-h5-letter-spacing);color:var(--semantic-color-text-neutral-bold)}.ds-modal__body{flex:1;overflow-y:auto;font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-font-weight);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-bold)}.ds-modal__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--semantic-spacing-inline-md);padding-top:var(--semantic-spacing-stack-md)}.ds-modal__footer .ds-button{min-width:120px}.ds-modal__close{flex-shrink:0}@media(prefers-reduced-motion:reduce){.ds-modal__overlay[data-state=open],.ds-modal__overlay[data-state=closed],.ds-modal__content[data-state=open],.ds-modal__content[data-state=closed]{animation-duration:0ms}}.ds-divider{border:none;margin-top:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);padding:0;background:transparent}.ds-divider--subtle{border-top:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-divider--strong{border-top:var(--primitive-border-width-medium) solid var(--semantic-color-border-neutral-bold)}.ds-app-header{display:flex;align-items:center;width:100%;box-sizing:border-box;overflow:visible}.ds-app-header__logo{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;width:144px;margin-left:10px;color:var(--semantic-color-contrast-dark)}[data-theme=dark] .ds-app-header__logo img{filter:invert(1)}.ds-app-header__logo img{max-width:100%;height:auto}.ds-app-header__toolbar{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-left:auto;gap:var(--semantic-spacing-inline-md);padding:var(--component-tab-bar-md-padding, var(--semantic-spacing-inset-sm));background-color:var(--component-tab-bar-base-background-color, var(--semantic-color-contrast-light));border-radius:var(--component-tab-bar-base-border-radius, var(--primitive-radius-2xl));border:none;transition:background-color var(--semantic-transition-color)}.ds-app-header__content{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md);flex:1}.ds-app-header__title{width:240px}.ds-app-header__title .ds-input__icon{opacity:var(--primitive-opacity-alpha-0);transition:opacity var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-app-header__title:hover:not(:focus-within) .ds-input__icon{opacity:var(--primitive-opacity-alpha-100)}.ds-app-header__actions{display:flex;align-items:center;gap:var(--semantic-spacing-inline-sm)}.ds-scroll-fade{position:relative;width:100%;height:100%}.ds-scroll-fade:before,.ds-scroll-fade:after{content:"";position:absolute;left:0;right:0;height:var(--scroll-fade-height, 32px);pointer-events:none;opacity:0;transition:opacity var(--primitive-duration-fast) var(--primitive-easing-standard);z-index:10}.ds-scroll-fade:before{top:0;background:linear-gradient(to bottom,var(--scroll-fade-color, var(--semantic-color-surface-neutral-subtle)) 0%,var(--scroll-fade-color, var(--semantic-color-surface-neutral-subtle)) 20%,transparent 100%)}.ds-scroll-fade:after{bottom:0;background:linear-gradient(to top,var(--scroll-fade-color, var(--semantic-color-surface-neutral-subtle)) 0%,var(--scroll-fade-color, var(--semantic-color-surface-neutral-subtle)) 20%,transparent 100%)}.ds-scroll-fade--fade-top:before{opacity:1}.ds-scroll-fade--fade-bottom:after{opacity:1}.ds-scroll-fade__content{width:100%;height:100%;overflow-y:auto}.ds-scroll-fade__content--hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.ds-scroll-fade__content--hide-scrollbar::-webkit-scrollbar{display:none}.ds-showcase-layout__toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:var(--semantic-spacing-inline-md);padding:0 var(--semantic-spacing-inset-lg);overflow:visible}.ds-showcase-layout__left-cluster{flex-shrink:0;transition:opacity .15s ease .25s,width .2s ease}.ds-showcase-layout__left-cluster--hidden{opacity:0;width:0;overflow:hidden;pointer-events:none;transition:opacity .12s ease,width .2s ease .1s}.ds-showcase-layout__tabs-measure-only{position:absolute;visibility:hidden;pointer-events:none}.ds-showcase-layout__tabs-wide{animation:ds-toolbar-fade-in .15s ease}.ds-showcase-layout__tabs-narrow{min-width:200px;padding:var(--component-tab-bar-md-padding, var(--semantic-spacing-inset-sm));background-color:var(--component-tab-bar-base-background-color, var(--semantic-color-contrast-light));border-radius:var(--component-tab-bar-base-border-radius, var(--primitive-radius-2xl));transition:background-color var(--semantic-transition-color);animation:ds-toolbar-fade-in .15s ease}@keyframes ds-toolbar-fade-in{0%{opacity:0}to{opacity:1}}.ds-showcase-layout__toolbar-row{--scroll-shadow-opacity: 0}.ds-showcase-layout__left-cluster .ds-showcase-layout__tabbar,.ds-showcase-layout__left-cluster .ds-showcase-layout__tabs-narrow,.ds-showcase-layout__toolbar-row>div:last-child .ds-showcase-layout__tabbar{box-shadow:0 -1px 16px rgba(0,0,0,calc(.08 * var(--scroll-shadow-opacity))),0 2px 4px rgba(0,0,0,calc(.04 * var(--scroll-shadow-opacity)));transition:box-shadow .25s ease}.ds-showcase-layout__tabbar{width:-moz-fit-content;width:fit-content;container-type:normal}.ds-showcase-layout{width:100%;height:100%;padding:72px var(--semantic-spacing-inset-lg) var(--semantic-spacing-inset-xl) var(--semantic-spacing-inset-lg);overflow-y:auto}.ds-showcase-layout__content-inner{padding:var(--semantic-spacing-inset-md);padding-top:74px}.ds-showcase-header{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm);padding-bottom:var(--semantic-spacing-stack-xl)}.ds-showcase-header__title{margin:0;font-family:var(--semantic-typography-heading-h2-font-family);font-size:var(--semantic-typography-heading-h2-font-size);font-weight:var(--semantic-typography-heading-h2-font-weight);line-height:var(--semantic-typography-heading-h2-line-height);letter-spacing:var(--semantic-typography-heading-h2-letter-spacing);text-transform:var(--semantic-typography-heading-h2-text-transform);color:var(--semantic-color-text-neutral-bold)}.ds-showcase-header__description{margin:0;max-width:560px;font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-font-weight);line-height:var(--semantic-typography-body-sm-line-height);letter-spacing:var(--semantic-typography-body-sm-letter-spacing);text-transform:var(--semantic-typography-body-sm-text-transform);color:var(--semantic-color-text-neutral-default)}.ds-token-card-color{display:flex;flex-direction:column;gap:var(--primitive-spacing-sm)}.ds-token-card-color__swatch{width:100%;aspect-ratio:1;border-radius:var(--primitive-radius-md);display:flex;align-items:flex-end;justify-content:flex-start;padding:var(--primitive-spacing-sm);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-subtle)}.ds-token-card-color__hex{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-contrast-dark);opacity:.7}.ds-token-card-color__hex--light{color:var(--semantic-color-contrast-light)}.ds-token-card-color__label{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-bold);word-break:break-all;line-height:var(--primitive-typography-line-height-tight)}.ds-token-card-color__sublabel{font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-subtle)}.ds-token-card-palette.ds-card{height:auto;min-height:0;padding-left:0;padding-right:0;border-radius:0;container-type:inline-size;container-name:palette-card}.ds-token-card-palette .ds-card__header{position:relative;padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-palette .ds-card__body{gap:var(--semantic-spacing-stack-md)}.ds-token-card-palette__swatches{display:grid;grid-template-columns:repeat(5,1fr) 12% repeat(5,1fr);align-items:stretch;gap:var(--semantic-spacing-inline-xs)}.ds-token-card-palette__swatch-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--primitive-spacing-lg);flex:1;min-height:0}.ds-token-card-palette__swatch{width:100%;border:none;border-radius:var(--primitive-radius-xl);box-shadow:var(--primitive-shadow-elevation-1);display:flex;align-items:center;justify-content:center;flex:1;padding:0;cursor:inherit;outline:none;transition:outline var(--primitive-duration-fast) var(--primitive-easing-standard),transform var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-token-card-palette__swatch-card,.ds-token-card-palette__master-wrap{padding-top:var(--semantic-spacing-inset-sm);padding-bottom:var(--semantic-spacing-inset-sm);border-radius:var(--primitive-radius-xl);align-self:stretch}.ds-token-card-palette__swatch-card{min-width:0;display:flex;flex-direction:column}.ds-token-card-palette__master-wrap{display:flex;flex-direction:column}.ds-token-card-palette__master-wrap{width:100%;padding:var(--semantic-spacing-inset-sm) 0;cursor:pointer;scale:1;transition:scale .15s var(--primitive-easing-standard)}.ds-token-card-palette__swatch--master{height:200px;flex:none;cursor:pointer}.ds-token-card-palette__master-wrap,.ds-token-card-palette__master-wrap .ds-token-card-palette__swatch,.ds-token-card-palette__master-wrap .ds-token-card-palette__swatch-label,.ds-token-card-palette__master-wrap .ds-token-card-palette__swatch-hex{cursor:pointer}.ds-token-card-palette:not(.ds-token-card-palette--popover-open) .ds-token-card-palette__master-wrap:hover{scale:1.03}.ds-token-card-palette--popover-open .ds-token-card-palette__master-wrap{pointer-events:none}.ds-token-card-palette__swatch--master:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-token-card-palette__swatch-label{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--primitive-color-brand-primary-950);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-token-card-palette__swatch-label--light{color:var(--primitive-color-brand-primary-50)}.ds-token-card-palette__swatch-hex{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-subtle);line-height:var(--primitive-typography-line-height-tight);text-align:center;word-break:break-all}@container palette-card (max-width: 650px){.ds-token-card-palette__swatch-card .ds-token-card-palette__swatch-hex{opacity:0;white-space:nowrap;overflow:hidden}}.ds-token-card-palette__delete-btn{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;padding:var(--primitive-spacing-xs);border:none;border-radius:var(--primitive-radius-md);background:transparent;color:var(--semantic-color-text-neutral-subtle);cursor:pointer;transition:color var(--primitive-duration-fast) var(--primitive-easing-standard),background-color var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-token-card-palette__delete-btn:hover{color:var(--semantic-color-text-error-default);background-color:var(--semantic-color-surface-error-subtle)}.ds-token-card-palette[data-layer=primitive] .ds-card__header-badge{background-color:var(--ds-layer-primitive-bg);color:var(--ds-layer-primitive-text);border-color:var(--ds-layer-primitive-bg)}.ds-token-card-palette[data-layer=semantic] .ds-card__header-badge{background-color:var(--ds-layer-semantic-bg);color:var(--ds-layer-semantic-text);border-color:var(--ds-layer-semantic-bg)}.ds-token-card-palette__swatches-wrap{position:relative}.ds-token-card-palette__popover{position:absolute;top:calc(50% + 100px);left:50%;translate:-50% -50%;cursor:grab;z-index:20;background:var(--semantic-color-contrast-light);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-subtle);border-radius:var(--primitive-radius-2xl);box-shadow:var(--primitive-shadow-elevation-3);padding:var(--semantic-spacing-inset-sm);width:clamp(200px,12%,280px);animation:ds-palette-popover-in .15s var(--primitive-easing-decelerate) both}@keyframes ds-palette-popover-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}.ds-token-card-palette__popover--closing{animation:ds-palette-popover-out .15s var(--primitive-easing-accelerate) both}@keyframes ds-palette-popover-out{0%{opacity:1;scale:1}to{opacity:0;scale:.9}}.ds-token-card-palette__popover--dragging{cursor:grabbing;scale:1.03;box-shadow:var(--primitive-shadow-elevation-4);transition:scale var(--primitive-duration-fast) var(--primitive-easing-standard),box-shadow var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-token-card-palette__popover--top{top:calc(50% - 100px)}.ds-token-card-spacing{display:grid;grid-template-columns:140px 1fr 60px;align-items:center;gap:var(--primitive-spacing-xl);padding:var(--primitive-spacing-lg) 0}.ds-token-card-spacing__name{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-bold);word-break:break-all}.ds-token-card-spacing__track{height:24px;background:var(--semantic-color-surface-neutral-subtle);border-radius:var(--primitive-radius-xs);overflow:hidden;max-width:200px}.ds-token-card-spacing__bar{height:100%;background:var(--semantic-color-surface-primary-bold);border-radius:var(--primitive-radius-xs);min-width:2px;max-width:200px}.ds-token-card-spacing__value{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-default);text-align:right}.ds-token-card-spacing__desc{grid-column:1 / -1;font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-subtle);margin-top:calc(-1 * var(--primitive-spacing-sm))}.ds-token-card-radius{display:flex;flex-direction:column;align-items:center;gap:var(--primitive-spacing-lg)}.ds-token-card-radius__preview{width:80px;height:80px;background:var(--semantic-color-surface-neutral-bold)}.ds-token-card-radius__name{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-bold);text-align:center;word-break:break-all}.ds-token-card-radius__value{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-subtle)}.ds-thumb-slider{display:inline-flex;flex-direction:column;gap:var(--semantic-spacing-stack-xs);width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-thumb-slider--label-left{flex-direction:row;align-items:center;gap:var(--semantic-spacing-inline-sm)}.ds-thumb-slider--disabled{cursor:not-allowed}.ds-thumb-slider__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.ds-thumb-slider--disabled .ds-thumb-slider__input{cursor:not-allowed}.ds-thumb-slider__track{position:relative;display:flex;align-items:center;width:100%;border-radius:9999px;background-color:var(--semantic-color-surface-neutral-subtle);transition:background-color var(--semantic-transition-fast)}.ds-thumb-slider--xl .ds-thumb-slider__track{--slider-size: var(--component-text-input-md-min-height);height:var(--slider-size)}.ds-thumb-slider--md .ds-thumb-slider__track{height:20px}.ds-thumb-slider--sm .ds-thumb-slider__track{height:14px}.ds-thumb-slider--xs .ds-thumb-slider__track{height:10px;background-color:transparent}.ds-thumb-slider--xs .ds-thumb-slider__track:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:5px;border-radius:9999px;background-color:var(--semantic-color-surface-neutral-subtle)}.ds-thumb-slider__fill{position:absolute;left:0;top:0;bottom:0;border-radius:9999px;background-color:var(--semantic-color-interactive-primary-default);transition:width var(--semantic-transition-fast);pointer-events:none}.ds-thumb-slider--xl .ds-thumb-slider__fill{width:calc(var(--slider-size) + (var(--slider-pct) / 100) * (100% - var(--slider-size)))}.ds-thumb-slider--md .ds-thumb-slider__fill{width:calc(20px + (var(--slider-pct) / 100) * (100% - 20px))}.ds-thumb-slider--sm .ds-thumb-slider__fill{width:calc(14px + (var(--slider-pct) / 100) * (100% - 14px))}.ds-thumb-slider--xs .ds-thumb-slider__fill{top:50%;bottom:auto;height:5px;transform:translateY(-50%);width:calc(10px + (var(--slider-pct) / 100) * (100% - 10px))}.ds-thumb-slider__thumb{position:absolute;border-radius:50%;background-color:var(--semantic-color-contrast-light);box-shadow:0 1px 2px #00000026;transition:left var(--semantic-transition-fast);pointer-events:none;z-index:1}.ds-thumb-slider--xl .ds-thumb-slider__thumb{width:var(--slider-size);height:var(--slider-size);top:0;left:calc((var(--slider-pct) / 100) * (100% - var(--slider-size)))}.ds-thumb-slider--md .ds-thumb-slider__thumb{width:20px;height:20px;top:0;left:calc((var(--slider-pct) / 100) * (100% - 20px))}.ds-thumb-slider--sm .ds-thumb-slider__thumb{width:14px;height:14px;top:0;left:calc((var(--slider-pct) / 100) * (100% - 14px))}.ds-thumb-slider--xs .ds-thumb-slider__thumb{width:10px;height:10px;top:0;left:calc((var(--slider-pct) / 100) * (100% - 10px));border:1px solid var(--semantic-color-border-neutral-bold)}.ds-thumb-slider:hover .ds-thumb-slider__fill{background-color:var(--semantic-color-interactive-primary-hover)}.ds-thumb-slider:has(.ds-thumb-slider__input:focus-visible) .ds-thumb-slider__track{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-thumb-slider--disabled .ds-thumb-slider__fill,.ds-thumb-slider--disabled .ds-thumb-slider__track{background-color:var(--semantic-color-surface-disabled)}.ds-thumb-slider--xs.ds-thumb-slider--disabled .ds-thumb-slider__track{background-color:transparent}.ds-thumb-slider--xs.ds-thumb-slider--disabled .ds-thumb-slider__track:before{background-color:var(--semantic-color-surface-disabled)}.ds-thumb-slider--disabled .ds-thumb-slider__thumb{box-shadow:none}.ds-thumb-slider--disabled:hover .ds-thumb-slider__fill{background-color:var(--semantic-color-surface-disabled)}.ds-thumb-slider__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold);white-space:nowrap}.ds-thumb-slider--disabled .ds-thumb-slider__label{color:var(--semantic-color-text-disabled)}.ds-preview-window{position:relative;background-color:transparent;background-image:radial-gradient(color-mix(in srgb,var(--semantic-color-text-neutral-default) 50%,transparent) .75px,transparent .75px);background-size:16px 16px;background-position:0 0}.ds-preview-window__indicator{position:absolute;top:var(--semantic-spacing-inset-sm);right:var(--semantic-spacing-inset-sm);z-index:1}.ds-token-card-shadow.ds-card{height:auto;min-height:0;padding-left:0;padding-right:0;border-radius:0}.ds-token-card-shadow .ds-card__body{gap:0}.ds-token-card-shadow .ds-card__header{padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-shadow__preview-row{display:flex;flex-direction:row;align-items:stretch;gap:var(--semantic-spacing-inline-lg)}.ds-token-card-shadow__preview{flex:1;display:flex;align-items:center;justify-content:center;border-radius:0;padding:calc(var(--semantic-spacing-inset-lg) + 16px);overflow:visible}.ds-token-card-shadow__box{width:50%;height:64px;background:var(--semantic-color-contrast-light);border-radius:var(--primitive-radius-md)}.ds-token-card-shadow__sliders{display:flex;flex-direction:column;justify-content:center;gap:var(--semantic-spacing-stack-lg);flex-shrink:0;width:270px}.ds-token-card-shadow__slider-row{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md)}.ds-token-card-shadow__slider-label{width:72px;flex-shrink:0}.ds-token-card-shadow__slider-value{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-default);width:36px;flex-shrink:0;text-align:right}.ds-token-card-shadow__info{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);margin-top:var(--semantic-spacing-stack-md)}.ds-token-card-shadow .ds-input__label{width:72px;flex-shrink:0;padding-left:0}.ds-token-card-shadow__slider-label.ds-input__label{width:72px}.ds-token-card-shadow__value-input .ds-input,.ds-token-card-shadow__value-input .ds-input-wrapper{max-width:none}.ds-token-card-shadow__value-input .ds-input{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs)}.ds-token-card-shadow__value-row{cursor:default}.ds-token-card-shadow__value-row--selectable{cursor:pointer}.ds-token-card-shadow__value-row--selectable:hover .ds-input-wrapper,.ds-token-card-shadow__value-row--active .ds-input-wrapper{border-color:var(--semantic-color-border-neutral-bold)}.ds-token-card-shadow__value-row .ds-input__icon{opacity:0;transition:opacity var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-token-card-shadow__value-row--active .ds-input__icon{opacity:1}.ds-token-card-shadow[data-layer=primitive] .ds-card__header-badge{background-color:var(--ds-layer-primitive-bg);color:var(--ds-layer-primitive-text);border-color:var(--ds-layer-primitive-bg)}.ds-token-card-shadow[data-layer=semantic] .ds-card__header-badge{background-color:var(--ds-layer-semantic-bg);color:var(--ds-layer-semantic-text);border-color:var(--ds-layer-semantic-bg)}.ds-token-card-opacity{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:var(--primitive-spacing-xl);padding:var(--primitive-spacing-lg) 0}.ds-token-card-opacity__name{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-bold)}.ds-token-card-opacity__track{position:relative;height:28px;border-radius:var(--primitive-radius-xs);overflow:hidden;max-width:240px}.ds-token-card-opacity__gradient{position:absolute;inset:0;background:linear-gradient(90deg,var(--semantic-color-surface-primary-bold),var(--semantic-color-surface-secondary-bold))}.ds-token-card-opacity__overlay{position:absolute;inset:0;background:var(--semantic-color-contrast-light)}.ds-token-card-duration{display:grid;grid-template-columns:160px 28px 1fr 60px;align-items:center;gap:var(--primitive-spacing-lg);padding:var(--primitive-spacing-lg) 0}.ds-token-card-duration__name{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-bold)}.ds-token-card-duration__play{width:28px;height:28px;border-radius:var(--primitive-radius-full);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);background:var(--semantic-color-surface-neutral-subtle);color:var(--semantic-color-text-neutral-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.ds-token-card-duration__play:hover{background:var(--semantic-color-surface-neutral-default)}.ds-token-card-duration__track{position:relative;height:24px;background:var(--semantic-color-surface-neutral-subtle);border-radius:var(--primitive-radius-xs);overflow:hidden;max-width:240px}.ds-token-card-duration__bar{height:100%;width:0%;background:var(--semantic-color-surface-primary-bold);border-radius:var(--primitive-radius-xs);transition-property:width}.ds-token-card-duration__bar--active{width:100%}.ds-token-card-duration__dot{position:absolute;top:50%;left:4px;transform:translateY(-50%);width:16px;height:16px;border-radius:var(--primitive-radius-full);background:var(--semantic-color-surface-primary-bold);transition-property:left}.ds-token-card-duration__dot--active{left:calc(100% - 20px)}.ds-token-card-duration__value{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-default);text-align:right}.ds-token-card-swatch.ds-card{height:auto;min-height:0;padding-left:0;padding-right:0;border-radius:0}.ds-token-card-swatch .ds-card__body{gap:0}.ds-token-card-swatch .ds-card__header{padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-swatch__info{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);margin-top:var(--semantic-spacing-stack-md)}.ds-token-card-swatch__value-input .ds-input,.ds-token-card-swatch__value-input .ds-input-wrapper{max-width:120px}.ds-token-card-swatch__preview-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--semantic-spacing-inline-md)}.ds-token-card-swatch .ds-input__label,.ds-token-card-swatch .ds-select__label{width:72px;flex-shrink:0;padding-left:0}.ds-token-card-swatch__preview-label{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:72px;flex-shrink:0}.ds-token-card-swatch__preview-label>.ds-input__label{padding-top:var(--semantic-spacing-inset-xs);width:auto}.ds-token-card-swatch[data-layer=primitive] .ds-card__header-badge{background-color:var(--ds-layer-primitive-bg);color:var(--ds-layer-primitive-text);border-color:var(--ds-layer-primitive-bg)}.ds-token-card-swatch[data-layer=semantic] .ds-card__header-badge{background-color:var(--ds-layer-semantic-bg);color:var(--ds-layer-semantic-text);border-color:var(--ds-layer-semantic-bg)}.ds-token-card-swatch__has-unit{display:flex;align-items:center}.ds-token-card-swatch__has-unit .ds-input-container{flex:0 0 auto;width:auto}.ds-token-card-swatch__unit{font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-font-weight);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-default);margin-left:var(--semantic-spacing-inline-sm);flex-shrink:0}.ds-token-card-swatch__preview{flex:1;display:flex;align-items:center;justify-content:center;min-height:64px;border-radius:0;padding:var(--semantic-spacing-inset-md);overflow:hidden;height:auto}.ds-token-card-focus.ds-card{height:auto;min-height:0;padding-left:0;padding-right:0;border-radius:0;overflow:visible;max-width:100%;width:100%}.ds-token-card-focus .ds-card__body{gap:0;width:100%}.ds-token-card-focus .ds-card__header{padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-focus .ds-card__header-badge{background-color:var(--ds-layer-semantic-bg);color:var(--ds-layer-semantic-text);border-color:var(--ds-layer-semantic-bg)}.ds-token-card-focus__preview-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--semantic-spacing-inline-md);width:100%;min-width:0;overflow:hidden}.ds-token-card-focus__preview-row>.ds-select__label{padding-top:var(--semantic-spacing-inset-xs)}.ds-token-card-focus__preview{display:flex;align-items:center;justify-content:center;border-radius:0;padding:var(--semantic-spacing-inset-lg);min-width:0;max-width:100%;width:100%;overflow:hidden;min-height:80px}.ds-token-card-focus__controls{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);min-width:0}.ds-token-card-focus>.ds-card__body>.ds-token-card-focus__controls{margin-top:var(--semantic-spacing-stack-md)}.ds-token-card-focus .ds-select__label{width:120px;flex-shrink:0}.ds-token-card-focus--split .ds-select__label{width:88px}.ds-token-card-focus__select{width:100%;max-width:422px}.ds-token-card-focus__grid{display:grid;grid-template-columns:repeat(2,minmax(0,422px));gap:var(--semantic-spacing-stack-md) var(--semantic-spacing-inline-xl);margin-top:var(--semantic-spacing-stack-md)}.ds-token-card-focus__grid>.ds-token-card-focus__controls{margin-top:0}@media(max-width:600px){.ds-token-card-focus__grid{grid-template-columns:1fr}}.ds-token-card-focus--split .ds-card__body{display:grid;grid-template-columns:clamp(340px,50%,422px) 1fr;gap:var(--semantic-spacing-inline-xl)}.ds-token-card-focus--split .ds-token-card-focus__controls,.ds-token-card-focus--split .ds-token-card-focus__grid{margin-top:0}.ds-token-card-focus__preview-col{position:sticky;top:0;align-self:stretch;min-width:0}.ds-token-card-focus__preview-col>.ds-token-card-focus__preview{height:100%;min-height:96px}@media(max-width:600px){.ds-token-card-focus--split .ds-card__body{grid-template-columns:1fr}.ds-token-card-focus__preview-col{position:static}}.ds-token-card-font-family.ds-card{height:auto;min-height:0;padding-left:0;padding-right:0;border-radius:0;overflow:visible;max-width:100%;width:100%}.ds-token-card-font-family .ds-card__body{gap:0;width:100%}.ds-token-card-font-family .ds-card__header{padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-font-family .ds-card__header-badge{background-color:var(--ds-layer-primitive-bg);color:var(--ds-layer-primitive-text);border-color:var(--ds-layer-primitive-bg)}.ds-token-card-font-family__preview-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--semantic-spacing-inline-md);width:100%;min-width:0;overflow:hidden}.ds-token-card-font-family__preview-row>.ds-select__label{padding-top:var(--semantic-spacing-inset-xs)}.ds-token-card-font-family__preview{display:block;border-radius:0;padding:var(--semantic-spacing-inset-md);min-width:0;max-width:100%;width:100%;overflow:hidden;container-type:inline-size}.ds-token-card-font-family__preview-content{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);width:100%;min-width:0;overflow:hidden}.ds-token-card-font-family__font-name{font-size:clamp(2rem,8cqi,5rem);line-height:var(--primitive-typography-line-height-tight);color:var(--semantic-color-text-neutral-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ds-token-card-font-family__sample{font-size:clamp(1rem,3cqi,1.5rem);line-height:var(--primitive-typography-line-height-normal);color:var(--semantic-color-text-neutral-bold);overflow:hidden;text-overflow:ellipsis}.ds-token-card-font-family__controls{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);margin-top:var(--semantic-spacing-stack-md)}.ds-token-card-font-family__field,.ds-token-card-font-family__weights{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md)}.ds-token-card-font-family .ds-select__label{width:120px;flex-shrink:0}.ds-token-card-font-family__weight-badges{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:422px;min-height:var(--pattern-text-input-base-tokens-min-height);padding:0 var(--semantic-spacing-inset-xs);background-color:var(--semantic-color-surface-neutral-subtle);border-radius:var(--primitive-radius-full)}.ds-token-card-font-family__select{width:100%;max-width:422px}.ds-token-card-font-size.ds-card{height:auto;min-height:0;padding-left:0;padding-right:0;border-radius:0}.ds-token-card-font-size .ds-card__body{gap:0;width:100%}.ds-token-card-font-size .ds-card__header{padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-font-size .ds-card__header-badge{background-color:var(--ds-layer-primitive-bg);color:var(--ds-layer-primitive-text);border-color:var(--ds-layer-primitive-bg)}.ds-token-card-font-size__controls{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);margin-top:var(--semantic-spacing-stack-md)}.ds-token-card-font-size__preview-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--semantic-spacing-inline-md)}.ds-token-card-font-size__preview-row>.ds-token-card-font-size__label{padding-top:var(--semantic-spacing-inset-xs)}.ds-token-card-font-size__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold);width:72px;flex-shrink:0}.ds-token-card-font-size__preview{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--semantic-spacing-stack-lg);min-height:64px;border-radius:0;padding:var(--semantic-spacing-inset-md);overflow:hidden}.ds-token-card-font-size__sample{display:block;width:100%;min-width:0;overflow:hidden}.ds-token-card-font-size__sample>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.ds-token-card-font-size__value-row{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md)}.ds-token-card-font-size__value-group{display:flex;align-items:center;flex:1;gap:var(--semantic-spacing-inline-lg)}.ds-token-card-font-size__value-with-unit{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md)}.ds-token-card-font-size__value-input{width:120px}.ds-token-card-font-size__value-input .ds-input,.ds-token-card-font-size__value-input .ds-input-wrapper{width:100%}.ds-token-card-font-size__unit{font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-font-weight);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-default)}.ds-token-card-font-size__raw-value{font-family:var(--primitive-typography-family-mono);font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-subtle);text-align:left}.ds-token-card-font-metric.ds-card{height:auto;min-height:0;padding-left:0;padding-right:0;border-radius:0;overflow:visible;max-width:100%;width:100%}.ds-token-card-font-metric .ds-card__body{gap:0;width:100%}.ds-token-card-font-metric .ds-card__header{padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-font-metric .ds-card__header-badge{background-color:var(--ds-layer-primitive-bg);color:var(--ds-layer-primitive-text);border-color:var(--ds-layer-primitive-bg)}.ds-token-card-font-metric__controls{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);margin-top:var(--semantic-spacing-stack-md)}.ds-token-card-font-metric__select{width:100%;max-width:422px}.ds-token-card-font-metric .ds-select__label{width:120px;flex-shrink:0}.ds-token-card-font-metric__value-row{display:flex;flex-direction:row;align-items:center;gap:var(--semantic-spacing-inline-md)}.ds-token-card-font-metric__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold);width:120px;flex-shrink:0}.ds-token-card-font-metric__value{font-family:var(--semantic-typography-body-md-font-family);font-size:var(--semantic-typography-body-md-font-size);font-weight:var(--semantic-typography-body-md-font-weight);line-height:var(--semantic-typography-body-md-line-height);color:var(--semantic-color-text-neutral-default)}.ds-token-card-font-metric__preview-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--semantic-spacing-inline-md);width:100%;min-width:0;overflow:hidden}.ds-token-card-font-metric__preview-row>.ds-token-card-font-metric__label{padding-top:var(--semantic-spacing-inset-xs)}.ds-token-card-font-metric__preview{display:block;border-radius:0;padding:var(--semantic-spacing-inset-md);min-width:0;max-width:100%;width:100%;overflow:hidden;min-height:64px}.ds-token-card-font-metric__preview>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.ds-token-card-type-style.ds-card{height:auto;min-height:0;padding-left:0;padding-right:0;border-radius:0;overflow:visible;max-width:100%;width:100%}.ds-token-card-type-style .ds-card__body{gap:0;width:100%}.ds-token-card-type-style .ds-card__header{position:relative;padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-type-style .ds-card__header-badge{background-color:var(--ds-layer-semantic-bg);color:var(--ds-layer-semantic-text);border-color:var(--ds-layer-semantic-bg)}.ds-token-card-type-style__grid{display:grid;grid-template-columns:repeat(2,minmax(0,422px));gap:var(--semantic-spacing-stack-md) var(--semantic-spacing-inline-xl);margin-top:var(--semantic-spacing-stack-md)}@media(max-width:600px){.ds-token-card-type-style__grid{grid-template-columns:1fr}}.ds-token-card-type-style__select{width:100%}.ds-token-card-type-style .ds-select__label{width:72px;flex-shrink:0}.ds-token-card-type-style__context{margin-top:var(--semantic-spacing-stack-md);width:100%}.ds-token-card-type-style__context .ds-input__label{width:72px;flex-shrink:0}.ds-token-card-type-style__preview-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--semantic-spacing-inline-md);width:100%;min-width:0;overflow:hidden}.ds-token-card-type-style__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold);width:72px;flex-shrink:0;padding-top:var(--semantic-spacing-inset-xs)}.ds-token-card-type-style__preview{display:block;border-radius:0;padding:var(--semantic-spacing-inset-lg) var(--semantic-spacing-inset-md);min-width:0;max-width:100%;width:100%;overflow:hidden;min-height:96px}.ds-token-card-type-style__preview>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.ds-token-card-comp-base.ds-card{height:auto;min-height:0;padding:var(--semantic-spacing-inset-lg) 0;border-radius:0;overflow:visible;max-width:100%;width:100%}.ds-token-card-comp-base .ds-card__body{gap:0;width:100%}.ds-token-card-comp-base .ds-card__header{position:relative;padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-comp-base.ds-token-card-comp-base--collapsed{padding-bottom:0}.ds-token-card-comp-base--collapsed .ds-card__header{margin-bottom:0}.ds-token-card-comp-base__chevron{margin-left:auto}.ds-token-card-comp-base__chevron svg{transition:transform var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-token-card-comp-base--collapsed .ds-token-card-comp-base__chevron svg{transform:rotate(-90deg)}.ds-token-card-comp-base .ds-card__header-badge{background-color:var(--ds-layer-component-bg);color:var(--ds-layer-component-text);border-color:var(--ds-layer-component-bg)}.ds-token-card-comp-base__preview-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--semantic-spacing-inline-md);width:100%;min-width:0;overflow:hidden}.ds-token-card-comp-base__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold);width:120px;flex-shrink:0;padding-top:var(--semantic-spacing-inset-xs)}.ds-token-card-comp-base__preview{display:flex;align-items:center;justify-content:center;border-radius:0;padding:var(--semantic-spacing-inset-xl) var(--semantic-spacing-inset-md);min-width:0;max-width:100%;width:100%;overflow:hidden;min-height:96px}.ds-token-card-comp-base__preview .ds-adaptive-grid{overflow:visible}.ds-token-card-comp-base__grid{display:grid;grid-template-columns:repeat(2,minmax(0,422px));gap:var(--semantic-spacing-stack-md) var(--semantic-spacing-inline-xl);margin-top:var(--semantic-spacing-stack-md)}@media(max-width:600px){.ds-token-card-comp-base__grid{grid-template-columns:1fr}}.ds-token-card-comp-base__select{width:100%}.ds-token-card-comp-base .ds-select__label{width:120px;flex-shrink:0}.ds-token-card-comp-base__input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,422px));gap:var(--semantic-spacing-stack-md) var(--semantic-spacing-inline-xl);margin-top:var(--semantic-spacing-stack-md)}@media(max-width:600px){.ds-token-card-comp-base__input-grid{grid-template-columns:1fr}}.ds-token-card-comp-base__input-grid .ds-input__label{width:120px;flex-shrink:0}.ds-token-card-comp-base__min-height-slot{margin-top:var(--semantic-spacing-stack-md)}.ds-token-card-comp-base__editable-input input[type=number]::-webkit-inner-spin-button,.ds-token-card-comp-base__editable-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-token-card-comp-base__editable-input input[type=number]{-moz-appearance:textfield}.ds-token-card-comp-base--split .ds-card__body{display:grid;grid-template-columns:clamp(340px,50%,422px) 1fr;gap:var(--semantic-spacing-inline-xl)}.ds-token-card-comp-base__selects-col{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);min-width:0}.ds-token-card-comp-base__selects-col>.ds-divider{margin-top:0;margin-bottom:0;width:100%}.ds-token-card-comp-base__preview-col{position:sticky;top:0;align-self:stretch;min-width:0}.ds-token-card-comp-base__preview-col>.ds-token-card-comp-base__preview{height:100%;min-height:96px}.ds-token-card-comp-base--split .ds-token-card-comp-base__min-height-slot{margin-top:0}@media(max-width:600px){.ds-token-card-comp-base--split .ds-card__body{grid-template-columns:1fr}.ds-token-card-comp-base__preview-col{position:static}}.ds-token-card-comp-size.ds-card{height:auto;min-height:0;padding-left:0;padding-right:0;border-radius:0;overflow:visible;max-width:100%;width:100%}.ds-token-card-comp-size .ds-card__body{gap:0;width:100%}.ds-token-card-comp-size .ds-card__header{position:relative;padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-comp-size.ds-token-card-comp-size--collapsed{padding-bottom:0}.ds-token-card-comp-size--collapsed .ds-card__header{margin-bottom:0}.ds-token-card-comp-size__chevron{margin-left:auto}.ds-token-card-comp-size__chevron svg{transition:transform var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-token-card-comp-size--collapsed .ds-token-card-comp-size__chevron svg{transform:rotate(-90deg)}.ds-token-card-comp-size .ds-card__header-badge{background-color:var(--ds-layer-component-bg);color:var(--ds-layer-component-text);border-color:var(--ds-layer-component-bg)}.ds-token-card-comp-size__preview-row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--semantic-spacing-inline-md);width:100%;min-width:0;overflow:hidden}.ds-token-card-comp-size__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold);width:120px;flex-shrink:0;padding-top:var(--semantic-spacing-inset-xs)}.ds-token-card-comp-size__preview{display:flex;align-items:center;justify-content:center;border-radius:0;padding:var(--semantic-spacing-inset-xl) var(--semantic-spacing-inset-md);min-width:0;max-width:100%;width:100%;overflow:hidden;min-height:96px}.ds-token-card-comp-size__preview .ds-adaptive-grid{overflow:visible}.ds-token-card-comp-size__grid{display:grid;grid-template-columns:repeat(2,minmax(0,422px));gap:var(--semantic-spacing-stack-md) var(--semantic-spacing-inline-xl);margin-top:var(--semantic-spacing-stack-md)}@media(max-width:600px){.ds-token-card-comp-size__grid{grid-template-columns:1fr}}.ds-token-card-comp-size__select{width:100%}.ds-token-card-comp-size .ds-select__label{width:120px;flex-shrink:0}.ds-token-card-comp-size__input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,422px));gap:var(--semantic-spacing-stack-md) var(--semantic-spacing-inline-xl);margin-top:var(--semantic-spacing-stack-md)}@media(max-width:600px){.ds-token-card-comp-size__input-grid{grid-template-columns:1fr}}.ds-token-card-comp-size__input-grid .ds-input__label{width:120px;flex-shrink:0}.ds-token-card-comp-size__min-height-slot{margin-top:var(--semantic-spacing-stack-md)}.ds-token-card-comp-size__inheritance{margin-top:var(--semantic-spacing-stack-md);padding:var(--semantic-spacing-inset-xs) 0 var(--semantic-spacing-inset-md) 0;border-radius:var(--primitive-radius-sm);font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);color:var(--semantic-color-text-neutral-default)}.ds-token-card-comp-size--split .ds-card__body{display:grid;grid-template-columns:clamp(340px,50%,422px) 1fr;gap:var(--semantic-spacing-inline-xl)}.ds-token-card-comp-size__selects-col{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);min-width:0}.ds-token-card-comp-size__single-col{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md)}.ds-token-card-comp-size__single-col>.ds-divider{margin-top:0;margin-bottom:0;width:100%}.ds-token-card-comp-size__preview-col{position:sticky;top:0;align-self:stretch;min-width:0}.ds-token-card-comp-size__preview-col>.ds-token-card-comp-size__preview{height:100%;min-height:96px}.ds-token-card-comp-size--split .ds-token-card-comp-size__min-height-slot,.ds-token-card-comp-size--split .ds-token-card-comp-size__inheritance{margin-top:0}@media(max-width:600px){.ds-token-card-comp-size--split .ds-card__body{grid-template-columns:1fr}.ds-token-card-comp-size__preview-col{position:static}}.ds-token-card-comp-size__context-wrap,.ds-token-card-comp-size__context{width:100%}.ds-token-card-comp-size__context .ds-textarea__label,.ds-token-card-comp-size__context .ds-input__label{width:120px;flex-shrink:0;align-self:flex-start;padding-top:var(--semantic-spacing-inset-xs)}.ds-token-card-comp-size__context textarea{resize:none;scrollbar-width:none}.ds-token-card-comp-size__context textarea::-webkit-scrollbar{display:none}.ds-token-card-comp-size__selects-col>.ds-divider{margin-top:0;margin-bottom:0;width:100%}.ds-token-card-comp-colors.ds-card{height:auto;min-height:0;padding:0;gap:0;border-radius:0;overflow:visible;max-width:100%;width:100%}.ds-token-card-comp-colors .ds-card__body{gap:0;width:100%;padding-top:0;padding-bottom:var(--semantic-spacing-stack-xl)}.ds-token-card-comp-colors .ds-card__header{position:relative;padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-comp-colors .ds-card__header-badge{background-color:var(--ds-layer-component-bg);color:var(--ds-layer-component-text);border-color:var(--ds-layer-component-bg)}.ds-token-card-comp-colors.ds-token-card-comp-colors--collapsed{padding-bottom:0}.ds-token-card-comp-colors--collapsed .ds-card__header{margin-bottom:0}.ds-token-card-comp-colors__chevron{margin-left:auto}.ds-token-card-comp-colors__chevron svg{transition:transform var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-token-card-comp-colors--collapsed .ds-token-card-comp-colors__chevron svg{transform:rotate(-90deg)}.ds-token-card-comp-colors__state{padding-top:var(--semantic-spacing-inset-lg)}.ds-token-card-comp-colors__state-header{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:var(--semantic-spacing-inline-md);margin-bottom:var(--semantic-spacing-stack-md)}.ds-token-card-comp-colors__state-name{font-family:var(--semantic-typography-heading-h5-font-family, inherit);font-size:var(--semantic-typography-heading-h5-font-size, var(--primitive-typography-size-sm));font-weight:var(--semantic-typography-heading-h5-font-weight, 600);line-height:var(--semantic-typography-heading-h5-line-height, 1.4);letter-spacing:var(--semantic-typography-heading-h5-letter-spacing, normal);text-transform:var(--semantic-typography-heading-h5-text-transform, none);color:var(--semantic-color-text-neutral-bold);margin:0}.ds-token-card-comp-colors__state-body{display:grid;grid-template-columns:clamp(340px,50%,422px) 1fr;gap:var(--semantic-spacing-inline-xl)}@media(max-width:600px){.ds-token-card-comp-colors__state-body{grid-template-columns:1fr}}.ds-token-card-comp-colors__selects-col{display:flex;flex-direction:column;gap:0;min-width:0}.ds-token-card-comp-colors__prop-group{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm)}.ds-token-card-comp-colors__prop-group>.ds-divider{margin-top:var(--semantic-spacing-stack-sm);margin-bottom:0}.ds-token-card-comp-colors__prop-row,.ds-token-card-comp-colors__select{width:100%}.ds-token-card-comp-colors__select .ds-select__wrapper{min-width:200px}.ds-token-card-comp-colors__color-select .ds-select__popover{width:306px}.ds-token-card-comp-colors__selects-col .ds-select__label{width:120px;flex-shrink:0}.ds-token-card-comp-colors__preview-col{align-self:stretch;min-width:0}.ds-token-card-comp-colors__preview{display:flex;align-items:center;justify-content:center;border-radius:0;padding:var(--semantic-spacing-inset-xl) var(--semantic-spacing-inset-md);min-width:0;max-width:100%;width:100%;overflow:hidden;min-height:80px;height:100%}.ds-token-card-comp-colors__preview .ds-adaptive-grid{overflow:visible}@media(max-width:600px){.ds-token-card-comp-colors__preview-col{order:-1}}.ds-token-card-comp-colors__context-row{padding-top:var(--semantic-spacing-stack-md)}.ds-token-card-comp-colors__context{max-width:clamp(340px,50%,422px);width:100%}.ds-token-card-comp-colors__context .ds-textarea__label,.ds-token-card-comp-colors__context .ds-input__label{width:120px;flex-shrink:0;align-self:flex-start;padding-top:var(--semantic-spacing-inset-xs)}.ds-token-card-comp-sections.ds-card{height:auto;min-height:0;padding:0;gap:0;border-radius:0;overflow:visible;max-width:100%;width:100%}.ds-token-card-comp-sections .ds-card__body{gap:0;width:100%;padding-top:0;padding-bottom:var(--semantic-spacing-stack-xl)}.ds-token-card-comp-sections .ds-card__header{position:relative;padding-top:var(--semantic-spacing-inset-lg);padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-comp-sections .ds-card__header-badge{background-color:var(--ds-layer-component-bg);color:var(--ds-layer-component-text);border-color:var(--ds-layer-component-bg)}.ds-token-card-comp-sections.ds-token-card-comp-sections--collapsed{padding-bottom:0}.ds-token-card-comp-sections--collapsed .ds-card__header{margin-bottom:0}.ds-token-card-comp-sections__chevron{margin-left:auto}.ds-token-card-comp-sections__chevron svg{transition:transform var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-token-card-comp-sections--collapsed .ds-token-card-comp-sections__chevron svg{transform:rotate(-90deg)}.ds-token-card-comp-sections__state{padding-top:var(--semantic-spacing-inset-lg)}.ds-token-card-comp-sections__state-header{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:var(--semantic-spacing-inline-md);margin-bottom:var(--semantic-spacing-stack-md)}.ds-token-card-comp-sections__state-name{font-family:var(--semantic-typography-heading-h5-font-family, inherit);font-size:var(--semantic-typography-heading-h5-font-size, var(--primitive-typography-size-sm));font-weight:var(--semantic-typography-heading-h5-font-weight, 600);line-height:var(--semantic-typography-heading-h5-line-height, 1.4);letter-spacing:var(--semantic-typography-heading-h5-letter-spacing, normal);text-transform:var(--semantic-typography-heading-h5-text-transform, none);color:var(--semantic-color-text-neutral-bold);margin:0}.ds-token-card-comp-sections__state-body{display:grid;grid-template-columns:clamp(340px,50%,422px) 1fr;gap:var(--semantic-spacing-inline-xl)}@media(max-width:600px){.ds-token-card-comp-sections__state-body{grid-template-columns:1fr}}.ds-token-card-comp-sections__selects-col{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);min-width:0}.ds-token-card-comp-sections__selects-col>.ds-divider{margin-top:0;margin-bottom:0;width:100%}.ds-token-card-comp-sections__prop-row,.ds-token-card-comp-sections__select{width:100%}.ds-token-card-comp-sections__selects-col .ds-select__label{width:120px;flex-shrink:0}.ds-token-card-comp-sections__preview-col{align-self:stretch;min-width:0}.ds-token-card-comp-sections__preview{display:flex;align-items:center;justify-content:center;border-radius:0;padding:var(--semantic-spacing-inset-xl) var(--semantic-spacing-inset-md);min-width:0;max-width:100%;width:100%;overflow:hidden;min-height:80px;height:100%}.ds-token-card-comp-sections__preview .ds-adaptive-grid{overflow:visible}@media(max-width:600px){.ds-token-card-comp-sections__preview-col{order:-1}}.ds-token-card-comp-sections__context-row{padding-top:var(--semantic-spacing-stack-md)}.ds-token-card-comp-sections__context{max-width:clamp(340px,50%,422px);width:100%}.ds-token-card-comp-sections__context .ds-textarea__label,.ds-token-card-comp-sections__context .ds-input__label{width:120px;flex-shrink:0;align-self:flex-start;padding-top:var(--semantic-spacing-inset-xs)}.ds-switch{display:inline-flex;align-items:center;gap:var(--semantic-spacing-inline-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-switch--disabled{cursor:not-allowed;opacity:1}.ds-switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ds-switch__track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;border-radius:9999px;background-color:var(--semantic-color-surface-neutral-default);border:none;transition:background-color var(--semantic-transition-fast)}.ds-switch--md .ds-switch__track{width:40px;height:24px}.ds-switch--sm .ds-switch__track{width:32px;height:18px}.ds-switch__thumb{position:absolute;border-radius:50%;background-color:var(--semantic-color-contrast-light);box-shadow:0 1px 2px #00000026;transition:transform var(--semantic-transition-fast)}.ds-switch--md .ds-switch__thumb{width:20px;height:20px;left:2px}.ds-switch--sm .ds-switch__thumb{width:14px;height:14px;left:2px}.ds-switch__input:checked+.ds-switch__track{background-color:var(--semantic-color-interactive-primary-default)}.ds-switch--md .ds-switch__input:checked+.ds-switch__track .ds-switch__thumb{transform:translate(16px)}.ds-switch--sm .ds-switch__input:checked+.ds-switch__track .ds-switch__thumb{transform:translate(14px)}.ds-switch:hover .ds-switch__input:checked+.ds-switch__track{background-color:var(--semantic-color-interactive-primary-hover)}.ds-switch:active .ds-switch__input:checked+.ds-switch__track{background-color:var(--semantic-color-interactive-primary-active)}.ds-switch__input:focus-visible+.ds-switch__track{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-switch--disabled .ds-switch__track{background-color:var(--semantic-color-surface-disabled)}.ds-switch--disabled .ds-switch__input:checked+.ds-switch__track{background-color:var(--semantic-color-surface-disabled)}.ds-switch--disabled .ds-switch__thumb{box-shadow:none}.ds-switch--disabled:hover .ds-switch__input:checked+.ds-switch__track{background-color:var(--semantic-color-surface-disabled)}.ds-switch__label{font-family:var(--semantic-typography-body-md-font-family);font-size:var(--semantic-typography-body-md-font-size);font-weight:var(--semantic-typography-body-md-font-weight);line-height:var(--semantic-typography-body-md-line-height);color:var(--semantic-color-text-neutral-bold)}.ds-switch--sm .ds-switch__label{font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-font-weight);line-height:var(--semantic-typography-body-sm-line-height)}.ds-switch--disabled .ds-switch__label{color:var(--semantic-color-text-disabled)}.ds-token-card-spacing-config.ds-card{height:auto;min-height:0;padding-left:0;padding-right:0;border-radius:0}.ds-token-card-spacing-config .ds-card__body{gap:0}.ds-token-card-spacing-config__topbar{display:flex;justify-content:flex-start;padding-top:var(--semantic-spacing-stack-md)}.ds-token-card-spacing-config__unit-toggle.ds-token-card-spacing-config__unit-toggle .ds-switch__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold)}.ds-token-card-spacing-config__header{font-family:var(--semantic-typography-heading-h5-font-family);font-size:var(--semantic-typography-heading-h5-font-size);font-weight:var(--semantic-typography-heading-h5-font-weight);line-height:var(--semantic-typography-heading-h5-line-height);letter-spacing:var(--semantic-typography-heading-h5-letter-spacing);text-transform:capitalize;color:var(--semantic-color-text-neutral-bold);margin:0;padding-top:var(--semantic-spacing-stack-xl);padding-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-spacing-config__layout{display:flex;gap:var(--semantic-spacing-inline-xl)}.ds-token-card-spacing-config__controls{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);width:220px;flex-shrink:0}.ds-token-card-spacing-config__chart{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-xs);justify-content:center}@media(max-width:700px){.ds-token-card-spacing-config__layout{flex-direction:column}.ds-token-card-spacing-config__controls{width:100%}}.ds-token-card-spacing-config .ds-select__label,.ds-token-card-spacing-config .ds-input__label{width:72px;flex-shrink:0}.ds-token-card-spacing-config__select{width:100%}.ds-token-card-spacing-config__select .ds-select__wrapper{max-width:140px}.ds-token-card-spacing-config .ds-select__trigger--md{width:140px}.ds-token-card-spacing-config__input input[type=number]::-webkit-inner-spin-button,.ds-token-card-spacing-config__input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-token-card-spacing-config__input input[type=number]{-moz-appearance:textfield}.ds-token-card-spacing-config__description{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);color:var(--semantic-color-text-neutral-default);display:block;margin:var(--semantic-spacing-stack-sm) 0 0}.ds-token-card-spacing-config__input .ds-input,.ds-token-card-spacing-config__input .ds-input-wrapper{width:140px}.ds-token-card-spacing-config__apply-row{display:flex;align-items:center}.ds-token-card-spacing-config__apply-spacer{width:calc(72px + var(--semantic-spacing-inline-md));flex-shrink:0}.ds-token-card-spacing-config__apply{min-width:140px}.ds-token-card-spacing-config__bar-row{display:flex;align-items:center}.ds-token-card-spacing-config__bar-track{flex:1;min-width:0;display:flex;align-items:center;gap:var(--semantic-spacing-inline-xs)}.ds-token-card-spacing-config__bar{height:5px;border-radius:var(--primitive-radius-full);background-color:var(--semantic-color-text-neutral-bold);transition:width var(--primitive-duration-fast) var(--primitive-easing-standard);min-width:2px;flex-shrink:0}.ds-token-card-spacing-config__bar-value{flex-shrink:0;font-family:var(--primitive-typography-family-mono);font-size:10px;line-height:1;color:var(--semantic-color-text-neutral-default);white-space:nowrap}.ds-token-card-font-size-config.ds-card{height:auto;min-height:0;padding-left:0;padding-right:0;border-radius:0;max-width:590px}.ds-token-card-font-size-config .ds-card__body{gap:0}.ds-token-card-font-size-config__topbar{display:flex;justify-content:flex-start;padding-top:var(--semantic-spacing-stack-md)}.ds-token-card-font-size-config__unit-toggle.ds-token-card-font-size-config__unit-toggle .ds-switch__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold)}.ds-token-card-font-size-config__header{font-family:var(--semantic-typography-heading-h5-font-family);font-size:var(--semantic-typography-heading-h5-font-size);font-weight:var(--semantic-typography-heading-h5-font-weight);line-height:var(--semantic-typography-heading-h5-line-height);letter-spacing:var(--semantic-typography-heading-h5-letter-spacing);text-transform:capitalize;color:var(--semantic-color-text-neutral-bold);margin:0;padding-top:var(--semantic-spacing-stack-xl);padding-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-token-card-font-size-config__row{display:flex;gap:var(--semantic-spacing-inline-xl);align-items:end}.ds-token-card-font-size-config__col1{flex:1;min-width:0}.ds-token-card-font-size-config__col2{flex-shrink:0;transition:opacity var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-token-card-font-size-config__col2[data-inactive]{opacity:.4}.ds-token-card-font-size-config .ds-select__label,.ds-token-card-font-size-config .ds-input__label{width:80px;flex-shrink:0}.ds-token-card-font-size-config__select{width:100%}.ds-token-card-font-size-config__preview-section .ds-select__trigger{width:252px}.ds-token-card-font-size-config__input .ds-input,.ds-token-card-font-size-config__input .ds-input-wrapper{width:130px}.ds-token-card-font-size-config__input input[type=number]::-webkit-inner-spin-button,.ds-token-card-font-size-config__input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-token-card-font-size-config__input input[type=number]{-moz-appearance:textfield}.ds-token-card-font-size-config__fluid-section{margin-top:var(--semantic-spacing-stack-lg);padding-top:var(--semantic-spacing-stack-lg);border-top:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-lg)}.ds-token-card-font-size-config__fluid-grid{opacity:.4;pointer-events:none;transition:opacity var(--primitive-duration-fast) var(--primitive-easing-standard);display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md)}.ds-token-card-font-size-config__fluid-section[data-fluid-enabled] .ds-token-card-font-size-config__fluid-grid{opacity:1;pointer-events:auto}.ds-token-card-font-size-config__preview-section{margin-top:var(--semantic-spacing-stack-lg);padding-top:var(--semantic-spacing-stack-lg);border-top:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--semantic-spacing-inline-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-checkbox--disabled{cursor:not-allowed}.ds-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ds-checkbox__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--primitive-radius-md);background-color:var(--semantic-color-surface-neutral-default);border:none;color:var(--semantic-color-contrast-light);transition:background-color var(--semantic-transition-fast)}.ds-checkbox--md .ds-checkbox__box{width:18px;height:18px}.ds-checkbox--sm .ds-checkbox__box{width:14px;height:14px}.ds-checkbox__icon{position:absolute;opacity:0;transform:scale(.5);transition:opacity var(--semantic-transition-fast),transform var(--semantic-transition-fast)}.ds-checkbox--md .ds-checkbox__icon{width:12px;height:12px}.ds-checkbox--sm .ds-checkbox__icon{width:10px;height:10px}.ds-checkbox__input:checked+.ds-checkbox__box .ds-checkbox__icon--check{opacity:1;transform:scale(1)}.ds-checkbox__input:indeterminate+.ds-checkbox__box .ds-checkbox__icon--check{opacity:0;transform:scale(.5)}.ds-checkbox__input:indeterminate+.ds-checkbox__box .ds-checkbox__icon--dash{opacity:1;transform:scale(1)}.ds-checkbox__input:checked+.ds-checkbox__box,.ds-checkbox__input:indeterminate+.ds-checkbox__box{background-color:var(--semantic-color-interactive-primary-default)}.ds-checkbox:hover .ds-checkbox__input:checked+.ds-checkbox__box,.ds-checkbox:hover .ds-checkbox__input:indeterminate+.ds-checkbox__box{background-color:var(--semantic-color-interactive-primary-hover)}.ds-checkbox:active .ds-checkbox__input:checked+.ds-checkbox__box,.ds-checkbox:active .ds-checkbox__input:indeterminate+.ds-checkbox__box{background-color:var(--semantic-color-interactive-primary-active)}.ds-checkbox__input:focus-visible+.ds-checkbox__box{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-checkbox--disabled .ds-checkbox__box{background-color:var(--semantic-color-surface-disabled)}.ds-checkbox--disabled .ds-checkbox__input:checked+.ds-checkbox__box,.ds-checkbox--disabled .ds-checkbox__input:indeterminate+.ds-checkbox__box{background-color:var(--semantic-color-surface-disabled)}.ds-checkbox--disabled:hover .ds-checkbox__input:checked+.ds-checkbox__box,.ds-checkbox--disabled:hover .ds-checkbox__input:indeterminate+.ds-checkbox__box{background-color:var(--semantic-color-surface-disabled)}.ds-checkbox__label{font-family:var(--semantic-typography-body-md-font-family);font-size:var(--semantic-typography-body-md-font-size);font-weight:var(--semantic-typography-body-md-font-weight);line-height:var(--semantic-typography-body-md-line-height);color:var(--semantic-color-text-neutral-bold)}.ds-checkbox--sm .ds-checkbox__label{font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-font-weight);line-height:var(--semantic-typography-body-sm-line-height)}.ds-checkbox--disabled .ds-checkbox__label{color:var(--semantic-color-text-disabled)}.ds-radio-group{border:none;margin:0;padding:0}.ds-radio-group__legend{font-family:var(--semantic-typography-caption-md-font-family);font-size:var(--semantic-typography-caption-md-font-size);font-weight:var(--semantic-typography-caption-md-font-weight);line-height:var(--semantic-typography-caption-md-line-height);letter-spacing:var(--semantic-typography-caption-md-letter-spacing);text-transform:var(--semantic-typography-caption-md-text-transform);color:var(--semantic-color-text-neutral-bold);padding:0;margin-bottom:var(--semantic-spacing-stack-sm)}.ds-radio-group__options{display:flex;gap:var(--semantic-spacing-stack-sm)}.ds-radio-group--vertical .ds-radio-group__options{flex-direction:column}.ds-radio-group--horizontal .ds-radio-group__options{flex-direction:row;gap:var(--semantic-spacing-inline-lg)}.ds-radio{display:inline-flex;align-items:center;gap:var(--semantic-spacing-inline-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ds-radio--disabled{cursor:not-allowed}.ds-radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ds-radio__circle{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background-color:var(--semantic-color-surface-neutral-default);border:none;transition:background-color var(--semantic-transition-fast)}.ds-radio--md .ds-radio__circle{width:18px;height:18px}.ds-radio--sm .ds-radio__circle{width:14px;height:14px}.ds-radio__dot{border-radius:50%;background-color:var(--semantic-color-contrast-light);transform:scale(0);transition:transform var(--semantic-transition-fast)}.ds-radio--md .ds-radio__dot{width:8px;height:8px}.ds-radio--sm .ds-radio__dot{width:6px;height:6px}.ds-radio__input:checked+.ds-radio__circle .ds-radio__dot{transform:scale(1)}.ds-radio__input:checked+.ds-radio__circle{background-color:var(--semantic-color-interactive-primary-default)}.ds-radio:hover .ds-radio__input:checked+.ds-radio__circle{background-color:var(--semantic-color-interactive-primary-hover)}.ds-radio:active .ds-radio__input:checked+.ds-radio__circle{background-color:var(--semantic-color-interactive-primary-active)}.ds-radio__input:focus-visible+.ds-radio__circle{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-radio--disabled .ds-radio__circle{background-color:var(--semantic-color-surface-disabled)}.ds-radio--disabled .ds-radio__input:checked+.ds-radio__circle{background-color:var(--semantic-color-surface-disabled)}.ds-radio--disabled:hover .ds-radio__input:checked+.ds-radio__circle{background-color:var(--semantic-color-surface-disabled)}.ds-radio__label{font-family:var(--semantic-typography-body-md-font-family);font-size:var(--semantic-typography-body-md-font-size);font-weight:var(--semantic-typography-body-md-font-weight);line-height:var(--semantic-typography-body-md-line-height);color:var(--semantic-color-text-neutral-bold)}.ds-radio--sm .ds-radio__label{font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-font-weight);line-height:var(--semantic-typography-body-sm-line-height)}.ds-radio--disabled .ds-radio__label{color:var(--semantic-color-text-disabled)}.ds-radio-card-group{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm)}.ds-radio-card{display:flex;align-items:flex-start;gap:var(--semantic-spacing-inline-sm);padding:var(--semantic-spacing-inset-md);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);border-radius:var(--primitive-radius-md);cursor:pointer;transition:none}.ds-radio-card:hover{border-color:var(--semantic-color-border-neutral-bold)}.ds-radio-card--selected{border-color:var(--semantic-color-border-neutral-bold);background-color:var(--semantic-color-surface-neutral-bold);color:var(--semantic-color-text-neutral-contrast)}.ds-radio-card--selected :where(p,span):not(.ds-badge,.ds-badge *){color:inherit}.ds-radio-card--selected :where(svg):not(.ds-badge svg){color:var(--semantic-color-text-neutral-contrast)}.ds-radio-card--disabled{cursor:not-allowed;opacity:.5}.ds-radio-card__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ds-radio-card:has(.ds-radio-card__input:focus-visible){outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.ds-radio-card__content{flex:1;min-width:0}.ds-file-select-list{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-lg)}.ds-file-select-list__section{display:flex;flex-direction:column}.ds-file-select-list__section-title{display:block;margin:0 0 var(--semantic-spacing-stack-xs) 0;font-family:var(--semantic-typography-overline-sm-font-family);font-size:var(--semantic-typography-overline-sm-font-size);font-weight:var(--semantic-typography-overline-sm-font-weight);line-height:var(--semantic-typography-overline-sm-line-height);letter-spacing:var(--semantic-typography-overline-sm-letter-spacing);text-transform:var(--semantic-typography-overline-sm-text-transform);color:var(--semantic-color-text-neutral-default)}.ds-file-select-list__section-body{border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);border-radius:var(--primitive-radius-md);overflow:hidden}.ds-file-select-list__item{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md);padding:var(--semantic-spacing-inset-md);cursor:pointer;transition:background-color var(--primitive-duration-fast) var(--primitive-easing-standard)}.ds-file-select-list__item:hover{background-color:var(--component-button-ghost-background-hover)}.ds-file-select-list__item:not(:last-child){border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.ds-file-select-list__item--checked{background-color:var(--component-button-ghost-background-hover)}.ds-file-select-list__item--always{opacity:var(--primitive-opacity-alpha-50);cursor:default;pointer-events:none}.ds-file-select-list__item--disabled{cursor:not-allowed;opacity:.5}.ds-file-select-list__item-icon{flex-shrink:0;color:var(--semantic-color-text-neutral-default)}.ds-file-select-list__item-icon svg{width:var(--primitive-icon-size-sm);height:var(--primitive-icon-size-sm);display:block}.ds-file-select-list__item-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ds-file-select-list__item-label{font-family:var(--primitive-typography-family-mono);font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-bold)}.ds-file-select-list__item-desc{font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-file-select-list__item-trailing{flex-shrink:0}.ds-adaptive-grid{width:100%;overflow:hidden}.publish-dialog__body{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-lg)}.publish-dialog__mode-name{display:flex;align-items:center;gap:var(--semantic-spacing-inline-xs);font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-bold-font-weight);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-bold)}.publish-dialog__mode-name svg{width:16px;height:16px;flex-shrink:0}.ds-radio-card--selected .publish-dialog__mode-name{color:var(--semantic-color-text-neutral-contrast)}.publish-dialog__mode-desc,.ds-radio-card--selected .publish-dialog__mode-desc{margin:6px 0 0;font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-subtle)}.publish-dialog__preview{display:flex;flex-direction:column}.publish-dialog__preview-list{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm);padding:var(--semantic-spacing-inset-md);background-color:var(--semantic-color-surface-neutral-subtle);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);border-radius:var(--primitive-radius-md)}.publish-dialog__preview-item{display:flex;align-items:center;gap:var(--semantic-spacing-inline-sm)}.publish-dialog__preview-icon{flex-shrink:0;width:15px;height:15px;color:var(--semantic-color-text-neutral-default)}.publish-dialog__preview-label{font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-label-md-font-weight);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-bold);white-space:nowrap}.publish-dialog__preview-detail{font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publish-dialog__section-title{display:block;margin:0 0 var(--semantic-spacing-stack-xs) 0;font-family:var(--semantic-typography-overline-sm-font-family);font-size:var(--semantic-typography-overline-sm-font-size);font-weight:var(--semantic-typography-overline-sm-font-weight);line-height:var(--semantic-typography-overline-sm-line-height);letter-spacing:var(--semantic-typography-overline-sm-letter-spacing);text-transform:var(--semantic-typography-overline-sm-text-transform);color:var(--semantic-color-text-neutral-default)}.publish-dialog__sections{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-lg);animation:publish-dialog-slide-in var(--primitive-duration-base) var(--primitive-easing-decelerate)}@keyframes publish-dialog-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.publish-dialog__warning{display:flex;align-items:flex-start;gap:var(--semantic-spacing-inline-sm);padding:var(--semantic-spacing-inset-sm);background-color:var(--semantic-color-surface-warning-subtle);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-warning-default);border-radius:var(--primitive-radius-md);font-size:var(--semantic-typography-body-sm-font-size);line-height:var(--semantic-typography-body-sm-line-height)}.publish-dialog__warning svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--semantic-color-text-warning-default)}.publish-dialog__warning p{margin:0;color:var(--semantic-color-text-warning-default)}.publish-dialog__status{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-xs);padding:var(--semantic-spacing-inset-sm);border-radius:var(--primitive-radius-md);font-size:var(--semantic-typography-body-sm-font-size);line-height:var(--semantic-typography-body-sm-line-height)}.publish-dialog__status-row{display:flex;align-items:center;gap:var(--semantic-spacing-inline-sm)}.publish-dialog__status-row svg{width:16px;height:16px;flex-shrink:0}.publish-dialog__status--publishing{background-color:var(--semantic-color-surface-info-subtle);color:var(--semantic-color-text-info-default)}.publish-dialog__status--success{background-color:var(--semantic-color-surface-success-subtle);color:var(--semantic-color-text-success-default)}.publish-dialog__status--partial{background-color:var(--semantic-color-surface-warning-subtle);color:var(--semantic-color-text-warning-default)}.publish-dialog__status--error{background-color:var(--semantic-color-surface-error-subtle);color:var(--semantic-color-text-error-default)}@keyframes publish-dialog-spin{to{transform:rotate(360deg)}}.publish-dialog__status--publishing .publish-dialog__status-row svg{animation:publish-dialog-spin 1s linear infinite}.publish-dialog__progress{width:100%;height:4px;border-radius:2px;background-color:#00000014;overflow:hidden}.publish-dialog__progress-bar{height:100%;border-radius:2px;background-color:currentColor;transition:width var(--primitive-duration-base) var(--primitive-easing-standard)}.publish-dialog__publish-btn{--component-button-primary-background: var(--primitive-color-feedback-success-500);--component-button-primary-background-opacity: 1;--component-button-primary-background-hover: var(--primitive-color-feedback-success-600);--component-button-primary-background-hover-opacity: 1;--component-button-primary-background-active: var(--primitive-color-feedback-success-600);--component-button-primary-background-active-opacity: 1;--component-button-primary-text-color: #fff;--component-button-primary-text-color-hover: #fff;--component-button-primary-text-color-active: #fff;--component-button-primary-border-color-hover: var(--primitive-color-feedback-success-600)}@media(prefers-reduced-motion:reduce){.publish-dialog__sections{animation:none}.publish-dialog__status--publishing .publish-dialog__status-row svg{animation-duration:0ms}}.reset-dialog__body{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-lg)}.reset-dialog__description{margin:0;font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-default)}.reset-dialog__option-name{display:flex;align-items:center;gap:var(--semantic-spacing-inline-xs);font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-bold-font-weight);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-bold)}.reset-dialog__option-name svg{width:16px;height:16px;flex-shrink:0}.ds-radio-card--selected .reset-dialog__option-name{color:var(--semantic-color-text-neutral-contrast)}.reset-dialog__option-desc,.ds-radio-card--selected .reset-dialog__option-desc{margin:6px 0 0;font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-subtle)}.color-showcase__palette-group{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md)}.color-showcase__neutral-controls{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);padding-top:var(--semantic-spacing-stack-sm);max-width:422px}.color-showcase__slider-row{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md)}.color-showcase__slider-label{width:72px;flex-shrink:0;font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-bold)}.color-showcase__slider-row .ds-thumb-slider{flex:1;min-width:0}.color-showcase__slider-value{flex-shrink:0;font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-default);min-width:32px;text-align:left}.color-showcase__hue-slider .ds-thumb-slider__track{background:linear-gradient(to right,#e83030,#e8e830,#30e830,#30e8e8,#3030e8,#e830e8,#e83030)!important}.color-showcase__hue-slider .ds-thumb-slider__fill{background:transparent!important}.color-showcase__picker{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm)}.color-showcase__picker .react-colorful{width:100%!important;aspect-ratio:1;height:auto!important;border-radius:var(--primitive-radius-xl)!important}.color-showcase__picker .react-colorful__saturation{border-radius:var(--primitive-radius-xl) var(--primitive-radius-xl) 0 0!important}.color-showcase__picker .react-colorful__hue,.color-showcase__picker .react-colorful__alpha{border-radius:0 0 var(--primitive-radius-xl) var(--primitive-radius-xl)!important}.color-showcase__history{display:flex;gap:0;justify-content:space-between}.color-showcase__history-swatch{width:32px;height:32px;border:none;border-radius:var(--primitive-radius-full);padding:0;cursor:pointer;outline:none;transition:outline var(--primitive-duration-fast) var(--primitive-easing-standard)}.color-showcase__history-swatch:hover{outline:var(--primitive-border-width-medium) solid var(--semantic-color-border-neutral-bold);outline-offset:var(--primitive-spacing-xs)}.color-showcase__history-swatch:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.color-showcase__history-swatch--empty{background-color:var(--semantic-color-surface-neutral-subtle);cursor:default;pointer-events:none}.color-showcase__picker-actions{display:flex;gap:var(--semantic-spacing-inline-sm)}.color-showcase__picker-actions .ds-button{flex:1}.color-showcase__accessibility{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-lg)}.a11y-matrix__group{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-lg);padding-bottom:var(--semantic-spacing-stack-xl)}.a11y-matrix__header{font-family:var(--semantic-typography-heading-h5-font-family);font-size:var(--semantic-typography-heading-h5-font-size);font-weight:var(--semantic-typography-heading-h5-font-weight);line-height:var(--semantic-typography-heading-h5-line-height);letter-spacing:var(--semantic-typography-heading-h5-letter-spacing);text-transform:capitalize;color:var(--semantic-color-text-neutral-bold);margin:0;padding-top:var(--semantic-spacing-stack-xl);padding-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.a11y-matrix__checker-row{display:flex;align-items:flex-end;gap:var(--semantic-spacing-inline-lg);flex-wrap:wrap}.a11y-matrix__field{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm)}.a11y-matrix__field .ds-select{min-width:160px}.a11y-matrix__field-label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-bold)}.a11y-matrix__color-option{display:flex;align-items:center;gap:var(--semantic-spacing-inline-sm)}.a11y-matrix__color-swatch{width:16px;height:16px;border-radius:var(--primitive-radius-full);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);flex-shrink:0}.a11y-matrix__ratio-box{display:flex;align-items:center;justify-content:center;height:32px;min-width:80px;padding:0 var(--semantic-spacing-inline-md);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);border-radius:var(--primitive-radius-full);font-family:var(--primitive-typography-family-mono);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-font-weight)}.a11y-matrix__compliance{display:flex;gap:var(--semantic-spacing-inline-sm);flex-wrap:wrap}.a11y-matrix__compliance-group{display:flex;border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);border-radius:var(--primitive-radius-full);overflow:hidden}.a11y-matrix__compliance-cell{display:flex;align-items:center;gap:var(--semantic-spacing-inline-xs);padding:var(--semantic-spacing-inline-xs) var(--semantic-spacing-inline-sm);font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-default)}.a11y-matrix__compliance-cell+.a11y-matrix__compliance-cell{border-left:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.a11y-matrix__compliance-icon--pass{color:var(--semantic-color-text-success-default, #16a34a)}.a11y-matrix__compliance-icon--fail{color:var(--semantic-color-text-error-default, #dc2626)}.a11y-matrix__controls{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md);padding-bottom:var(--semantic-spacing-stack-lg)}.a11y-matrix__filters{display:flex;gap:var(--semantic-spacing-inline-lg);flex-wrap:wrap}.a11y-matrix__filter-group{display:flex;gap:var(--semantic-spacing-inline-xs)}.a11y-matrix__legend{display:flex;gap:var(--semantic-spacing-inline-md);font-family:var(--primitive-typography-family-mono);font-size:var(--semantic-typography-body-xs-font-size);color:var(--semantic-color-text-neutral-subtle)}.a11y-matrix__legend-item{display:flex;align-items:center;gap:var(--semantic-spacing-inline-xs)}.a11y-matrix__table-wrap{overflow-x:auto}.a11y-matrix__table{width:100%;border-collapse:separate;border-spacing:0;border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);border-radius:var(--primitive-radius-xl);overflow:hidden}.a11y-matrix__table th,.a11y-matrix__table td{padding:var(--semantic-spacing-inline-sm);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);border-right:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);font-family:var(--primitive-typography-family-mono);font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height)}.a11y-matrix__table th{font-family:var(--semantic-typography-label-sm-font-family);font-size:var(--semantic-typography-label-sm-font-size);font-weight:var(--semantic-typography-label-sm-font-weight);line-height:var(--semantic-typography-label-sm-line-height);letter-spacing:var(--semantic-typography-label-sm-letter-spacing);color:var(--semantic-color-text-neutral-bold);text-align:center}.a11y-matrix__table th:last-child,.a11y-matrix__table td:last-child{border-right:none}.a11y-matrix__table tbody tr:last-child td{border-bottom:none}.a11y-matrix__table th:first-child{text-align:left}.a11y-matrix__table-group-row{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.a11y-matrix__table-group-label{display:flex;align-items:center;gap:var(--semantic-spacing-inline-sm);font-family:var(--semantic-typography-label-sm-font-family);font-size:var(--semantic-typography-label-sm-font-size);font-weight:var(--primitive-typography-weight-semibold);line-height:var(--semantic-typography-label-sm-line-height);letter-spacing:var(--semantic-typography-label-sm-letter-spacing);color:var(--semantic-color-text-neutral-bold)}.a11y-matrix__table-chevron{transition:transform var(--primitive-duration-fast) var(--primitive-easing-standard)}.a11y-matrix__table-chevron--open{transform:rotate(90deg)}.a11y-matrix__table-color-label{display:flex;align-items:center;gap:var(--semantic-spacing-inline-sm);font-family:var(--semantic-typography-label-sm-font-family);font-size:var(--semantic-typography-label-sm-font-size);font-weight:var(--semantic-typography-label-sm-font-weight);line-height:var(--semantic-typography-label-sm-line-height);letter-spacing:var(--semantic-typography-label-sm-letter-spacing);color:var(--semantic-color-text-neutral-default)}.a11y-matrix__table-cell{display:flex;align-items:center;justify-content:center;gap:var(--semantic-spacing-inline-xs)}.a11y-matrix__table-cell-ratio{color:var(--semantic-color-text-neutral-default)}.a11y-matrix__info{display:flex;align-items:flex-start;gap:var(--semantic-spacing-inline-sm);padding:var(--semantic-spacing-inset-md);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);border-radius:var(--primitive-radius-sm);background-color:var(--semantic-color-surface-neutral-subtle)}.a11y-matrix__info-icon{flex-shrink:0;margin-top:2px;color:var(--semantic-color-text-neutral-subtle)}.a11y-matrix__info-content{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-xs)}.a11y-matrix__info-title{margin:0;font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--primitive-typography-weight-semibold);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-bold)}.a11y-matrix__info-list{margin:0;padding:0 0 0 var(--semantic-spacing-inline-md);font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-default)}.a11y-matrix__info-list li{padding:1px 0}.font-preview-select .ds-select__trigger--has-badge{padding-left:var(--semantic-spacing-inset-md)}.font-preview-select .ds-select__option--has-badge{padding-right:6px}.font-preview-spinner{display:inline-block;width:12px;height:12px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:font-preview-spin .8s linear infinite;opacity:.5;flex-shrink:0}@keyframes font-preview-spin{to{transform:rotate(360deg)}}.manage-fonts__body{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-lg);--ds-input-max-width: 100%;--ds-select-max-width: 100%;--component-text-input-sm-max-width: 100%;--component-text-input-md-max-width: 100%;--pattern-text-input-properties-max-width: 100%}.manage-fonts__tab-content{display:grid;position:relative;padding-top:var(--semantic-spacing-stack-md);border-top:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.manage-fonts__tab-panel{grid-column:1;grid-row:1;visibility:hidden}.manage-fonts__tab-panel:nth-child(1),.manage-fonts__tab-panel:nth-child(2){position:absolute;inset:0}.manage-fonts__tab-panel--active{visibility:visible}.manage-fonts__library{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm);height:100%;min-height:0}.manage-fonts__library-header{display:flex;align-items:center;justify-content:space-between;margin:0}.manage-fonts__count{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-subtle)}.manage-fonts__library-scroll{flex:1;min-height:0}.manage-fonts__library-list{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm);padding:2px 0}.manage-fonts__empty{display:flex;align-items:center;justify-content:center;padding:var(--semantic-spacing-inset-lg) var(--semantic-spacing-inset-md);color:var(--semantic-color-text-neutral-default);font-family:var(--component-button-sm-font-family);font-size:var(--component-button-sm-font-size);font-style:italic}.manage-fonts__font-card{display:flex;align-items:center;gap:var(--semantic-spacing-inline-sm);padding:var(--semantic-spacing-inset-md);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);border-radius:var(--primitive-radius-md);background-color:var(--semantic-color-surface-neutral-subtle)}.manage-fonts__font-info{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm);min-width:0;flex:1}.manage-fonts__font-name{font-size:var(--semantic-typography-body-lg-font-size);font-weight:var(--semantic-typography-body-lg-bold-font-weight);line-height:var(--semantic-typography-body-lg-line-height);color:var(--semantic-color-text-neutral-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-fonts__font-badges{display:flex;align-items:center;gap:var(--semantic-spacing-inline-xs);flex-wrap:wrap}.manage-fonts__font-weights{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);line-height:1;color:var(--semantic-color-text-neutral-subtle);white-space:nowrap}.manage-fonts__font-actions{flex-shrink:0;align-self:center}.manage-fonts__search{position:relative}.manage-fonts__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--semantic-color-text-neutral-subtle);pointer-events:none;z-index:1}.manage-fonts__search .ds-input__field{padding-left:32px}.manage-fonts__spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--semantic-color-text-neutral-subtle);animation:manage-fonts-spin 1s linear infinite}@keyframes manage-fonts-spin{to{transform:translateY(-50%) rotate(360deg)}}.manage-fonts__error{margin:var(--semantic-spacing-stack-xs) 0 0;font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-error-default)}.manage-fonts__no-results{display:flex;align-items:center;justify-content:center;padding:var(--semantic-spacing-inset-lg) var(--semantic-spacing-inset-md);color:var(--semantic-color-text-neutral-default);font-family:var(--component-button-sm-font-family);font-size:var(--component-button-sm-font-size);font-style:italic}.manage-fonts__results{display:flex;flex-direction:column;gap:1px;max-height:240px;overflow-y:auto;margin-top:var(--semantic-spacing-stack-sm);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);border-radius:var(--primitive-radius-md);background-color:var(--semantic-color-border-neutral-default)}.manage-fonts__result-row{display:flex;align-items:center;justify-content:space-between;gap:var(--semantic-spacing-inline-sm);padding:var(--semantic-spacing-inset-sm);background-color:var(--semantic-color-surface-neutral-default)}.manage-fonts__result-row:first-child{border-radius:var(--primitive-radius-md) var(--primitive-radius-md) 0 0}.manage-fonts__result-row:last-child{border-radius:0 0 var(--primitive-radius-md) var(--primitive-radius-md)}.manage-fonts__result-row:only-child{border-radius:var(--primitive-radius-md)}.manage-fonts__result-row--added{opacity:.5}.manage-fonts__form{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md)}.manage-fonts__field{display:flex;flex-direction:column;gap:4px}.manage-fonts__field-hint{margin:0;padding-left:var(--semantic-spacing-inset-xs);font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-subtle)}.manage-fonts__form-description{margin:0;font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);line-height:var(--semantic-typography-body-xs-line-height);color:var(--semantic-color-text-neutral-subtle)}.manage-fonts__weights-section{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm)}.manage-fonts__weights-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--semantic-spacing-stack-xs) var(--semantic-spacing-inline-xs)}.manage-fonts__weights-variable{grid-column:span 3}.ds-modal__body:has(.manage-fonts__body){overflow:visible}.ds-modal__body:has(.manage-fonts__body)~.ds-modal__footer{border-top:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}@media(prefers-reduced-motion:reduce){.manage-fonts__spinner{animation-duration:0ms}}.semantic-color-showcase__loading{padding:var(--semantic-spacing-inset-lg);text-align:center;color:var(--semantic-color-text-neutral-subtle);font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-sm)}.semantic-color-showcase__tab-content{display:flex;flex-direction:column}.semantic-color-showcase__token-row{display:grid;grid-template-columns:120px 1fr;gap:var(--semantic-spacing-stack-md) var(--semantic-spacing-inline-md);align-items:start;border-bottom:1px solid var(--semantic-color-border-neutral-subtle);padding-bottom:var(--semantic-spacing-stack-lg);margin-bottom:var(--semantic-spacing-stack-md)}.semantic-color-showcase__token-row:last-child{margin-bottom:0}.semantic-color-showcase__label{font-family:var(--semantic-typography-heading-h5-font-family);font-size:var(--semantic-typography-heading-h5-font-size);font-weight:var(--semantic-typography-heading-h5-font-weight);line-height:var(--semantic-typography-heading-h5-line-height);letter-spacing:var(--semantic-typography-heading-h5-letter-spacing);text-transform:capitalize;color:var(--semantic-color-text-neutral-bold)}.semantic-color-showcase__label--top{align-self:start;padding-top:var(--semantic-spacing-stack-sm)}.semantic-color-showcase__selectors{display:grid;grid-template-columns:repeat(2,minmax(0,422px));gap:var(--semantic-spacing-inline-md)}.semantic-color-showcase__swatch{width:100%;max-width:422px;border-radius:var(--pattern-text-input-base-tokens-border-radius, var(--primitive-radius-sm));border:1px solid color-mix(in srgb,currentColor 12%,transparent);min-height:72px;display:flex;align-items:flex-start}.semantic-color-showcase__swatch-label{padding:var(--semantic-spacing-inset-xs)}.semantic-color-showcase__swatch-label-inner{padding:var(--semantic-spacing-inset-sm);display:flex;align-items:center;gap:4px;font-size:var(--primitive-typography-size-xs);font-family:var(--primitive-typography-family-mono)}.semantic-color-showcase__selector{width:100%;display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md)}.semantic-color-showcase__context{max-width:calc(422px * 2 + var(--semantic-spacing-inline-md))}.semantic-color-showcase__intent-card{height:auto;padding:var(--semantic-spacing-inset-lg) 0}.semantic-color-showcase__intent-header{padding-bottom:var(--semantic-spacing-stack-md);margin-bottom:var(--semantic-spacing-stack-md);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.semantic-color-showcase__intent-card--collapsed{padding-bottom:0}.semantic-color-showcase__intent-card--collapsed .semantic-color-showcase__intent-header{margin-bottom:0}.semantic-color-showcase__chevron{margin-left:auto}.semantic-color-showcase__chevron svg{transition:transform var(--primitive-duration-fast) var(--primitive-easing-standard)}.semantic-color-showcase__intent-card--collapsed .semantic-color-showcase__chevron svg{transform:rotate(-90deg)}.semantic-color-showcase__intent-badge{background-color:var(--ds-layer-semantic-bg);color:var(--ds-layer-semantic-text);border-color:var(--ds-layer-semantic-bg)}.btn-layout-preview__cell{min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--semantic-spacing-stack-sm)}.btn-layout-preview__button-wrap{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px}.btn-layout-preview__label{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-subtle);text-align:center;white-space:nowrap}.btn-showcase__context-input{width:clamp(340px,50%,422px)}.btn-showcase__context-input .ds-input__label{width:120px;flex-shrink:0;align-self:flex-start;padding-top:var(--semantic-spacing-inset-xs)}.btn-showcase__context-input textarea{resize:none;scrollbar-width:none}.btn-showcase__context-input textarea::-webkit-scrollbar{display:none}.btn-base-preview--contrast{background-color:var(--semantic-color-contrast-dark)!important;color:var(--semantic-color-contrast-light)!important;border-color:var(--semantic-color-contrast-dark)!important}.btn-size-preview__cell{min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--semantic-spacing-stack-sm)}.btn-size-preview__button-wrap{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px}.btn-size-preview__label{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-subtle);text-align:center;white-space:nowrap}.badge-layout-preview__cell{min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--semantic-spacing-stack-sm)}.badge-layout-preview__badge-wrap{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px}.badge-layout-preview__label{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-subtle);text-align:center;white-space:nowrap}.badge-size-preview__cell{min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--semantic-spacing-stack-sm)}.badge-size-preview__badge-wrap{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px}.badge-size-preview__label{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-subtle);text-align:center;white-space:nowrap}.badge-showcase__context-input{width:clamp(340px,50%,422px)}.badge-showcase__context-input .ds-input__label{width:120px;flex-shrink:0;align-self:flex-start;padding-top:var(--semantic-spacing-inset-xs)}.badge-showcase__context-input textarea{resize:none;scrollbar-width:none}.badge-showcase__context-input textarea::-webkit-scrollbar{display:none}.badge-base-preview--contrast{background-color:var(--semantic-color-contrast-dark)!important;color:var(--semantic-color-contrast-light)!important;border-color:var(--semantic-color-contrast-dark)!important}.text-input-layout-preview__cell{min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--semantic-spacing-stack-sm)}.text-input-layout-preview__input-wrap{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px}.text-input-layout-preview__label{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-subtle);text-align:center;white-space:nowrap}.text-input-variants-preview{display:grid;grid-template-columns:1fr 1fr;gap:var(--semantic-spacing-stack-lg);width:100%}.text-input-variants-preview__cell{min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--semantic-spacing-stack-sm)}.text-input-variants-preview__label{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-subtle);text-align:center;white-space:nowrap}.text-input-showcase__context-input{width:clamp(340px,50%,422px)}.text-input-showcase__context-input .ds-input__label{width:120px;flex-shrink:0;align-self:flex-start;padding-top:var(--semantic-spacing-inset-xs)}.text-input-showcase__context-input textarea{resize:none;scrollbar-width:none}.text-input-showcase__context-input textarea::-webkit-scrollbar{display:none}.text-input-base-preview--contrast{background:var(--semantic-color-contrast-light)!important;color:var(--semantic-color-contrast-dark)!important;border-color:var(--semantic-color-contrast-dark)!important}textarea.text-input-base-preview--contrast::-moz-placeholder{color:var(--semantic-color-contrast-dark)!important;opacity:1}textarea.text-input-base-preview--contrast::placeholder{color:var(--semantic-color-contrast-dark)!important;opacity:1}.text-input-size-preview__cell{min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--semantic-spacing-stack-sm)}.text-input-size-preview__input-wrap{display:flex;align-items:center;justify-content:center;width:100%;min-width:192px;min-height:56px}.text-input-size-preview__label{font-family:var(--primitive-typography-family-mono);font-size:var(--primitive-typography-size-xs);color:var(--semantic-color-text-neutral-subtle);text-align:center;white-space:nowrap}.card-showcase__context-input{width:clamp(340px,50%,422px)}.card-showcase__context-input .ds-input__label{width:120px;flex-shrink:0;align-self:flex-start;padding-top:var(--semantic-spacing-inset-xs)}.card-showcase__context-input textarea{resize:none;scrollbar-width:none}.card-showcase__context-input textarea::-webkit-scrollbar{display:none}.card-base-preview--contrast{background:var(--semantic-color-contrast-light)!important;color:var(--semantic-color-contrast-dark)!important;border-color:var(--semantic-color-contrast-dark)!important}:root{--primitive-color-brand-primary-50: #F2F6FA;--primitive-color-brand-primary-100: #DFEAF6;--primitive-color-brand-primary-200: #C4D9F1;--primitive-color-brand-primary-300: #A3C4E8;--primitive-color-brand-primary-400: #77A8DC;--primitive-color-brand-primary-500: #0168B5;--primitive-color-brand-primary-600: #004F8B;--primitive-color-brand-primary-700: #003663;--primitive-color-brand-primary-800: #002445;--primitive-color-brand-primary-900: #00162E;--primitive-color-brand-primary-950: #000B1D;--primitive-color-brand-secondary-50: #FFF2EF;--primitive-color-brand-secondary-100: #FFE6E0;--primitive-color-brand-secondary-200: #FFD3CA;--primitive-color-brand-secondary-300: #FFBBAD;--primitive-color-brand-secondary-400: #FF9985;--primitive-color-brand-secondary-500: #EE442A;--primitive-color-brand-secondary-600: #BB2208;--primitive-color-brand-secondary-700: #831000;--primitive-color-brand-secondary-800: #580700;--primitive-color-brand-secondary-900: #360200;--primitive-color-brand-secondary-950: #1C0201;--primitive-color-brand-accent-50: #FFF4DF;--primitive-color-brand-accent-100: #FFEFD2;--primitive-color-brand-accent-200: #FFE8BE;--primitive-color-brand-accent-300: #FFDFA4;--primitive-color-brand-accent-400: #FFD27D;--primitive-color-brand-accent-500: #F7B719;--primitive-color-brand-accent-600: #B78600;--primitive-color-brand-accent-700: #7A5800;--primitive-color-brand-accent-800: #4D3600;--primitive-color-brand-accent-900: #2A1C00;--primitive-color-brand-accent-950: #120A00;--primitive-color-neutral-gray-50: #F3F5F9;--primitive-color-neutral-gray-100: #E6E8EC;--primitive-color-neutral-gray-200: #D2D4D8;--primitive-color-neutral-gray-300: #B2B4B8;--primitive-color-neutral-gray-400: #8D8F93;--primitive-color-neutral-gray-500: #707275;--primitive-color-neutral-gray-600: #535559;--primitive-color-neutral-gray-700: #3E4043;--primitive-color-neutral-gray-800: #25262A;--primitive-color-neutral-gray-900: #101214;--primitive-color-neutral-gray-950: #050608;--primitive-color-neutral-gray-white: #FFFFFF;--primitive-color-neutral-gray-black: #000000;--primitive-color-feedback-warning-50: #FFF3E5;--primitive-color-feedback-warning-100: #FFECD8;--primitive-color-feedback-warning-200: #FFE2C2;--primitive-color-feedback-warning-300: #FFD6A7;--primitive-color-feedback-warning-400: #FFC47E;--primitive-color-feedback-warning-500: #F59E0B;--primitive-color-feedback-warning-600: #B67400;--primitive-color-feedback-warning-700: #7A4C00;--primitive-color-feedback-warning-800: #4E2F00;--primitive-color-feedback-warning-900: #2C1800;--primitive-color-feedback-warning-950: #140800;--primitive-color-feedback-error-50: #FFF1F0;--primitive-color-feedback-error-100: #FFE4E1;--primitive-color-feedback-error-200: #FFD0CB;--primitive-color-feedback-error-300: #FFB5AE;--primitive-color-feedback-error-400: #FF8F86;--primitive-color-feedback-error-500: #df3e3e;--primitive-color-feedback-error-600: #B01F24;--primitive-color-feedback-error-700: #7D0A13;--primitive-color-feedback-error-800: #550409;--primitive-color-feedback-error-900: #340304;--primitive-color-feedback-error-950: #1C0202;--primitive-color-feedback-success-50: #DFFFE4;--primitive-color-feedback-success-100: #C7FFD1;--primitive-color-feedback-success-200: #9DFFB2;--primitive-color-feedback-success-300: #89F5A1;--primitive-color-feedback-success-400: #6EE68C;--primitive-color-feedback-success-500: #22C55E;--primitive-color-feedback-success-600: #009341;--primitive-color-feedback-success-700: #006329;--primitive-color-feedback-success-800: #003F18;--primitive-color-feedback-success-900: #00230A;--primitive-color-feedback-success-950: #001003;--primitive-color-feedback-info-50: #EFF6FF;--primitive-color-feedback-info-100: #E1EDFF;--primitive-color-feedback-info-200: #CCE0FF;--primitive-color-feedback-info-300: #B1CFFF;--primitive-color-feedback-info-400: #8CB8FF;--primitive-color-feedback-info-500: #3B82F6;--primitive-color-feedback-info-600: #205FC4;--primitive-color-feedback-info-700: #0E3F8C;--primitive-color-feedback-info-800: #06285F;--primitive-color-feedback-info-900: #03163A;--primitive-color-feedback-info-950: #020A1F;--primitive-typography-family-display: "Major Mono Display";--primitive-typography-family-heading: "Instrument Sans";--primitive-typography-family-body: "Instrument Sans";--primitive-typography-family-mono: "Roboto Mono";--primitive-typography-size-xs: clamp(.607625rem, .5729rem + .1736vw, .78125rem);--primitive-typography-size-sm: clamp(.7291875rem, .6875rem + .2083vw, .9375rem);--primitive-typography-size-base: clamp(.875rem, .825rem + .25vw, 1.125rem);--primitive-typography-size-lg: clamp(1.05rem, .99rem + .3vw, 1.35rem);--primitive-typography-size-xl: clamp(1.26rem, 1.188rem + .36vw, 1.62rem);--primitive-typography-size-2xl: clamp(1.512rem, 1.4256rem + .432vw, 1.944rem);--primitive-typography-size-3xl: clamp(1.814375rem, 1.7107rem + .5184vw, 2.3328125rem);--primitive-typography-size-4xl: clamp(2.17725rem, 2.0528rem + .6221vw, 2.799375rem);--primitive-typography-size-5xl: clamp(2.61275rem, 2.4635rem + .7465vw, 3.35925rem);--primitive-typography-size-6xl: clamp(3.1353125rem, 2.9562rem + .8958vw, 4.0310625rem);--primitive-typography-size-7xl: clamp(3.7623125rem, 3.5473rem + 1.075vw, 4.8373125rem);--primitive-typography-size-8xl: clamp(4.5148125rem, 4.2568rem + 1.2899vw, 5.80475rem);--primitive-typography-size-9xl: clamp(5.41775rem, 5.1082rem + 1.5479vw, 6.9656875rem);--primitive-typography-weight-thin: 100;--primitive-typography-weight-extralight: 200;--primitive-typography-weight-light: 300;--primitive-typography-weight-normal: 400;--primitive-typography-weight-medium: 500;--primitive-typography-weight-semibold: 600;--primitive-typography-weight-bold: 700;--primitive-typography-weight-extrabold: 800;--primitive-typography-weight-black: 900;--primitive-typography-line-height-none: 1;--primitive-typography-line-height-tight: 1.25;--primitive-typography-line-height-snug: 1.375;--primitive-typography-line-height-normal: 1.5;--primitive-typography-line-height-relaxed: 1.625;--primitive-typography-line-height-loose: 2;--primitive-typography-letter-spacing-tighter: -.05em;--primitive-typography-letter-spacing-tight: -.025em;--primitive-typography-letter-spacing-normal: 0em;--primitive-typography-letter-spacing-wide: .025em;--primitive-typography-letter-spacing-wider: .05em;--primitive-typography-letter-spacing-widest: .1em;--primitive-typography-text-transform-none: none;--primitive-typography-text-transform-uppercase: uppercase;--primitive-typography-text-transform-lowercase: lowercase;--primitive-typography-text-transform-capitalize: capitalize;--primitive-typography-defaults-display-weight: 400;--primitive-typography-defaults-display-line-height: var(--primitive-typography-line-height-tight);--primitive-typography-defaults-display-letter-spacing: var(--primitive-typography-letter-spacing-normal);--primitive-typography-defaults-display-text-transform: var(--primitive-typography-text-transform-lowercase);--primitive-typography-defaults-heading-weight: 700;--primitive-typography-defaults-heading-line-height: var(--primitive-typography-line-height-normal);--primitive-typography-defaults-heading-letter-spacing: var(--primitive-typography-letter-spacing-normal);--primitive-typography-defaults-heading-text-transform: var(--primitive-typography-text-transform-none);--primitive-typography-defaults-body-weight: 400;--primitive-typography-defaults-body-line-height: var(--primitive-typography-line-height-normal);--primitive-typography-defaults-body-letter-spacing: var(--primitive-typography-letter-spacing-normal);--primitive-typography-defaults-body-text-transform: var(--primitive-typography-text-transform-none);--primitive-typography-defaults-mono-weight: 400;--primitive-typography-defaults-mono-line-height: var(--primitive-typography-line-height-normal);--primitive-typography-defaults-mono-letter-spacing: var(--primitive-typography-letter-spacing-tight);--primitive-typography-defaults-mono-text-transform: var(--primitive-typography-text-transform-none);--primitive-typography-config-fluid-enabled: true;--primitive-typography-config-base-size: 16;--primitive-typography-config-min-base-size: 14;--primitive-typography-config-max-base-size: 18;--primitive-typography-config-ratio: Minor Third;--primitive-typography-config-min-viewport: 320;--primitive-typography-config-max-viewport: 1920;--primitive-typography-customfonts-0-name: Major Mono Display;--primitive-typography-customfonts-0-fontfamily: Major Mono Display;--primitive-typography-customfonts-0-category: monospace;--primitive-typography-customfonts-0-source: google;--primitive-typography-customfonts-1-name: Onest;--primitive-typography-customfonts-1-fontfamily: Onest;--primitive-typography-customfonts-1-category: sans-serif;--primitive-typography-customfonts-1-source: google;--primitive-typography-customfonts-2-name: Recursive;--primitive-typography-customfonts-2-fontfamily: Recursive;--primitive-typography-customfonts-2-category: sans-serif;--primitive-typography-customfonts-2-source: google;--primitive-typography-customfonts-3-name: Sono;--primitive-typography-customfonts-3-fontfamily: Sono;--primitive-typography-customfonts-3-category: sans-serif;--primitive-typography-customfonts-3-source: google;--primitive-spacing-zero: 0rem;--primitive-spacing-xs: .125rem;--primitive-spacing-sm: .25rem;--primitive-spacing-md: .375rem;--primitive-spacing-lg: .5rem;--primitive-spacing-xl: .75rem;--primitive-spacing-2xl: 1rem;--primitive-spacing-3xl: 1.5rem;--primitive-spacing-4xl: 2rem;--primitive-spacing-5xl: 3rem;--primitive-spacing-6xl: 4rem;--primitive-radius-zero: 0rem;--primitive-radius-xs: .125rem;--primitive-radius-sm: .1875rem;--primitive-radius-md: .375rem;--primitive-radius-lg: .5625rem;--primitive-radius-xl: 1rem;--primitive-radius-2xl: 1.5rem;--primitive-radius-full: 624.9375rem;--primitive-border-width-none: 0px;--primitive-border-width-thin: .5px;--primitive-border-width-regular: 1px;--primitive-border-width-medium: 2px;--primitive-border-width-bold: 2.5px;--primitive-border-width-heavy: 3px;--primitive-breakpoint-xs: 320px;--primitive-breakpoint-sm: 640px;--primitive-breakpoint-md: 768px;--primitive-breakpoint-lg: 1024px;--primitive-breakpoint-xl: 1280px;--primitive-breakpoint-2xl: 1536px;--primitive-layout-xs: 640px;--primitive-layout-sm: 768px;--primitive-layout-md: 1024px;--primitive-layout-lg: 1280px;--primitive-layout-xl: 1536px;--primitive-layout-cols: 12;--primitive-layout-gutter: 24px;--primitive-shadow-elevation-1: 0px 0px 2px 1px rgba(0, 0, 0, 0);--primitive-shadow-elevation-2: 0px 4px 4px 0px rgba(0, 0, 0, .06), 0px 1px 2px 0px rgba(0, 0, 0, .03);--primitive-shadow-elevation-3: 0px -1px 16px 0px rgba(0, 0, 0, .08), 0px 2px 4px 0px rgba(0, 0, 0, .04);--primitive-shadow-elevation-4: 0px 0px 16px 0px rgba(0, 0, 0, .1), 0px 4px 8px 0px rgba(0, 0, 0, .05);--primitive-shadow-elevation-5: 0px 2px 24px 0px rgba(0, 0, 0, .29), 0px 0px 12px -13px rgba(0, 0, 0, .03);--primitive-shadow-elevation-6: 0px 5px 24px 5px rgba(0, 0, 0, .12), 0px 8px 16px 0px rgba(0, 0, 0, .07);--primitive-opacity-alpha-0: 0;--primitive-opacity-alpha-5: .05;--primitive-opacity-alpha-10: .1;--primitive-opacity-alpha-20: .2;--primitive-opacity-alpha-25: .25;--primitive-opacity-alpha-30: .3;--primitive-opacity-alpha-40: .4;--primitive-opacity-alpha-50: .5;--primitive-opacity-alpha-60: .6;--primitive-opacity-alpha-70: .7;--primitive-opacity-alpha-75: .75;--primitive-opacity-alpha-80: .8;--primitive-opacity-alpha-90: .9;--primitive-opacity-alpha-95: .95;--primitive-opacity-alpha-100: 1;--primitive-z-index-layer-10: 10;--primitive-z-index-layer-20: 20;--primitive-z-index-layer-30: 30;--primitive-z-index-layer-40: 40;--primitive-z-index-layer-50: 50;--primitive-z-index-layer-60: 60;--primitive-z-index-layer-70: 70;--primitive-z-index-layer-max: 9999;--primitive-z-index-layer-base: 0;--primitive-duration-instant: 0ms;--primitive-duration-fast: .15s;--primitive-duration-base: .3s;--primitive-duration-moderate: .5s;--primitive-duration-slow: .7s;--primitive-duration-slower: 1s;--primitive-easing-linear: linear;--primitive-easing-ease: ease;--primitive-easing-ease-in: ease-in;--primitive-easing-ease-out: ease-out;--primitive-easing-ease-in-out: ease-in-out;--primitive-easing-standard: cubic-bezier(.4, 0, .2, 1);--primitive-easing-decelerate: cubic-bezier(0, 0, .2, 1);--primitive-easing-accelerate: cubic-bezier(.4, 0, 1, 1);--primitive-easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--primitive-icon-size-xs: 12px;--primitive-icon-size-sm: 16px;--primitive-icon-size-md: 20px;--primitive-icon-size-lg: 24px;--primitive-icon-size-xl: 32px;--primitive-icon-size-2xl: 40px;--primitive-icon-size-3xl: 48px;--primitive-icon-size-4xl: 64px;--primitive-icon-stroke-thin: 1px;--primitive-icon-stroke-regular: 1.5px;--primitive-icon-stroke-medium: 2px;--primitive-icon-stroke-bold: 2.5px;--primitive-icon-stroke-heavy: 3px}:root,[data-theme=light]{--semantic-color-text-neutral-subtle: var(--primitive-color-neutral-gray-400);--semantic-color-text-neutral-default: var(--primitive-color-neutral-gray-700);--semantic-color-text-neutral-bold: var(--primitive-color-neutral-gray-900);--semantic-color-text-neutral-contrast: var(--primitive-color-neutral-gray-50);--semantic-color-text-primary-subtle: var(--primitive-color-brand-primary-400);--semantic-color-text-primary-default: var(--primitive-color-brand-primary-600);--semantic-color-text-primary-bold: var(--primitive-color-brand-primary-800);--semantic-color-text-primary-contrast: var(--primitive-color-brand-primary-50);--semantic-color-text-secondary-subtle: var(--primitive-color-brand-secondary-400);--semantic-color-text-secondary-default: var(--primitive-color-brand-secondary-600);--semantic-color-text-secondary-bold: var(--primitive-color-brand-secondary-800);--semantic-color-text-secondary-contrast: var(--primitive-color-brand-secondary-50);--semantic-color-text-accent-subtle: var(--primitive-color-brand-accent-400);--semantic-color-text-accent-default: var(--primitive-color-brand-accent-600);--semantic-color-text-accent-bold: var(--primitive-color-brand-accent-800);--semantic-color-text-accent-contrast: var(--primitive-color-brand-accent-50);--semantic-color-text-success-subtle: var(--primitive-color-feedback-success-400);--semantic-color-text-success-default: var(--primitive-color-feedback-success-600);--semantic-color-text-success-bold: var(--primitive-color-feedback-success-800);--semantic-color-text-success-contrast: var(--primitive-color-feedback-success-50);--semantic-color-text-warning-subtle: var(--primitive-color-feedback-warning-400);--semantic-color-text-warning-default: var(--primitive-color-feedback-warning-600);--semantic-color-text-warning-bold: var(--primitive-color-feedback-warning-800);--semantic-color-text-warning-contrast: var(--primitive-color-feedback-warning-50);--semantic-color-text-error-subtle: var(--primitive-color-feedback-error-400);--semantic-color-text-error-default: var(--primitive-color-feedback-error-600);--semantic-color-text-error-bold: var(--primitive-color-feedback-error-800);--semantic-color-text-error-contrast: var(--primitive-color-feedback-error-50);--semantic-color-text-info-subtle: var(--primitive-color-feedback-info-400);--semantic-color-text-info-default: var(--primitive-color-feedback-info-600);--semantic-color-text-info-bold: var(--primitive-color-feedback-info-800);--semantic-color-text-info-contrast: var(--primitive-color-feedback-info-50);--semantic-color-text-disabled: var(--primitive-color-neutral-gray-500);--semantic-color-surface-neutral-subtle: var(--primitive-color-neutral-gray-100);--semantic-color-surface-neutral-default: var(--primitive-color-neutral-gray-200);--semantic-color-surface-neutral-bold: var(--primitive-color-neutral-gray-800);--semantic-color-surface-primary-subtle: var(--primitive-color-brand-primary-100);--semantic-color-surface-primary-default: var(--primitive-color-brand-primary-200);--semantic-color-surface-primary-bold: var(--primitive-color-brand-primary-500);--semantic-color-surface-secondary-subtle: var(--primitive-color-brand-secondary-100);--semantic-color-surface-secondary-default: var(--primitive-color-brand-secondary-200);--semantic-color-surface-secondary-bold: var(--primitive-color-brand-secondary-500);--semantic-color-surface-accent-subtle: var(--primitive-color-brand-accent-100);--semantic-color-surface-accent-default: var(--primitive-color-brand-accent-200);--semantic-color-surface-accent-bold: var(--primitive-color-brand-accent-600);--semantic-color-surface-success-subtle: var(--primitive-color-feedback-success-100);--semantic-color-surface-success-default: var(--primitive-color-feedback-success-200);--semantic-color-surface-success-bold: var(--primitive-color-feedback-success-500);--semantic-color-surface-warning-subtle: var(--primitive-color-feedback-warning-100);--semantic-color-surface-warning-default: var(--primitive-color-feedback-warning-200);--semantic-color-surface-warning-bold: var(--primitive-color-feedback-warning-500);--semantic-color-surface-error-subtle: var(--primitive-color-feedback-error-100);--semantic-color-surface-error-default: var(--primitive-color-feedback-error-200);--semantic-color-surface-error-bold: var(--primitive-color-feedback-error-500);--semantic-color-surface-info-subtle: var(--primitive-color-feedback-info-100);--semantic-color-surface-info-default: var(--primitive-color-feedback-info-200);--semantic-color-surface-info-bold: var(--primitive-color-feedback-info-500);--semantic-color-surface-disabled: var(--primitive-color-neutral-gray-200);--semantic-color-border-neutral-subtle: var(--primitive-color-neutral-gray-100);--semantic-color-border-neutral-default: var(--primitive-color-neutral-gray-400);--semantic-color-border-neutral-bold: var(--primitive-color-neutral-gray-700);--semantic-color-border-primary-subtle: var(--primitive-color-brand-primary-200);--semantic-color-border-primary-default: var(--primitive-color-brand-primary-500);--semantic-color-border-primary-bold: var(--primitive-color-brand-primary-700);--semantic-color-border-secondary-subtle: var(--primitive-color-brand-secondary-200);--semantic-color-border-secondary-default: var(--primitive-color-brand-secondary-500);--semantic-color-border-secondary-bold: var(--primitive-color-brand-secondary-700);--semantic-color-border-accent-subtle: var(--primitive-color-brand-accent-200);--semantic-color-border-accent-default: var(--primitive-color-brand-accent-500);--semantic-color-border-accent-bold: var(--primitive-color-brand-accent-700);--semantic-color-border-success-subtle: var(--primitive-color-feedback-success-200);--semantic-color-border-success-default: var(--primitive-color-feedback-success-500);--semantic-color-border-success-bold: var(--primitive-color-feedback-success-700);--semantic-color-border-warning-subtle: var(--primitive-color-feedback-warning-200);--semantic-color-border-warning-default: var(--primitive-color-feedback-warning-500);--semantic-color-border-warning-bold: var(--primitive-color-feedback-warning-700);--semantic-color-border-error-subtle: var(--primitive-color-feedback-error-200);--semantic-color-border-error-default: var(--primitive-color-feedback-error-500);--semantic-color-border-error-bold: var(--primitive-color-feedback-error-700);--semantic-color-border-info-subtle: var(--primitive-color-feedback-info-200);--semantic-color-border-info-default: var(--primitive-color-feedback-info-500);--semantic-color-border-info-bold: var(--primitive-color-feedback-info-700);--semantic-color-border-disabled: var(--primitive-color-neutral-gray-400);--semantic-color-contrast-light: var(--primitive-color-neutral-gray-white);--semantic-color-contrast-dark: var(--primitive-color-neutral-gray-black);--semantic-color-interactive-primary-default: var(--primitive-color-neutral-gray-800);--semantic-color-interactive-primary-hover: var(--primitive-color-neutral-gray-700);--semantic-color-interactive-primary-active: var(--primitive-color-brand-primary-700);--semantic-color-interactive-primary-disabled: var(--primitive-color-neutral-gray-200);--semantic-color-interactive-primary-text: var(--primitive-color-brand-primary-50);--semantic-color-interactive-primary-text-disabled: var(--primitive-color-neutral-gray-600);--semantic-color-interactive-secondary-default: var(--primitive-color-brand-secondary-700);--semantic-color-interactive-secondary-hover: var(--primitive-color-brand-secondary-800);--semantic-color-interactive-secondary-active: var(--primitive-color-brand-secondary-900);--semantic-color-interactive-secondary-disabled: var(--primitive-color-neutral-gray-50);--semantic-color-interactive-secondary-text: var(--primitive-color-brand-primary-800);--semantic-color-interactive-secondary-text-disabled: var(--primitive-color-neutral-gray-200);--semantic-color-interactive-tertiary-default: var(--primitive-color-brand-accent-700);--semantic-color-interactive-tertiary-hover: var(--primitive-color-brand-accent-800);--semantic-color-interactive-tertiary-active: var(--primitive-color-brand-accent-900);--semantic-color-interactive-tertiary-disabled: var(--primitive-color-neutral-gray-50);--semantic-color-interactive-tertiary-text: var(--primitive-color-brand-primary-800);--semantic-color-interactive-tertiary-text-disabled: var(--primitive-color-neutral-gray-400);--semantic-color-interactive-destructive-default: var(--primitive-color-feedback-error-500);--semantic-color-interactive-destructive-hover: var(--primitive-color-feedback-error-600);--semantic-color-interactive-destructive-active: var(--primitive-color-feedback-error-700);--semantic-color-interactive-destructive-disabled: var(--primitive-color-neutral-gray-50);--semantic-color-interactive-destructive-text: var(--primitive-color-feedback-error-50);--semantic-color-interactive-destructive-text-disabled: var(--primitive-color-neutral-gray-400);--semantic-color-interactive-link-default: var(--primitive-color-brand-primary-600);--semantic-color-interactive-link-hover: var(--primitive-color-brand-primary-800);--semantic-color-interactive-link-active: var(--primitive-color-brand-primary-900);--semantic-color-interactive-link-disabled: var(--primitive-color-neutral-gray-400);--semantic-typography-display-lg-font-family: var(--primitive-typography-family-display);--semantic-typography-display-lg-font-size: var(--primitive-typography-size-7xl);--semantic-typography-display-md-font-family: var(--primitive-typography-family-display);--semantic-typography-display-md-font-size: var(--primitive-typography-size-6xl);--semantic-typography-display-sm-font-family: var(--primitive-typography-family-display);--semantic-typography-display-sm-font-size: var(--primitive-typography-size-5xl);--semantic-typography-heading-h1-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h1-font-size: var(--primitive-typography-size-6xl);--semantic-typography-heading-h2-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h2-font-size: var(--primitive-typography-size-4xl);--semantic-typography-heading-h2-font-weight: var(--primitive-typography-weight-semibold);--semantic-typography-heading-h3-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h3-font-size: var(--primitive-typography-size-2xl);--semantic-typography-heading-h3-font-weight: var(--primitive-typography-weight-medium);--semantic-typography-heading-h3-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-heading-h3-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-heading-h4-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h4-font-size: var(--primitive-typography-size-xl);--semantic-typography-heading-h4-font-weight: var(--primitive-typography-weight-bold);--semantic-typography-heading-h4-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-heading-h4-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-heading-h4-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-heading-h5-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h5-font-size: var(--primitive-typography-size-lg);--semantic-typography-heading-h5-font-weight: var(--primitive-typography-weight-semibold);--semantic-typography-heading-h5-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-heading-h5-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-heading-h5-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-heading-h6-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h6-font-size: var(--primitive-typography-size-base);--semantic-typography-heading-h6-font-weight: var(--primitive-typography-weight-bold);--semantic-typography-heading-h6-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-heading-h6-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-heading-h6-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-lg-font-family: var(--primitive-typography-family-body);--semantic-typography-body-lg-font-size: var(--primitive-typography-size-lg);--semantic-typography-body-lg-bold-font-family: var(--primitive-typography-family-body);--semantic-typography-body-lg-bold-font-size: var(--primitive-typography-size-lg);--semantic-typography-body-lg-bold-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-body-lg-bold-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-lg-bold-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-md-font-family: var(--primitive-typography-family-body);--semantic-typography-body-md-font-size: var(--primitive-typography-size-base);--semantic-typography-body-md-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-body-md-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-body-md-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-md-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-md-bold-font-family: var(--primitive-typography-family-body);--semantic-typography-body-md-bold-font-size: var(--primitive-typography-size-base);--semantic-typography-body-md-bold-font-weight: var(--primitive-typography-weight-semibold);--semantic-typography-body-md-bold-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-body-md-bold-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-md-bold-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-sm-font-family: var(--primitive-typography-family-body);--semantic-typography-body-sm-font-size: var(--primitive-typography-size-sm);--semantic-typography-body-sm-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-body-sm-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-body-sm-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-sm-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-sm-bold-font-family: var(--primitive-typography-family-body);--semantic-typography-body-sm-bold-font-size: var(--primitive-typography-size-sm);--semantic-typography-body-sm-bold-font-weight: var(--primitive-typography-weight-semibold);--semantic-typography-body-sm-bold-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-body-sm-bold-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-sm-bold-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-xs-font-family: var(--primitive-typography-family-body);--semantic-typography-body-xs-font-size: var(--primitive-typography-size-xs);--semantic-typography-body-xs-font-weight: var(--primitive-typography-weight-medium);--semantic-typography-body-xs-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-body-xs-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-xs-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-label-lg-font-family: var(--primitive-typography-family-body);--semantic-typography-label-lg-font-size: var(--primitive-typography-size-lg);--semantic-typography-label-lg-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-label-lg-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-label-lg-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-label-lg-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-label-md-font-family: var(--primitive-typography-family-body);--semantic-typography-label-md-font-size: var(--primitive-typography-size-base);--semantic-typography-label-md-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-label-md-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-label-md-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-label-md-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-label-sm-font-family: var(--primitive-typography-family-body);--semantic-typography-label-sm-font-size: var(--primitive-typography-size-sm);--semantic-typography-label-sm-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-label-sm-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-label-sm-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-label-sm-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-label-uppercase-font-family: var(--primitive-typography-family-body);--semantic-typography-label-uppercase-font-size: var(--primitive-typography-size-xs);--semantic-typography-label-uppercase-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-label-uppercase-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-label-uppercase-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-label-uppercase-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-label-xs-font-family: var(--primitive-typography-family-body);--semantic-typography-label-xs-font-size: var(--primitive-typography-size-xs);--semantic-typography-label-xs-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-label-xs-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-label-xs-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-label-xs-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-caption-md-font-family: var(--primitive-typography-family-body);--semantic-typography-caption-md-font-size: var(--primitive-typography-size-sm);--semantic-typography-caption-md-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-caption-md-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-caption-md-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-caption-md-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-caption-sm-font-family: var(--primitive-typography-family-body);--semantic-typography-caption-sm-font-size: var(--primitive-typography-size-xs);--semantic-typography-caption-sm-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-caption-sm-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-caption-sm-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-caption-sm-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-code-block-font-family: var(--primitive-typography-family-mono);--semantic-typography-code-block-font-size: var(--primitive-typography-size-xs);--semantic-typography-code-block-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-code-block-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-code-block-letter-spacing: var(--primitive-typography-letter-spacing-tight);--semantic-typography-code-block-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-code-inline-font-family: var(--primitive-typography-family-mono);--semantic-typography-code-inline-font-size: var(--primitive-typography-size-sm);--semantic-typography-code-inline-font-weight: var(--primitive-typography-weight-light);--semantic-typography-code-inline-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-code-inline-letter-spacing: var(--primitive-typography-letter-spacing-tight);--semantic-typography-code-inline-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-overline-md-font-family: var(--primitive-typography-family-body);--semantic-typography-overline-md-font-size: var(--primitive-typography-size-sm);--semantic-typography-overline-md-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-overline-md-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-overline-md-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-overline-md-text-transform: var(--primitive-typography-text-transform-uppercase);--semantic-typography-overline-sm-font-family: var(--primitive-typography-family-body);--semantic-typography-overline-sm-font-size: var(--primitive-typography-size-xs);--semantic-typography-overline-sm-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-overline-sm-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-overline-sm-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-overline-sm-text-transform: var(--primitive-typography-text-transform-uppercase);--semantic-spacing-stack-lg: var(--primitive-spacing-2xl);--semantic-spacing-stack-lg-value: var(--primitive-spacing-2xl);--semantic-spacing-stack-md: var(--primitive-spacing-xl);--semantic-spacing-stack-md-value: var(--primitive-spacing-xl);--semantic-spacing-stack-sm: var(--primitive-spacing-lg);--semantic-spacing-stack-sm-value: var(--primitive-spacing-lg);--semantic-spacing-stack-xl: var(--primitive-spacing-4xl);--semantic-spacing-stack-xl-value: var(--primitive-spacing-4xl);--semantic-spacing-stack-xs: var(--primitive-spacing-sm);--semantic-spacing-stack-xs-value: var(--primitive-spacing-sm);--semantic-spacing-inset-lg: var(--primitive-spacing-4xl);--semantic-spacing-inset-lg-value: var(--primitive-spacing-4xl);--semantic-spacing-inset-md: var(--primitive-spacing-2xl);--semantic-spacing-inset-md-value: var(--primitive-spacing-2xl);--semantic-spacing-inset-sm: var(--primitive-spacing-lg);--semantic-spacing-inset-sm-value: var(--primitive-spacing-lg);--semantic-spacing-inset-xl: var(--primitive-spacing-5xl);--semantic-spacing-inset-xl-value: var(--primitive-spacing-5xl);--semantic-spacing-inset-xs: var(--primitive-spacing-sm);--semantic-spacing-inset-xs-value: var(--primitive-spacing-sm);--semantic-spacing-inline-lg: var(--primitive-spacing-2xl);--semantic-spacing-inline-lg-value: var(--primitive-spacing-2xl);--semantic-spacing-inline-md: var(--primitive-spacing-xl);--semantic-spacing-inline-md-value: var(--primitive-spacing-xl);--semantic-spacing-inline-sm: var(--primitive-spacing-lg);--semantic-spacing-inline-sm-value: var(--primitive-spacing-lg);--semantic-spacing-inline-xl: var(--primitive-spacing-3xl);--semantic-spacing-inline-xl-value: var(--primitive-spacing-3xl);--semantic-spacing-inline-xs: var(--primitive-spacing-md);--semantic-spacing-inline-xs-value: var(--primitive-spacing-md);--semantic-transition-base: var(--primitive-duration-base) var(--primitive-easing-standard);--semantic-transition-base-easing: var(--primitive-easing-standard);--semantic-transition-base-duration: var(--primitive-duration-base);--semantic-transition-fast: var(--primitive-duration-fast) var(--primitive-easing-standard);--semantic-transition-fast-easing: var(--primitive-easing-standard);--semantic-transition-fast-duration: var(--primitive-duration-fast);--semantic-transition-slow: var(--primitive-duration-slow) var(--primitive-easing-standard);--semantic-transition-slow-easing: var(--primitive-easing-standard);--semantic-transition-slow-duration: var(--primitive-duration-slow);--semantic-transition-color: var(--primitive-duration-base) var(--primitive-easing-ease);--semantic-transition-color-easing: var(--primitive-easing-ease);--semantic-transition-color-duration: var(--primitive-duration-base);--semantic-focus-outlinewidth: var(--primitive-border-width-thin);--semantic-focus-outlineoffset: var(--primitive-spacing-xs);--semantic-focus-outlinecolor: var(--primitive-color-brand-primary-500);--semantic-focus-ringwidth: var(--primitive-border-width-thin);--semantic-focus-ringcolor: var(--primitive-color-brand-primary-500);--semantic-focus-ringopacity: var(--primitive-opacity-alpha-50)}[data-theme=dark]{--semantic-color-text-neutral-subtle: var(--primitive-color-neutral-gray-600);--semantic-color-text-neutral-default: var(--primitive-color-neutral-gray-400);--semantic-color-text-neutral-bold: var(--primitive-color-neutral-gray-50);--semantic-color-text-neutral-contrast: var(--primitive-color-neutral-gray-900);--semantic-color-text-primary-subtle: var(--primitive-color-brand-primary-600);--semantic-color-text-primary-default: var(--primitive-color-brand-primary-400);--semantic-color-text-primary-bold: var(--primitive-color-brand-primary-100);--semantic-color-text-primary-contrast: var(--primitive-color-brand-primary-900);--semantic-color-text-secondary-subtle: var(--primitive-color-brand-secondary-600);--semantic-color-text-secondary-default: var(--primitive-color-brand-secondary-400);--semantic-color-text-secondary-bold: var(--primitive-color-brand-secondary-100);--semantic-color-text-secondary-contrast: var(--primitive-color-brand-secondary-900);--semantic-color-text-accent-subtle: var(--primitive-color-brand-accent-600);--semantic-color-text-accent-default: var(--primitive-color-brand-accent-400);--semantic-color-text-accent-bold: var(--primitive-color-brand-accent-100);--semantic-color-text-accent-contrast: var(--primitive-color-brand-accent-900);--semantic-color-text-success-subtle: var(--primitive-color-feedback-success-600);--semantic-color-text-success-default: var(--primitive-color-feedback-success-400);--semantic-color-text-success-bold: var(--primitive-color-feedback-success-100);--semantic-color-text-success-contrast: var(--primitive-color-feedback-success-900);--semantic-color-text-warning-subtle: var(--primitive-color-feedback-warning-600);--semantic-color-text-warning-default: var(--primitive-color-feedback-warning-400);--semantic-color-text-warning-bold: var(--primitive-color-feedback-warning-100);--semantic-color-text-warning-contrast: var(--primitive-color-feedback-warning-900);--semantic-color-text-error-subtle: var(--primitive-color-feedback-error-600);--semantic-color-text-error-default: var(--primitive-color-feedback-error-400);--semantic-color-text-error-bold: var(--primitive-color-feedback-error-100);--semantic-color-text-error-contrast: var(--primitive-color-feedback-error-900);--semantic-color-text-info-subtle: var(--primitive-color-feedback-info-600);--semantic-color-text-info-default: var(--primitive-color-feedback-info-400);--semantic-color-text-info-bold: var(--primitive-color-feedback-info-100);--semantic-color-text-info-contrast: var(--primitive-color-feedback-info-900);--semantic-color-text-disabled: var(--primitive-color-neutral-gray-500);--semantic-color-surface-neutral-subtle: var(--primitive-color-neutral-gray-800);--semantic-color-surface-neutral-default: var(--primitive-color-neutral-gray-700);--semantic-color-surface-neutral-bold: var(--primitive-color-neutral-gray-300);--semantic-color-surface-primary-subtle: var(--primitive-color-brand-primary-900);--semantic-color-surface-primary-default: var(--primitive-color-brand-primary-800);--semantic-color-surface-primary-bold: var(--primitive-color-brand-primary-300);--semantic-color-surface-secondary-subtle: var(--primitive-color-brand-secondary-900);--semantic-color-surface-secondary-default: var(--primitive-color-brand-secondary-800);--semantic-color-surface-secondary-bold: var(--primitive-color-brand-secondary-300);--semantic-color-surface-accent-subtle: var(--primitive-color-brand-accent-900);--semantic-color-surface-accent-default: var(--primitive-color-brand-accent-800);--semantic-color-surface-accent-bold: var(--primitive-color-brand-accent-300);--semantic-color-surface-success-subtle: var(--primitive-color-feedback-success-900);--semantic-color-surface-success-default: var(--primitive-color-feedback-success-800);--semantic-color-surface-success-bold: var(--primitive-color-feedback-success-300);--semantic-color-surface-warning-subtle: var(--primitive-color-feedback-warning-900);--semantic-color-surface-warning-default: var(--primitive-color-feedback-warning-800);--semantic-color-surface-warning-bold: var(--primitive-color-feedback-warning-300);--semantic-color-surface-error-subtle: var(--primitive-color-feedback-error-900);--semantic-color-surface-error-default: var(--primitive-color-feedback-error-800);--semantic-color-surface-error-bold: var(--primitive-color-feedback-error-300);--semantic-color-surface-info-subtle: var(--primitive-color-feedback-info-900);--semantic-color-surface-info-default: var(--primitive-color-feedback-info-800);--semantic-color-surface-info-bold: var(--primitive-color-feedback-info-300);--semantic-color-surface-disabled: var(--primitive-color-neutral-gray-800);--semantic-color-border-neutral-subtle: var(--primitive-color-neutral-gray-800);--semantic-color-border-neutral-default: var(--primitive-color-neutral-gray-600);--semantic-color-border-neutral-bold: var(--primitive-color-neutral-gray-300);--semantic-color-border-primary-subtle: var(--primitive-color-brand-primary-800);--semantic-color-border-primary-default: var(--primitive-color-brand-primary-500);--semantic-color-border-primary-bold: var(--primitive-color-brand-primary-300);--semantic-color-border-secondary-subtle: var(--primitive-color-brand-secondary-800);--semantic-color-border-secondary-default: var(--primitive-color-brand-secondary-500);--semantic-color-border-secondary-bold: var(--primitive-color-brand-secondary-300);--semantic-color-border-accent-subtle: var(--primitive-color-brand-accent-800);--semantic-color-border-accent-default: var(--primitive-color-brand-accent-500);--semantic-color-border-accent-bold: var(--primitive-color-brand-accent-300);--semantic-color-border-success-subtle: var(--primitive-color-feedback-success-800);--semantic-color-border-success-default: var(--primitive-color-feedback-success-500);--semantic-color-border-success-bold: var(--primitive-color-feedback-success-300);--semantic-color-border-warning-subtle: var(--primitive-color-feedback-warning-800);--semantic-color-border-warning-default: var(--primitive-color-feedback-warning-500);--semantic-color-border-warning-bold: var(--primitive-color-feedback-warning-300);--semantic-color-border-error-subtle: var(--primitive-color-feedback-error-800);--semantic-color-border-error-default: var(--primitive-color-feedback-error-500);--semantic-color-border-error-bold: var(--primitive-color-feedback-error-300);--semantic-color-border-info-subtle: var(--primitive-color-feedback-info-800);--semantic-color-border-info-default: var(--primitive-color-feedback-info-500);--semantic-color-border-info-bold: var(--primitive-color-feedback-info-300);--semantic-color-border-disabled: var(--primitive-color-neutral-gray-700);--semantic-color-contrast-light: var(--primitive-color-neutral-gray-black);--semantic-color-contrast-dark: var(--primitive-color-neutral-gray-white);--semantic-color-interactive-primary-default: var(--primitive-color-brand-primary-400);--semantic-color-interactive-primary-hover: var(--primitive-color-brand-primary-300);--semantic-color-interactive-primary-active: var(--primitive-color-brand-primary-200);--semantic-color-interactive-primary-disabled: var(--primitive-color-neutral-gray-700);--semantic-color-interactive-primary-text: var(--primitive-color-brand-primary-950);--semantic-color-interactive-primary-text-disabled: var(--primitive-color-neutral-gray-400);--semantic-color-interactive-secondary-default: var(--primitive-color-brand-secondary-300);--semantic-color-interactive-secondary-hover: var(--primitive-color-brand-secondary-400);--semantic-color-interactive-secondary-active: var(--primitive-color-brand-secondary-500);--semantic-color-interactive-secondary-disabled: var(--primitive-color-neutral-gray-600);--semantic-color-interactive-secondary-text: var(--primitive-color-brand-primary-100);--semantic-color-interactive-secondary-text-disabled: var(--primitive-color-neutral-gray-600);--semantic-color-interactive-tertiary-default: var(--primitive-color-neutral-gray-300);--semantic-color-interactive-tertiary-hover: var(--primitive-color-neutral-gray-400);--semantic-color-interactive-tertiary-active: var(--primitive-color-neutral-gray-500);--semantic-color-interactive-tertiary-disabled: var(--primitive-color-neutral-gray-700);--semantic-color-interactive-tertiary-text: var(--primitive-color-brand-primary-100);--semantic-color-interactive-tertiary-text-disabled: var(--primitive-color-neutral-gray-600);--semantic-color-interactive-destructive-default: var(--primitive-color-feedback-error-400);--semantic-color-interactive-destructive-hover: var(--primitive-color-feedback-error-500);--semantic-color-interactive-destructive-active: var(--primitive-color-feedback-error-600);--semantic-color-interactive-destructive-disabled: var(--primitive-color-neutral-gray-700);--semantic-color-interactive-destructive-text: var(--primitive-color-feedback-error-950);--semantic-color-interactive-destructive-text-disabled: var(--primitive-color-neutral-gray-600);--semantic-color-interactive-link-default: var(--primitive-color-brand-primary-300);--semantic-color-interactive-link-hover: var(--primitive-color-brand-primary-400);--semantic-color-interactive-link-active: var(--primitive-color-brand-primary-500);--semantic-color-interactive-link-disabled: var(--primitive-color-neutral-gray-600);--semantic-typography-display-lg-font-family: var(--primitive-typography-family-display);--semantic-typography-display-lg-font-size: var(--primitive-typography-size-7xl);--semantic-typography-display-md-font-family: var(--primitive-typography-family-display);--semantic-typography-display-md-font-size: var(--primitive-typography-size-6xl);--semantic-typography-display-sm-font-family: var(--primitive-typography-family-display);--semantic-typography-display-sm-font-size: var(--primitive-typography-size-5xl);--semantic-typography-heading-h1-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h1-font-size: var(--primitive-typography-size-6xl);--semantic-typography-heading-h2-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h2-font-size: var(--primitive-typography-size-4xl);--semantic-typography-heading-h2-font-weight: var(--primitive-typography-weight-semibold);--semantic-typography-heading-h3-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h3-font-size: var(--primitive-typography-size-2xl);--semantic-typography-heading-h3-font-weight: var(--primitive-typography-weight-medium);--semantic-typography-heading-h3-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-heading-h3-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-heading-h4-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h4-font-size: var(--primitive-typography-size-xl);--semantic-typography-heading-h4-font-weight: var(--primitive-typography-weight-bold);--semantic-typography-heading-h4-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-heading-h4-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-heading-h4-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-heading-h5-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h5-font-size: var(--primitive-typography-size-lg);--semantic-typography-heading-h5-font-weight: var(--primitive-typography-weight-semibold);--semantic-typography-heading-h5-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-heading-h5-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-heading-h5-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-heading-h6-font-family: var(--primitive-typography-family-heading);--semantic-typography-heading-h6-font-size: var(--primitive-typography-size-base);--semantic-typography-heading-h6-font-weight: var(--primitive-typography-weight-bold);--semantic-typography-heading-h6-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-heading-h6-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-heading-h6-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-lg-font-family: var(--primitive-typography-family-body);--semantic-typography-body-lg-font-size: var(--primitive-typography-size-lg);--semantic-typography-body-lg-bold-font-family: var(--primitive-typography-family-body);--semantic-typography-body-lg-bold-font-size: var(--primitive-typography-size-lg);--semantic-typography-body-lg-bold-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-body-lg-bold-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-lg-bold-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-md-font-family: var(--primitive-typography-family-body);--semantic-typography-body-md-font-size: var(--primitive-typography-size-base);--semantic-typography-body-md-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-body-md-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-body-md-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-md-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-md-bold-font-family: var(--primitive-typography-family-body);--semantic-typography-body-md-bold-font-size: var(--primitive-typography-size-base);--semantic-typography-body-md-bold-font-weight: var(--primitive-typography-weight-semibold);--semantic-typography-body-md-bold-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-body-md-bold-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-md-bold-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-sm-font-family: var(--primitive-typography-family-body);--semantic-typography-body-sm-font-size: var(--primitive-typography-size-sm);--semantic-typography-body-sm-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-body-sm-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-body-sm-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-sm-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-sm-bold-font-family: var(--primitive-typography-family-body);--semantic-typography-body-sm-bold-font-size: var(--primitive-typography-size-sm);--semantic-typography-body-sm-bold-font-weight: var(--primitive-typography-weight-semibold);--semantic-typography-body-sm-bold-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-body-sm-bold-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-sm-bold-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-body-xs-font-family: var(--primitive-typography-family-body);--semantic-typography-body-xs-font-size: var(--primitive-typography-size-xs);--semantic-typography-body-xs-font-weight: var(--primitive-typography-weight-medium);--semantic-typography-body-xs-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-body-xs-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-body-xs-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-label-lg-font-family: var(--primitive-typography-family-body);--semantic-typography-label-lg-font-size: var(--primitive-typography-size-lg);--semantic-typography-label-lg-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-label-lg-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-label-lg-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-label-lg-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-label-md-font-family: var(--primitive-typography-family-body);--semantic-typography-label-md-font-size: var(--primitive-typography-size-base);--semantic-typography-label-md-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-label-md-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-label-md-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-label-md-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-label-sm-font-family: var(--primitive-typography-family-body);--semantic-typography-label-sm-font-size: var(--primitive-typography-size-sm);--semantic-typography-label-sm-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-label-sm-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-label-sm-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-label-sm-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-label-uppercase-font-family: var(--primitive-typography-family-body);--semantic-typography-label-uppercase-font-size: var(--primitive-typography-size-xs);--semantic-typography-label-uppercase-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-label-uppercase-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-label-uppercase-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-label-uppercase-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-label-xs-font-family: var(--primitive-typography-family-body);--semantic-typography-label-xs-font-size: var(--primitive-typography-size-xs);--semantic-typography-label-xs-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-label-xs-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-label-xs-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-label-xs-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-caption-md-font-family: var(--primitive-typography-family-body);--semantic-typography-caption-md-font-size: var(--primitive-typography-size-sm);--semantic-typography-caption-md-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-caption-md-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-caption-md-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-caption-md-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-caption-sm-font-family: var(--primitive-typography-family-body);--semantic-typography-caption-sm-font-size: var(--primitive-typography-size-xs);--semantic-typography-caption-sm-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-caption-sm-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-caption-sm-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-caption-sm-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-code-block-font-family: var(--primitive-typography-family-mono);--semantic-typography-code-block-font-size: var(--primitive-typography-size-xs);--semantic-typography-code-block-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-code-block-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-code-block-letter-spacing: var(--primitive-typography-letter-spacing-tight);--semantic-typography-code-block-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-code-inline-font-family: var(--primitive-typography-family-mono);--semantic-typography-code-inline-font-size: var(--primitive-typography-size-sm);--semantic-typography-code-inline-font-weight: var(--primitive-typography-weight-light);--semantic-typography-code-inline-line-height: var(--primitive-typography-line-height-tight);--semantic-typography-code-inline-letter-spacing: var(--primitive-typography-letter-spacing-tight);--semantic-typography-code-inline-text-transform: var(--primitive-typography-text-transform-none);--semantic-typography-overline-md-font-family: var(--primitive-typography-family-body);--semantic-typography-overline-md-font-size: var(--primitive-typography-size-sm);--semantic-typography-overline-md-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-overline-md-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-overline-md-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-overline-md-text-transform: var(--primitive-typography-text-transform-uppercase);--semantic-typography-overline-sm-font-family: var(--primitive-typography-family-body);--semantic-typography-overline-sm-font-size: var(--primitive-typography-size-xs);--semantic-typography-overline-sm-font-weight: var(--primitive-typography-weight-normal);--semantic-typography-overline-sm-line-height: var(--primitive-typography-line-height-normal);--semantic-typography-overline-sm-letter-spacing: var(--primitive-typography-letter-spacing-normal);--semantic-typography-overline-sm-text-transform: var(--primitive-typography-text-transform-uppercase);--semantic-spacing-stack-lg: var(--primitive-spacing-2xl);--semantic-spacing-stack-lg-value: var(--primitive-spacing-2xl);--semantic-spacing-stack-md: var(--primitive-spacing-xl);--semantic-spacing-stack-md-value: var(--primitive-spacing-xl);--semantic-spacing-stack-sm: var(--primitive-spacing-lg);--semantic-spacing-stack-sm-value: var(--primitive-spacing-lg);--semantic-spacing-stack-xl: var(--primitive-spacing-4xl);--semantic-spacing-stack-xl-value: var(--primitive-spacing-4xl);--semantic-spacing-stack-xs: var(--primitive-spacing-sm);--semantic-spacing-stack-xs-value: var(--primitive-spacing-sm);--semantic-spacing-inset-lg: var(--primitive-spacing-4xl);--semantic-spacing-inset-lg-value: var(--primitive-spacing-4xl);--semantic-spacing-inset-md: var(--primitive-spacing-2xl);--semantic-spacing-inset-md-value: var(--primitive-spacing-2xl);--semantic-spacing-inset-sm: var(--primitive-spacing-lg);--semantic-spacing-inset-sm-value: var(--primitive-spacing-lg);--semantic-spacing-inset-xl: var(--primitive-spacing-5xl);--semantic-spacing-inset-xl-value: var(--primitive-spacing-5xl);--semantic-spacing-inset-xs: var(--primitive-spacing-sm);--semantic-spacing-inset-xs-value: var(--primitive-spacing-sm);--semantic-spacing-inline-lg: var(--primitive-spacing-2xl);--semantic-spacing-inline-lg-value: var(--primitive-spacing-2xl);--semantic-spacing-inline-md: var(--primitive-spacing-xl);--semantic-spacing-inline-md-value: var(--primitive-spacing-xl);--semantic-spacing-inline-sm: var(--primitive-spacing-lg);--semantic-spacing-inline-sm-value: var(--primitive-spacing-lg);--semantic-spacing-inline-xl: var(--primitive-spacing-3xl);--semantic-spacing-inline-xl-value: var(--primitive-spacing-3xl);--semantic-spacing-inline-xs: var(--primitive-spacing-md);--semantic-spacing-inline-xs-value: var(--primitive-spacing-md);--semantic-transition-base: var(--primitive-duration-base) var(--primitive-easing-standard);--semantic-transition-base-easing: var(--primitive-easing-standard);--semantic-transition-base-duration: var(--primitive-duration-base);--semantic-transition-fast: var(--primitive-duration-fast) var(--primitive-easing-standard);--semantic-transition-fast-easing: var(--primitive-easing-standard);--semantic-transition-fast-duration: var(--primitive-duration-fast);--semantic-transition-slow: var(--primitive-duration-slow) var(--primitive-easing-standard);--semantic-transition-slow-easing: var(--primitive-easing-standard);--semantic-transition-slow-duration: var(--primitive-duration-slow);--semantic-transition-color: var(--primitive-duration-base) var(--primitive-easing-ease);--semantic-transition-color-easing: var(--primitive-easing-ease);--semantic-transition-color-duration: var(--primitive-duration-base);--semantic-focus-outlinewidth: var(--primitive-border-width-thin);--semantic-focus-outlineoffset: var(--primitive-spacing-xs);--semantic-focus-outlinecolor: var(--primitive-color-brand-primary-500);--semantic-focus-ringwidth: var(--primitive-border-width-thin);--semantic-focus-ringcolor: var(--primitive-color-brand-primary-500);--semantic-focus-ringopacity: var(--primitive-opacity-alpha-50)}:root{--pattern-button-base-tokens-padding-x: var(--semantic-spacing-inset-md);--pattern-button-base-tokens-padding-y: var(--semantic-spacing-inset-xs);--pattern-button-base-tokens-border-radius: var(--primitive-radius-full);--pattern-button-base-tokens-border-width: var(--primitive-border-width-regular);--pattern-button-base-tokens-icon-size: var(--primitive-icon-size-md);--pattern-button-base-tokens-icon-stroke: var(--primitive-icon-stroke-regular);--pattern-button-base-tokens-gap: var(--semantic-spacing-inline-sm);--pattern-button-base-tokens-min-height: 37px;--pattern-button-base-tokens-font-family: var(--semantic-typography-label-md-font-family);--pattern-button-base-tokens-font-size: var(--semantic-typography-label-md-font-size);--pattern-button-base-tokens-font-weight: var(--semantic-typography-label-md-font-weight);--pattern-button-base-tokens-line-height: var(--semantic-typography-label-md-line-height);--pattern-button-base-tokens-letter-spacing: var(--semantic-typography-label-md-letter-spacing);--pattern-button-base-tokens-text-transform: var(--semantic-typography-label-md-text-transform);--pattern-button-base-tokens-transition: var(--semantic-transition-color);--pattern-button-properties-display: inline-flex;--pattern-button-properties-align-items: center;--pattern-button-properties-justify-content: center;--pattern-button-properties-cursor: pointer;--pattern-button-properties-border-style: solid;--pattern-button-properties-user-select: none;--pattern-button-properties-white-space: nowrap;--pattern-button-properties-overflow: hidden;--pattern-button-properties-text-overflow: ellipsis;--pattern-button-properties-min-width: none;--pattern-button-properties-max-width: none;--pattern-button-layout-modes-0: label-only;--pattern-button-layout-modes-1: icon-only;--pattern-button-layout-modes-2: icon-left;--pattern-button-layout-modes-3: icon-right;--pattern-button-layout-mode-definitions-icon-only-justify-content: center;--pattern-button-layout-mode-definitions-icon-left-icon-position: before;--pattern-button-layout-mode-definitions-icon-right-icon-position: after;--pattern-button-variants-0: primary;--pattern-button-variants-1: secondary;--pattern-button-variants-2: ghost;--pattern-button-variants-3: destructive;--pattern-button-sizes-0: sm;--pattern-button-sizes-1: md;--pattern-button-sizes-2: lg;--pattern-badge-base-tokens-padding-x: var(--semantic-spacing-inset-sm);--pattern-badge-base-tokens-padding-y: var(--primitive-spacing-zero);--pattern-badge-base-tokens-border-radius: var(--primitive-radius-full);--pattern-badge-base-tokens-border-width: var(--primitive-border-width-regular);--pattern-badge-base-tokens-icon-size: var(--primitive-icon-size-xs);--pattern-badge-base-tokens-icon-stroke: var(--primitive-icon-stroke-medium);--pattern-badge-base-tokens-gap: var(--semantic-spacing-inline-sm);--pattern-badge-base-tokens-min-height: 24px;--pattern-badge-base-tokens-_custom-height: 24px;--pattern-badge-base-tokens-font-family: var(--semantic-typography-code-inline-font-family);--pattern-badge-base-tokens-font-size: var(--semantic-typography-code-inline-font-size);--pattern-badge-base-tokens-font-weight: var(--semantic-typography-code-inline-font-weight);--pattern-badge-base-tokens-line-height: var(--semantic-typography-code-inline-line-height);--pattern-badge-base-tokens-letter-spacing: var(--semantic-typography-code-inline-letter-spacing);--pattern-badge-base-tokens-text-transform: var(--semantic-typography-code-inline-text-transform);--pattern-badge-properties-display: inline-flex;--pattern-badge-properties-align-items: center;--pattern-badge-properties-user-select: none;--pattern-badge-properties-white-space: nowrap;--pattern-badge-properties-min-width: none;--pattern-badge-properties-max-width: none;--pattern-badge-properties-overflow: hidden;--pattern-badge-properties-border-style: solid;--pattern-badge-properties-text-overflow: ellipsis;--pattern-badge-properties-justify-content: center;--pattern-badge-layout-modes-0: label-only;--pattern-badge-layout-modes-1: icon-left;--pattern-badge-layout-modes-2: icon-right;--pattern-badge-layout-modes-3: icon-only;--pattern-badge-layout-mode-definitions-icon-only-justify-content: center;--pattern-badge-layout-mode-definitions-icon-left-icon-position: before;--pattern-badge-layout-mode-definitions-icon-right-icon-position: after;--pattern-badge-variants-0: neutral;--pattern-badge-variants-1: primary;--pattern-badge-variants-2: secondary;--pattern-badge-variants-3: tertiary;--pattern-badge-variants-4: success;--pattern-badge-variants-5: warning;--pattern-badge-variants-6: error;--pattern-badge-variants-7: info;--pattern-badge-sizes-0: sm;--pattern-badge-sizes-1: md;--pattern-text-input-base-tokens-padding-x: var(--semantic-spacing-inset-md);--pattern-text-input-base-tokens-padding-y: var(--primitive-spacing-zero);--pattern-text-input-base-tokens-border-radius: var(--primitive-radius-xl);--pattern-text-input-base-tokens-border-width: var(--primitive-border-width-regular);--pattern-text-input-base-tokens-min-height: 32px;--pattern-text-input-base-tokens-_custom-height: 32px;--pattern-text-input-base-tokens-font-family: var(--semantic-typography-body-sm-font-family);--pattern-text-input-base-tokens-font-size: var(--semantic-typography-body-sm-font-size);--pattern-text-input-base-tokens-font-weight: var(--semantic-typography-body-sm-font-weight);--pattern-text-input-base-tokens-line-height: var(--semantic-typography-body-sm-line-height);--pattern-text-input-base-tokens-letter-spacing: var(--semantic-typography-body-sm-letter-spacing);--pattern-text-input-base-tokens-text-transform: var(--semantic-typography-body-sm-text-transform);--pattern-text-input-base-tokens-transition: var(--semantic-transition-fast);--pattern-text-input-base-tokens-icon-size: var(--primitive-icon-size-sm);--pattern-text-input-base-tokens-icon-stroke: var(--primitive-icon-stroke-regular);--pattern-text-input-base-tokens-gap: var(--semantic-spacing-inline-sm);--pattern-text-input-properties-display: flex;--pattern-text-input-properties-align-items: center;--pattern-text-input-properties-width: 100%;--pattern-text-input-properties-border-style: solid;--pattern-text-input-properties-outline: none;--pattern-text-input-properties-min-width: none;--pattern-text-input-properties-max-width: 422px;--pattern-text-input-layout-modes-0: label-only;--pattern-text-input-layout-modes-1: icon-left;--pattern-text-input-layout-modes-2: icon-right;--pattern-text-input-layout-mode-definitions-icon-left-icon-position: before;--pattern-text-input-layout-mode-definitions-icon-left-justify-content: flex-start;--pattern-text-input-layout-mode-definitions-icon-right-icon-position: after;--pattern-text-input-layout-mode-definitions-icon-right-justify-content: space-between;--pattern-text-input-layout-mode-definitions-label-only-justify-content: flex-start;--pattern-text-input-sizes-0: sm;--pattern-text-input-sizes-1: md}:root{--component-button-ghost-background: transparent;--component-button-ghost-background-hover: var(--semantic-color-surface-neutral-subtle);--component-button-ghost-background-active: var(--semantic-color-surface-neutral-bold);--component-button-ghost-background-disabled: transparent;--component-button-ghost-text-color: var(--semantic-color-text-neutral-default);--component-button-ghost-text-color-hover: var(--semantic-color-text-neutral-bold);--component-button-ghost-text-color-active: var(--semantic-color-text-neutral-contrast);--component-button-ghost-text-color-disabled: var(--semantic-color-interactive-secondary-text-disabled);--component-button-ghost-border-color: transparent;--component-button-ghost-border-color-hover: transparent;--component-button-ghost-border-color-active: transparent;--component-button-ghost-border-color-disabled: transparent;--component-button-ghost-background-opacity: var(--primitive-opacity-alpha-100);--component-button-ghost-background-hover-opacity: var(--primitive-opacity-alpha-100);--component-button-ghost-background-active-opacity: var(--primitive-opacity-alpha-100);--component-button-ghost-background-disabled-opacity: var(--primitive-opacity-alpha-100);--component-button-primary-background: var(--semantic-color-surface-neutral-subtle);--component-button-primary-background-hover: var(--semantic-color-surface-neutral-subtle);--component-button-primary-background-active: var(--semantic-color-surface-neutral-bold);--component-button-primary-background-disabled: var(--semantic-color-interactive-primary-disabled);--component-button-primary-text-color: var(--semantic-color-text-neutral-bold);--component-button-primary-text-color-hover: var(--semantic-color-text-neutral-bold);--component-button-primary-text-color-active: var(--semantic-color-text-neutral-contrast);--component-button-primary-text-color-disabled: var(--semantic-color-interactive-primary-text-disabled);--component-button-primary-border-color: transparent;--component-button-primary-border-color-hover: var(--semantic-color-border-neutral-bold);--component-button-primary-border-color-active: transparent;--component-button-primary-border-color-disabled: transparent;--component-button-primary-background-opacity: var(--primitive-opacity-alpha-100);--component-button-primary-background-hover-opacity: var(--primitive-opacity-alpha-100);--component-button-primary-background-active-opacity: var(--primitive-opacity-alpha-100);--component-button-primary-background-disabled-opacity: var(--primitive-opacity-alpha-100);--component-button-secondary-background: var(--semantic-color-surface-neutral-bold);--component-button-secondary-background-hover: var(--semantic-color-surface-neutral-bold);--component-button-secondary-background-active: var(--semantic-color-surface-neutral-bold);--component-button-secondary-background-disabled: var(--semantic-color-interactive-primary-disabled);--component-button-secondary-text-color: var(--semantic-color-text-neutral-contrast);--component-button-secondary-text-color-hover: var(--semantic-color-text-neutral-contrast);--component-button-secondary-text-color-active: var(--semantic-color-text-neutral-contrast);--component-button-secondary-text-color-disabled: var(--semantic-color-interactive-primary-text-disabled);--component-button-secondary-border-color: transparent;--component-button-secondary-border-color-hover: transparent;--component-button-secondary-border-color-active: transparent;--component-button-secondary-border-color-disabled: transparent;--component-button-secondary-background-opacity: var(--primitive-opacity-alpha-100);--component-button-secondary-background-hover-opacity: var(--primitive-opacity-alpha-70);--component-button-secondary-background-active-opacity: var(--primitive-opacity-alpha-100);--component-button-secondary-background-disabled-opacity: var(--primitive-opacity-alpha-100);--component-button-destructive-background: var(--semantic-color-interactive-destructive-default);--component-button-destructive-background-hover: var(--semantic-color-interactive-destructive-hover);--component-button-destructive-background-active: var(--semantic-color-interactive-destructive-active);--component-button-destructive-background-disabled: var(--semantic-color-interactive-destructive-disabled);--component-button-destructive-text-color: var(--semantic-color-text-neutral-contrast);--component-button-destructive-text-color-hover: var(--semantic-color-text-neutral-contrast);--component-button-destructive-text-color-active: var(--semantic-color-text-neutral-contrast);--component-button-destructive-text-color-disabled: var(--semantic-color-text-disabled);--component-button-destructive-border-color: transparent;--component-button-destructive-border-color-hover: transparent;--component-button-destructive-border-color-active: transparent;--component-button-destructive-border-color-disabled: transparent;--component-button-destructive-background-opacity: var(--primitive-opacity-alpha-100);--component-button-destructive-background-hover-opacity: var(--primitive-opacity-alpha-100);--component-button-destructive-background-active-opacity: var(--primitive-opacity-alpha-100);--component-button-destructive-background-disabled-opacity: var(--primitive-opacity-alpha-100);--component-button-lg-padding-x: var(--semantic-spacing-inset-md);--component-button-lg-padding-y: var(--semantic-spacing-inset-md);--component-button-lg-border-radius: var(--primitive-radius-full);--component-button-lg-icon-size: var(--primitive-icon-size-lg);--component-button-lg-icon-stroke: var(--primitive-icon-stroke-medium);--component-button-lg-gap: var(--semantic-spacing-inline-md);--component-button-lg-min-width: 120px;--component-button-lg-max-width: none;--component-button-lg-min-height: 66px;--component-button-lg-font-family: var(--semantic-typography-label-lg-font-family);--component-button-lg-font-size: var(--semantic-typography-label-lg-font-size);--component-button-lg-font-weight: var(--semantic-typography-label-lg-font-weight);--component-button-lg-line-height: var(--semantic-typography-label-lg-line-height);--component-button-lg-letter-spacing: var(--semantic-typography-label-lg-letter-spacing);--component-button-lg-text-transform: var(--semantic-typography-label-lg-text-transform);--component-button-md-min-width: 120px;--component-button-md-max-width: none;--component-button-md-min-height: 37px;--component-button-sm-padding-x: var(--semantic-spacing-inset-md);--component-button-sm-padding-y: var(--primitive-spacing-zero);--component-button-sm-border-radius: var(--primitive-radius-full);--component-button-sm-icon-size: var(--primitive-icon-size-sm);--component-button-sm-icon-stroke: var(--primitive-icon-stroke-regular);--component-button-sm-gap: var(--semantic-spacing-inline-sm);--component-button-sm-min-width: 0px;--component-button-sm-max-width: none;--component-button-sm-min-height: 32px;--component-button-sm-_custom-height: 32px;--component-button-sm-font-family: var(--semantic-typography-label-sm-font-family);--component-button-sm-font-size: var(--semantic-typography-label-sm-font-size);--component-button-sm-font-weight: var(--semantic-typography-label-sm-font-weight);--component-button-sm-line-height: var(--semantic-typography-label-sm-line-height);--component-button-sm-letter-spacing: var(--semantic-typography-label-sm-letter-spacing);--component-button-sm-text-transform: var(--semantic-typography-label-sm-text-transform);--component-badge-info-subtle-background: var(--semantic-color-surface-info-subtle);--component-badge-info-subtle-text-color: var(--semantic-color-text-info-bold);--component-badge-info-subtle-border-color: transparent;--component-badge-info-bold-background: var(--semantic-color-surface-info-bold);--component-badge-info-bold-text-color: var(--semantic-color-text-info-contrast);--component-badge-info-bold-border-color: transparent;--component-badge-info-outline-background: transparent;--component-badge-info-outline-text-color: var(--semantic-color-text-info-default);--component-badge-info-outline-border-color: var(--semantic-color-border-info-default);--component-badge-error-subtle-background: var(--semantic-color-surface-error-subtle);--component-badge-error-subtle-text-color: var(--semantic-color-text-error-bold);--component-badge-error-subtle-border-color: transparent;--component-badge-error-bold-background: var(--semantic-color-surface-error-bold);--component-badge-error-bold-text-color: var(--semantic-color-text-error-contrast);--component-badge-error-bold-border-color: transparent;--component-badge-error-outline-background: transparent;--component-badge-error-outline-text-color: var(--semantic-color-text-error-default);--component-badge-error-outline-border-color: var(--semantic-color-border-error-default);--component-badge-neutral-subtle-background: var(--semantic-color-surface-neutral-default);--component-badge-neutral-subtle-text-color: var(--semantic-color-text-neutral-default);--component-badge-neutral-subtle-border-color: transparent;--component-badge-neutral-bold-background: var(--semantic-color-surface-neutral-bold);--component-badge-neutral-bold-text-color: var(--semantic-color-text-neutral-contrast);--component-badge-neutral-bold-border-color: transparent;--component-badge-neutral-outline-background: transparent;--component-badge-neutral-outline-text-color: var(--semantic-color-text-neutral-bold);--component-badge-neutral-outline-border-color: var(--semantic-color-border-neutral-bold);--component-badge-primary-subtle-background: var(--semantic-color-surface-primary-subtle);--component-badge-primary-subtle-text-color: var(--semantic-color-text-primary-default);--component-badge-primary-subtle-border-color: transparent;--component-badge-primary-bold-background: var(--semantic-color-surface-primary-bold);--component-badge-primary-bold-text-color: var(--semantic-color-text-neutral-contrast);--component-badge-primary-bold-border-color: transparent;--component-badge-primary-outline-background: transparent;--component-badge-primary-outline-text-color: var(--semantic-color-text-primary-default);--component-badge-primary-outline-border-color: var(--semantic-color-border-primary-default);--component-badge-success-subtle-background: var(--semantic-color-surface-success-subtle);--component-badge-success-subtle-text-color: var(--semantic-color-text-success-bold);--component-badge-success-subtle-border-color: transparent;--component-badge-success-bold-background: var(--semantic-color-surface-success-bold);--component-badge-success-bold-text-color: var(--semantic-color-text-success-contrast);--component-badge-success-bold-border-color: transparent;--component-badge-success-outline-background: transparent;--component-badge-success-outline-text-color: var(--semantic-color-text-success-default);--component-badge-success-outline-border-color: var(--semantic-color-border-success-default);--component-badge-warning-subtle-background: var(--semantic-color-surface-warning-subtle);--component-badge-warning-subtle-text-color: var(--semantic-color-text-warning-bold);--component-badge-warning-subtle-border-color: transparent;--component-badge-warning-bold-background: var(--semantic-color-surface-warning-bold);--component-badge-warning-bold-text-color: var(--semantic-color-text-warning-contrast);--component-badge-warning-bold-border-color: transparent;--component-badge-warning-outline-background: transparent;--component-badge-warning-outline-text-color: var(--semantic-color-text-warning-default);--component-badge-warning-outline-border-color: var(--semantic-color-border-warning-default);--component-badge-tertiary-subtle-background: var(--semantic-color-surface-accent-subtle);--component-badge-tertiary-subtle-text-color: var(--semantic-color-text-accent-bold);--component-badge-tertiary-subtle-border-color: transparent;--component-badge-tertiary-bold-background: var(--semantic-color-surface-accent-bold);--component-badge-tertiary-bold-text-color: var(--semantic-color-text-neutral-contrast);--component-badge-tertiary-bold-border-color: transparent;--component-badge-tertiary-outline-background: transparent;--component-badge-tertiary-outline-text-color: var(--semantic-color-text-accent-default);--component-badge-tertiary-outline-border-color: var(--semantic-color-border-accent-default);--component-badge-secondary-subtle-background: var(--semantic-color-surface-secondary-subtle);--component-badge-secondary-subtle-text-color: var(--semantic-color-text-secondary-bold);--component-badge-secondary-subtle-border-color: transparent;--component-badge-secondary-bold-background: var(--semantic-color-surface-secondary-bold);--component-badge-secondary-bold-text-color: var(--semantic-color-text-secondary-contrast);--component-badge-secondary-bold-border-color: transparent;--component-badge-secondary-outline-background: transparent;--component-badge-secondary-outline-text-color: var(--semantic-color-text-secondary-default);--component-badge-secondary-outline-border-color: var(--semantic-color-border-secondary-default);--component-badge-md-min-width: none;--component-badge-md-max-width: none;--component-badge-md-min-height: 24px;--component-badge-sm-padding-x: var(--semantic-spacing-inset-sm);--component-badge-sm-padding-y: var(--primitive-spacing-zero);--component-badge-sm-border-radius: var(--primitive-radius-full);--component-badge-sm-icon-size: var(--primitive-icon-size-xs);--component-badge-sm-icon-stroke: var(--primitive-icon-stroke-regular);--component-badge-sm-gap: var(--semantic-spacing-inline-xs);--component-badge-sm-min-width: none;--component-badge-sm-max-width: none;--component-badge-sm-min-height: 22px;--component-badge-sm-font-family: var(--semantic-typography-code-block-font-family);--component-badge-sm-font-size: var(--semantic-typography-code-block-font-size);--component-badge-sm-font-weight: var(--semantic-typography-code-block-font-weight);--component-badge-sm-line-height: var(--semantic-typography-code-block-line-height);--component-badge-sm-letter-spacing: var(--semantic-typography-code-block-letter-spacing);--component-badge-sm-text-transform: var(--semantic-typography-code-block-text-transform);--component-text-input-default-background: var(--semantic-color-surface-neutral-subtle);--component-text-input-default-background-focus: var(--semantic-color-contrast-light);--component-text-input-default-background-error: var(--semantic-color-surface-error-subtle);--component-text-input-default-background-disabled: var(--semantic-color-surface-disabled);--component-text-input-default-text-color: var(--semantic-color-text-neutral-bold);--component-text-input-default-text-color-focus: var(--semantic-color-text-neutral-bold);--component-text-input-default-text-color-error: var(--semantic-color-text-neutral-bold);--component-text-input-default-text-color-disabled: var(--semantic-color-text-disabled);--component-text-input-default-placeholder-color: var(--semantic-color-text-neutral-subtle);--component-text-input-default-placeholder-color-focus: var(--semantic-color-text-neutral-default);--component-text-input-default-placeholder-color-error: var(--semantic-color-text-error-default);--component-text-input-default-placeholder-color-disabled: var(--semantic-color-text-disabled);--component-text-input-default-border-color: transparent;--component-text-input-default-border-color-focus: var(--semantic-color-border-neutral-bold);--component-text-input-default-border-color-error: var(--semantic-color-border-error-default);--component-text-input-default-border-color-disabled: transparent;--component-text-input-md-min-width: none;--component-text-input-md-max-width: 100%;--component-text-input-md-min-height: 32px;--component-text-input-sm-padding-x: var(--semantic-spacing-inset-md);--component-text-input-sm-padding-y: var(--semantic-spacing-inset-xs);--component-text-input-sm-border-radius: var(--primitive-radius-full);--component-text-input-sm-icon-size: var(--primitive-icon-size-xs);--component-text-input-sm-icon-stroke: var(--primitive-icon-stroke-regular);--component-text-input-sm-gap: var(--semantic-spacing-inline-xs);--component-text-input-sm-min-width: none;--component-text-input-sm-max-width: 422px;--component-text-input-sm-min-height: 32px;--component-text-input-sm-_custom-height: 32px;--component-text-input-sm-font-family: var(--semantic-typography-body-xs-font-family);--component-text-input-sm-font-size: var(--semantic-typography-body-xs-font-size);--component-text-input-sm-font-weight: var(--semantic-typography-body-xs-font-weight);--component-text-input-sm-line-height: var(--semantic-typography-body-xs-line-height);--component-text-input-sm-letter-spacing: var(--semantic-typography-body-xs-letter-spacing);--component-text-input-sm-text-transform: var(--semantic-typography-body-xs-text-transform)}.preview-page{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-xl);padding:2rem;margin-top:80px;width:100%;box-sizing:border-box}.preview-page__section{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-xl)}.preview-page__section-title{font-family:var(--semantic-typography-overline-sm-font-family);font-size:var(--semantic-typography-overline-sm-font-size);font-weight:var(--semantic-typography-overline-sm-font-weight);line-height:var(--semantic-typography-overline-sm-line-height);letter-spacing:var(--semantic-typography-overline-sm-letter-spacing);text-transform:var(--semantic-typography-overline-sm-text-transform);color:var(--semantic-color-text-neutral-subtle);margin:var(--semantic-spacing-stack-xl) 0 0 0;padding-bottom:var(--semantic-spacing-stack-sm);border-bottom:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-subtle)}.preview-page__section-content,.preview-page__group{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-md)}.preview-page__group>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-page__group--form{gap:var(--semantic-spacing-stack-md)}.preview-page--fullscreen{max-width:100%}.dp-button{display:var(--pattern-button-properties-display);align-items:var(--pattern-button-properties-align-items);justify-content:var(--pattern-button-properties-justify-content);gap:var(--pattern-button-base-tokens-gap);padding:var(--pattern-button-base-tokens-padding-y) var(--pattern-button-base-tokens-padding-x);min-height:var(--pattern-button-base-tokens-min-height);min-width:var(--pattern-button-properties-min-width);max-width:var(--pattern-button-properties-max-width);border-width:var(--pattern-button-base-tokens-border-width);border-style:var(--pattern-button-properties-border-style);border-radius:var(--pattern-button-base-tokens-border-radius);font-family:var(--pattern-button-base-tokens-font-family);font-size:var(--pattern-button-base-tokens-font-size);font-weight:var(--pattern-button-base-tokens-font-weight);line-height:var(--pattern-button-base-tokens-line-height);letter-spacing:var(--pattern-button-base-tokens-letter-spacing);text-transform:var(--pattern-button-base-tokens-text-transform);cursor:var(--pattern-button-properties-cursor);-webkit-user-select:var(--pattern-button-properties-user-select);-moz-user-select:var(--pattern-button-properties-user-select);user-select:var(--pattern-button-properties-user-select);white-space:var(--pattern-button-properties-white-space);overflow:var(--pattern-button-properties-overflow);text-overflow:var(--pattern-button-properties-text-overflow);transition:background-color var(--semantic-transition-color),border-color var(--semantic-transition-color),color var(--semantic-transition-color),box-shadow var(--semantic-transition-fast);outline:none;text-decoration:none;box-sizing:border-box}.dp-button:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-button.dp-button--active{transition:none!important;cursor:default}.dp-button.dp-button--toggle.dp-button--active{cursor:pointer}.dp-button--primary{background-color:color-mix(in srgb,var(--component-button-primary-background) calc(var(--component-button-primary-background-opacity) * 100%),transparent);color:var(--component-button-primary-text-color);border-color:var(--component-button-primary-border-color)}.dp-button--primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-primary-background-hover) calc(var(--component-button-primary-background-hover-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-hover);border-color:var(--component-button-primary-border-color-hover)}.dp-button--primary:active:not(:disabled),.dp-button--primary.dp-button--active:not(:disabled){background-color:color-mix(in srgb,var(--component-button-primary-background-active) calc(var(--component-button-primary-background-active-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-active);border-color:var(--component-button-primary-border-color-active)}.dp-button--primary:disabled,.dp-button--primary.dp-button--disabled{background-color:color-mix(in srgb,var(--component-button-primary-background-disabled) calc(var(--component-button-primary-background-disabled-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-disabled);border-color:var(--component-button-primary-border-color-disabled);cursor:not-allowed}.dp-button--secondary{background-color:color-mix(in srgb,var(--component-button-secondary-background) calc(var(--component-button-secondary-background-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color);border-color:var(--component-button-secondary-border-color)}.dp-button--secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-secondary-background-hover) calc(var(--component-button-secondary-background-hover-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-hover);border-color:var(--component-button-secondary-border-color-hover)}.dp-button--secondary:active:not(:disabled),.dp-button--secondary.dp-button--active:not(:disabled){background-color:color-mix(in srgb,var(--component-button-secondary-background-active) calc(var(--component-button-secondary-background-active-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-active);border-color:var(--component-button-secondary-border-color-active)}.dp-button--secondary:disabled,.dp-button--secondary.dp-button--disabled{background-color:color-mix(in srgb,var(--component-button-secondary-background-disabled) calc(var(--component-button-secondary-background-disabled-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-disabled);border-color:var(--component-button-secondary-border-color-disabled);cursor:not-allowed}.dp-button--ghost{background-color:color-mix(in srgb,var(--component-button-ghost-background) calc(var(--component-button-ghost-background-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color);border-color:var(--component-button-ghost-border-color)}.dp-button--ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-ghost-background-hover) calc(var(--component-button-ghost-background-hover-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-hover);border-color:var(--component-button-ghost-border-color-hover)}.dp-button--ghost:active:not(:disabled),.dp-button--ghost.dp-button--active:not(:disabled){background-color:color-mix(in srgb,var(--component-button-ghost-background-active) calc(var(--component-button-ghost-background-active-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-active);border-color:var(--component-button-ghost-border-color-active)}.dp-button--ghost:disabled,.dp-button--ghost.dp-button--disabled{background-color:color-mix(in srgb,var(--component-button-ghost-background-disabled) calc(var(--component-button-ghost-background-disabled-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-disabled);border-color:var(--component-button-ghost-border-color-disabled);cursor:not-allowed}.dp-button--destructive{background-color:color-mix(in srgb,var(--component-button-destructive-background) calc(var(--component-button-destructive-background-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color);border-color:var(--component-button-destructive-border-color)}.dp-button--destructive:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-destructive-background-hover) calc(var(--component-button-destructive-background-hover-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-hover);border-color:var(--component-button-destructive-border-color-hover)}.dp-button--destructive:active:not(:disabled),.dp-button--destructive.dp-button--active:not(:disabled){background-color:color-mix(in srgb,var(--component-button-destructive-background-active) calc(var(--component-button-destructive-background-active-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-active);border-color:var(--component-button-destructive-border-color-active)}.dp-button--destructive:disabled,.dp-button--destructive.dp-button--disabled{background-color:color-mix(in srgb,var(--component-button-destructive-background-disabled) calc(var(--component-button-destructive-background-disabled-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-disabled);border-color:var(--component-button-destructive-border-color-disabled);cursor:not-allowed}.dp-button--sm{padding:var(--component-button-sm-padding-y) var(--component-button-sm-padding-x);min-height:var(--component-button-sm-min-height);min-width:var(--component-button-sm-min-width);max-width:var(--component-button-sm-max-width);border-radius:var(--component-button-sm-border-radius);gap:var(--component-button-sm-gap);font-family:var(--component-button-sm-font-family);font-size:var(--component-button-sm-font-size);font-weight:var(--component-button-sm-font-weight);line-height:var(--component-button-sm-line-height);letter-spacing:var(--component-button-sm-letter-spacing);text-transform:var(--component-button-sm-text-transform)}.dp-button--md{min-height:var(--component-button-md-min-height);min-width:var(--component-button-md-min-width);max-width:var(--component-button-md-max-width)}.dp-button--lg{padding:var(--component-button-lg-padding-y) var(--component-button-lg-padding-x);min-height:var(--component-button-lg-min-height);min-width:var(--component-button-lg-min-width);max-width:var(--component-button-lg-max-width);border-radius:var(--component-button-lg-border-radius);gap:var(--component-button-lg-gap);font-family:var(--component-button-lg-font-family);font-size:var(--component-button-lg-font-size);font-weight:var(--component-button-lg-font-weight);line-height:var(--component-button-lg-line-height);letter-spacing:var(--component-button-lg-letter-spacing);text-transform:var(--component-button-lg-text-transform)}.dp-button--icon-only{justify-content:center;min-width:auto;max-width:none;aspect-ratio:1;padding:var(--pattern-button-base-tokens-padding-y)}.dp-button--icon-only.dp-button--sm{padding:var(--component-button-sm-padding-y)}.dp-button--icon-only.dp-button--lg{padding:var(--component-button-lg-padding-y)}.dp-button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--pattern-button-base-tokens-icon-size);height:var(--pattern-button-base-tokens-icon-size)}.dp-button__icon svg{width:100%;height:100%;stroke-width:var(--pattern-button-base-tokens-icon-stroke)}.dp-button--sm .dp-button__icon{width:var(--component-button-sm-icon-size);height:var(--component-button-sm-icon-size)}.dp-button--sm .dp-button__icon svg{stroke-width:var(--component-button-sm-icon-stroke)}.dp-button--lg .dp-button__icon{width:var(--component-button-lg-icon-size);height:var(--component-button-lg-icon-size)}.dp-button--lg .dp-button__icon svg{stroke-width:var(--component-button-lg-icon-stroke)}.dp-button__label{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.dp-badge{display:var(--pattern-badge-properties-display);align-items:var(--pattern-badge-properties-align-items);justify-content:var(--pattern-badge-properties-justify-content);gap:var(--pattern-badge-base-tokens-gap);padding-top:var(--pattern-badge-base-tokens-padding-y);padding-right:var(--pattern-badge-base-tokens-padding-x);padding-bottom:var(--pattern-badge-base-tokens-padding-y);padding-left:var(--pattern-badge-base-tokens-padding-x);min-height:var(--pattern-badge-base-tokens-min-height);min-width:var(--pattern-badge-base-tokens-min-width);max-width:var(--pattern-badge-base-tokens-max-width);border-width:var(--pattern-badge-base-tokens-border-width);border-style:var(--pattern-badge-properties-border-style);border-radius:var(--pattern-badge-base-tokens-border-radius);font-family:var(--pattern-badge-base-tokens-font-family);font-size:var(--pattern-badge-base-tokens-font-size);font-weight:var(--pattern-badge-base-tokens-font-weight);line-height:var(--pattern-badge-base-tokens-line-height);letter-spacing:var(--pattern-badge-base-tokens-letter-spacing);text-transform:var(--pattern-badge-base-tokens-text-transform);-webkit-user-select:var(--pattern-badge-properties-user-select);-moz-user-select:var(--pattern-badge-properties-user-select);user-select:var(--pattern-badge-properties-user-select);white-space:var(--pattern-badge-properties-white-space);overflow:var(--pattern-badge-properties-overflow);text-overflow:var(--pattern-badge-properties-text-overflow);box-sizing:border-box}.dp-badge--neutral-subtle{background-color:var(--component-badge-neutral-subtle-background);color:var(--component-badge-neutral-subtle-text-color);border-color:var(--component-badge-neutral-subtle-border-color)}.dp-badge--neutral-bold{background-color:var(--component-badge-neutral-bold-background);color:var(--component-badge-neutral-bold-text-color);border-color:var(--component-badge-neutral-bold-border-color)}.dp-badge--neutral-outline{background-color:var(--component-badge-neutral-outline-background);color:var(--component-badge-neutral-outline-text-color);border-color:var(--component-badge-neutral-outline-border-color)}.dp-badge--primary-subtle{background-color:var(--component-badge-primary-subtle-background);color:var(--component-badge-primary-subtle-text-color);border-color:var(--component-badge-primary-subtle-border-color)}.dp-badge--primary-bold{background-color:var(--component-badge-primary-bold-background);color:var(--component-badge-primary-bold-text-color);border-color:var(--component-badge-primary-bold-border-color)}.dp-badge--primary-outline{background-color:var(--component-badge-primary-outline-background);color:var(--component-badge-primary-outline-text-color);border-color:var(--component-badge-primary-outline-border-color)}.dp-badge--secondary-subtle{background-color:var(--component-badge-secondary-subtle-background);color:var(--component-badge-secondary-subtle-text-color);border-color:var(--component-badge-secondary-subtle-border-color)}.dp-badge--secondary-bold{background-color:var(--component-badge-secondary-bold-background);color:var(--component-badge-secondary-bold-text-color);border-color:var(--component-badge-secondary-bold-border-color)}.dp-badge--secondary-outline{background-color:var(--component-badge-secondary-outline-background);color:var(--component-badge-secondary-outline-text-color);border-color:var(--component-badge-secondary-outline-border-color)}.dp-badge--tertiary-subtle{background-color:var(--component-badge-tertiary-subtle-background);color:var(--component-badge-tertiary-subtle-text-color);border-color:var(--component-badge-tertiary-subtle-border-color)}.dp-badge--tertiary-bold{background-color:var(--component-badge-tertiary-bold-background);color:var(--component-badge-tertiary-bold-text-color);border-color:var(--component-badge-tertiary-bold-border-color)}.dp-badge--tertiary-outline{background-color:var(--component-badge-tertiary-outline-background);color:var(--component-badge-tertiary-outline-text-color);border-color:var(--component-badge-tertiary-outline-border-color)}.dp-badge--success-subtle{background-color:var(--component-badge-success-subtle-background);color:var(--component-badge-success-subtle-text-color);border-color:var(--component-badge-success-subtle-border-color)}.dp-badge--success-bold{background-color:var(--component-badge-success-bold-background);color:var(--component-badge-success-bold-text-color);border-color:var(--component-badge-success-bold-border-color)}.dp-badge--success-outline{background-color:var(--component-badge-success-outline-background);color:var(--component-badge-success-outline-text-color);border-color:var(--component-badge-success-outline-border-color)}.dp-badge--warning-subtle{background-color:var(--component-badge-warning-subtle-background);color:var(--component-badge-warning-subtle-text-color);border-color:var(--component-badge-warning-subtle-border-color)}.dp-badge--warning-bold{background-color:var(--component-badge-warning-bold-background);color:var(--component-badge-warning-bold-text-color);border-color:var(--component-badge-warning-bold-border-color)}.dp-badge--warning-outline{background-color:var(--component-badge-warning-outline-background);color:var(--component-badge-warning-outline-text-color);border-color:var(--component-badge-warning-outline-border-color)}.dp-badge--error-subtle{background-color:var(--component-badge-error-subtle-background);color:var(--component-badge-error-subtle-text-color);border-color:var(--component-badge-error-subtle-border-color)}.dp-badge--error-bold{background-color:var(--component-badge-error-bold-background);color:var(--component-badge-error-bold-text-color);border-color:var(--component-badge-error-bold-border-color)}.dp-badge--error-outline{background-color:var(--component-badge-error-outline-background);color:var(--component-badge-error-outline-text-color);border-color:var(--component-badge-error-outline-border-color)}.dp-badge--info-subtle{background-color:var(--component-badge-info-subtle-background);color:var(--component-badge-info-subtle-text-color);border-color:var(--component-badge-info-subtle-border-color)}.dp-badge--info-bold{background-color:var(--component-badge-info-bold-background);color:var(--component-badge-info-bold-text-color);border-color:var(--component-badge-info-bold-border-color)}.dp-badge--info-outline{background-color:var(--component-badge-info-outline-background);color:var(--component-badge-info-outline-text-color);border-color:var(--component-badge-info-outline-border-color)}.dp-badge[class*=--code]{font-family:var(--primitive-typography-family-mono);letter-spacing:-.01em}.dp-badge--neutral-code{background-color:var(--component-badge-neutral-subtle-background);color:var(--component-badge-neutral-subtle-text-color);border-color:var(--component-badge-neutral-subtle-border-color)}.dp-badge--primary-code{background-color:var(--component-badge-primary-subtle-background);color:var(--component-badge-primary-subtle-text-color);border-color:var(--component-badge-primary-subtle-border-color)}.dp-badge--secondary-code{background-color:var(--component-badge-secondary-subtle-background);color:var(--component-badge-secondary-subtle-text-color);border-color:var(--component-badge-secondary-subtle-border-color)}.dp-badge--tertiary-code{background-color:var(--component-badge-tertiary-subtle-background);color:var(--component-badge-tertiary-subtle-text-color);border-color:var(--component-badge-tertiary-subtle-border-color)}.dp-badge--success-code{background-color:var(--component-badge-success-subtle-background);color:var(--component-badge-success-subtle-text-color);border-color:var(--component-badge-success-subtle-border-color)}.dp-badge--warning-code{background-color:var(--component-badge-warning-subtle-background);color:var(--component-badge-warning-subtle-text-color);border-color:var(--component-badge-warning-subtle-border-color)}.dp-badge--error-code{background-color:var(--component-badge-error-subtle-background);color:var(--component-badge-error-subtle-text-color);border-color:var(--component-badge-error-subtle-border-color)}.dp-badge--info-code{background-color:var(--component-badge-info-subtle-background);color:var(--component-badge-info-subtle-text-color);border-color:var(--component-badge-info-subtle-border-color)}.dp-badge--md{min-height:var(--component-badge-md-min-height);min-width:var(--component-badge-md-min-width);max-width:var(--component-badge-md-max-width);padding-top:3px;padding-bottom:4px}.dp-badge--sm{padding:var(--component-badge-sm-padding-y) var(--component-badge-sm-padding-x);min-height:var(--component-badge-sm-min-height);min-width:var(--component-badge-sm-min-width);max-width:var(--component-badge-sm-max-width);border-radius:var(--component-badge-sm-border-radius);font-family:var(--component-badge-sm-font-family);font-size:var(--component-badge-sm-font-size);font-weight:var(--component-badge-sm-font-weight);line-height:var(--component-badge-sm-line-height);letter-spacing:var(--component-badge-sm-letter-spacing);text-transform:var(--component-badge-sm-text-transform)}.dp-badge--icon-only{justify-content:center;min-width:auto;max-width:none;aspect-ratio:1;padding:var(--pattern-badge-base-tokens-padding-y)}.dp-badge--icon-only.dp-badge--sm{padding:var(--component-badge-sm-padding-y)}.dp-badge__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--pattern-badge-base-tokens-icon-size);height:var(--pattern-badge-base-tokens-icon-size)}.dp-badge__icon svg{width:100%;height:100%;stroke-width:var(--pattern-badge-base-tokens-icon-stroke)}.dp-badge--sm .dp-badge__icon{width:var(--component-badge-sm-icon-size);height:var(--component-badge-sm-icon-size)}.dp-badge__label{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.dp-badge--disabled{opacity:var(--primitive-opacity-alpha-50);cursor:not-allowed}.dp-input{display:block;width:var(--pattern-text-input-properties-width);min-width:var(--pattern-text-input-properties-min-width);max-width:var(--pattern-text-input-properties-max-width);padding:var(--pattern-text-input-base-tokens-padding-y) var(--pattern-text-input-base-tokens-padding-x);min-height:var(--pattern-text-input-base-tokens-min-height);border-width:var(--pattern-text-input-base-tokens-border-width);border-style:var(--pattern-text-input-properties-border-style);border-radius:var(--pattern-text-input-base-tokens-border-radius);background-color:var(--component-text-input-default-background);color:var(--component-text-input-default-text-color);border-color:var(--component-text-input-default-border-color);font-family:var(--pattern-text-input-base-tokens-font-family);font-size:var(--pattern-text-input-base-tokens-font-size);font-weight:var(--pattern-text-input-base-tokens-font-weight);line-height:var(--pattern-text-input-base-tokens-line-height);letter-spacing:var(--pattern-text-input-base-tokens-letter-spacing);text-transform:var(--pattern-text-input-base-tokens-text-transform);transition:background-color var(--semantic-transition-color),border-color var(--semantic-transition-color),color var(--semantic-transition-color);outline:var(--pattern-text-input-properties-outline);box-sizing:border-box}.dp-input[type=number]::-webkit-inner-spin-button,.dp-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dp-input[type=number]{-moz-appearance:textfield}.dp-input::-moz-placeholder{color:var(--component-text-input-default-placeholder-color)}.dp-input::placeholder{color:var(--component-text-input-default-placeholder-color)}.dp-input:hover:not(:focus):not(:disabled):not(.dp-input--disabled):not(.dp-input--error){border-color:var(--component-text-input-default-border-color-focus)}.dp-input:focus{background-color:var(--component-text-input-default-background-focus);color:var(--component-text-input-default-text-color-focus);border-color:var(--component-text-input-default-border-color-focus)}.dp-input:focus::-moz-placeholder{color:transparent}.dp-input:focus::placeholder{color:transparent}.dp-input:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-input--error{background-color:var(--component-text-input-default-background-error);color:var(--component-text-input-default-text-color-error);border-color:var(--component-text-input-default-border-color-error)}.dp-input--error::-moz-placeholder{color:var(--component-text-input-default-placeholder-color-error)}.dp-input--error::placeholder{color:var(--component-text-input-default-placeholder-color-error)}.dp-input:disabled,.dp-input--disabled{background-color:var(--component-text-input-default-background-disabled);color:var(--component-text-input-default-text-color-disabled);border-color:var(--component-text-input-default-border-color-disabled);cursor:not-allowed}.dp-input:disabled::-moz-placeholder,.dp-input--disabled::-moz-placeholder{color:var(--component-text-input-default-placeholder-color-disabled)}.dp-input:disabled::placeholder,.dp-input--disabled::placeholder{color:var(--component-text-input-default-placeholder-color-disabled)}.dp-input--md{min-height:var(--component-text-input-md-min-height);min-width:var(--component-text-input-md-min-width);max-width:var(--component-text-input-md-max-width)}.dp-input--sm{padding:var(--component-text-input-sm-padding-y) var(--component-text-input-sm-padding-x);min-height:var(--component-text-input-sm-min-height);min-width:var(--component-text-input-sm-min-width);max-width:var(--component-text-input-sm-max-width);border-radius:var(--component-text-input-sm-border-radius);font-family:var(--component-text-input-sm-font-family);font-size:var(--component-text-input-sm-font-size);font-weight:var(--component-text-input-sm-font-weight);line-height:var(--component-text-input-sm-line-height);letter-spacing:var(--component-text-input-sm-letter-spacing);text-transform:var(--component-text-input-sm-text-transform)}.dp-input-wrapper{display:flex;align-items:var(--pattern-text-input-properties-align-items);gap:var(--pattern-text-input-base-tokens-gap);position:relative;width:var(--pattern-text-input-properties-width);max-width:var(--pattern-text-input-properties-max-width);padding:var(--pattern-text-input-base-tokens-padding-y) var(--pattern-text-input-base-tokens-padding-x);min-height:var(--pattern-text-input-base-tokens-min-height);border-width:var(--pattern-text-input-base-tokens-border-width);border-style:var(--pattern-text-input-properties-border-style);border-radius:var(--pattern-text-input-base-tokens-border-radius);background-color:var(--component-text-input-default-background);border-color:var(--component-text-input-default-border-color);color:var(--component-text-input-default-text-color);transition:background-color var(--semantic-transition-color),border-color var(--semantic-transition-color),color var(--semantic-transition-color);box-sizing:border-box}.dp-input-wrapper:has(.dp-input:-moz-placeholder){color:var(--component-text-input-default-placeholder-color)}.dp-input-wrapper:has(.dp-input:placeholder-shown){color:var(--component-text-input-default-placeholder-color)}.dp-input-wrapper:hover:not(:focus-within):not(.dp-input-wrapper--disabled):not(.dp-input-wrapper--error){border-color:var(--component-text-input-default-border-color-focus)}.dp-input-wrapper:focus-within{background-color:var(--component-text-input-default-background-focus);border-color:var(--component-text-input-default-border-color-focus);color:var(--component-text-input-default-text-color-focus);outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-input-wrapper:focus-within:has(.dp-input:-moz-placeholder){color:var(--component-text-input-default-placeholder-color-focus)}.dp-input-wrapper:focus-within:has(.dp-input:placeholder-shown){color:var(--component-text-input-default-placeholder-color-focus)}.dp-input-wrapper--error{background-color:var(--component-text-input-default-background-error);border-color:var(--component-text-input-default-border-color-error);color:var(--component-text-input-default-text-color-error)}.dp-input-wrapper--error:has(.dp-input:-moz-placeholder){color:var(--component-text-input-default-placeholder-color-error)}.dp-input-wrapper--error:has(.dp-input:placeholder-shown){color:var(--component-text-input-default-placeholder-color-error)}.dp-input-wrapper--disabled{background-color:var(--component-text-input-default-background-disabled);border-color:var(--component-text-input-default-border-color-disabled);color:var(--component-text-input-default-text-color-disabled);cursor:not-allowed}.dp-input-wrapper--disabled:has(.dp-input:-moz-placeholder){color:var(--component-text-input-default-placeholder-color-disabled)}.dp-input-wrapper--disabled:has(.dp-input:placeholder-shown){color:var(--component-text-input-default-placeholder-color-disabled)}.dp-input-wrapper--sm{padding:var(--component-text-input-sm-padding-y) var(--component-text-input-sm-padding-x);min-height:var(--component-text-input-sm-min-height);border-radius:var(--component-text-input-sm-border-radius)}.dp-input-wrapper--md{min-height:var(--component-text-input-md-min-height)}.dp-input-wrapper .dp-input{border:none;border-radius:0;background:transparent;padding:0;min-height:auto;outline:none;flex:1;min-width:0}.dp-input-wrapper .dp-input:focus{background:transparent;border-color:transparent}.dp-input-wrapper .dp-input:focus-visible{outline:none}.dp-input__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--pattern-text-input-base-tokens-icon-size);height:var(--pattern-text-input-base-tokens-icon-size);color:currentColor}.dp-input__icon svg{width:100%;height:100%;stroke-width:var(--pattern-text-input-base-tokens-icon-stroke)}.dp-input__icon--clickable{cursor:pointer;transition:color var(--primitive-duration-fast) var(--primitive-easing-standard)}.dp-input__icon--clickable:hover{color:var(--semantic-color-text-neutral-bold)}.dp-input__icon--clickable:focus-visible{outline:var(--primitive-border-width-medium) solid var(--semantic-focus-ringcolor);outline-offset:var(--primitive-border-width-medium);border-radius:var(--primitive-radius-xs)}.dp-input-wrapper--disabled .dp-input__icon{color:var(--semantic-color-text-disabled);cursor:not-allowed}.dp-input-wrapper--disabled .dp-input__icon--clickable{pointer-events:none}.dp-input-wrapper--icon-left{justify-content:var(--pattern-text-input-layout-mode-definitions-icon-left-justify-content);padding-left:var(--semantic-spacing-inset-sm)}.dp-input-wrapper--icon-right{justify-content:var(--pattern-text-input-layout-mode-definitions-icon-right-justify-content);padding-right:var(--semantic-spacing-inset-sm)}.dp-input-container{display:inline-flex;width:100%;max-width:var(--pattern-text-input-properties-max-width, 100%)}.dp-input-container--with-label{flex-direction:column;gap:var(--semantic-spacing-stack-sm)}.dp-input-container--label-left{flex-direction:row;align-items:center;gap:var(--semantic-spacing-inline-md)}.dp-input-container--label-left .dp-input__label{padding-left:0;width:120px;flex-shrink:0}.dp-input__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold);padding-left:var(--semantic-spacing-inset-xs)}.dp-textarea{display:block;width:var(--pattern-text-area-properties-width);min-width:var(--pattern-text-area-properties-min-width);max-width:var(--pattern-text-area-properties-max-width);padding:var(--pattern-text-area-base-tokens-padding-y) var(--pattern-text-area-base-tokens-padding-x);min-height:var(--pattern-text-area-base-tokens-min-height);border-width:var(--pattern-text-area-base-tokens-border-width);border-style:var(--pattern-text-area-properties-border-style);border-radius:var(--pattern-text-area-base-tokens-border-radius);background-color:var(--component-text-area-default-background);color:var(--component-text-area-default-text-color);border-color:var(--component-text-area-default-border-color);font-family:var(--pattern-text-area-base-tokens-font-family);font-size:var(--pattern-text-area-base-tokens-font-size);font-weight:var(--pattern-text-area-base-tokens-font-weight);line-height:var(--pattern-text-area-base-tokens-line-height);letter-spacing:var(--pattern-text-area-base-tokens-letter-spacing);text-transform:var(--pattern-text-area-base-tokens-text-transform);resize:var(--pattern-text-area-properties-resize);transition:background-color var(--semantic-transition-color),border-color var(--semantic-transition-color),color var(--semantic-transition-color);outline:var(--pattern-text-area-properties-outline);box-sizing:border-box}.dp-textarea::-moz-placeholder{color:var(--component-text-area-default-placeholder-color)}.dp-textarea::placeholder{color:var(--component-text-area-default-placeholder-color)}.dp-textarea:hover:not(:focus):not(:disabled):not(.dp-textarea--disabled):not(.dp-textarea--error){border-color:var(--component-text-area-default-border-color-focus)}.dp-textarea:focus{background-color:var(--component-text-area-default-background-focus);color:var(--component-text-area-default-text-color-focus);border-color:var(--component-text-area-default-border-color-focus)}.dp-textarea:focus::-moz-placeholder{color:transparent}.dp-textarea:focus::placeholder{color:transparent}.dp-textarea:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-textarea--error{background-color:var(--component-text-area-default-background-error);color:var(--component-text-area-default-text-color-error);border-color:var(--component-text-area-default-border-color-error)}.dp-textarea--error::-moz-placeholder{color:var(--component-text-area-default-placeholder-color-error)}.dp-textarea--error::placeholder{color:var(--component-text-area-default-placeholder-color-error)}.dp-textarea:disabled,.dp-textarea--disabled{background-color:var(--component-text-area-default-background-disabled);color:var(--component-text-area-default-text-color-disabled);border-color:var(--component-text-area-default-border-color-disabled);cursor:not-allowed}.dp-textarea:disabled::-moz-placeholder,.dp-textarea--disabled::-moz-placeholder{color:var(--component-text-area-default-placeholder-color-disabled)}.dp-textarea:disabled::placeholder,.dp-textarea--disabled::placeholder{color:var(--component-text-area-default-placeholder-color-disabled)}.dp-textarea--md{min-height:var(--component-text-area-md-min-height);min-width:var(--component-text-area-md-min-width);max-width:var(--component-text-area-md-max-width)}.dp-textarea--sm{padding:var(--component-text-area-sm-padding-y) var(--component-text-area-sm-padding-x);min-height:var(--component-text-area-sm-min-height);min-width:var(--component-text-area-sm-min-width);max-width:var(--component-text-area-sm-max-width);border-radius:var(--component-text-area-sm-border-radius);font-family:var(--component-text-area-sm-font-family);font-size:var(--component-text-area-sm-font-size);font-weight:var(--component-text-area-sm-font-weight);line-height:var(--component-text-area-sm-line-height);letter-spacing:var(--component-text-area-sm-letter-spacing);text-transform:var(--component-text-area-sm-text-transform)}.dp-textarea-container{display:inline-flex;width:100%;max-width:var(--pattern-text-area-properties-max-width, 100%)}.dp-textarea-container--with-label{flex-direction:column;gap:var(--semantic-spacing-stack-sm)}.dp-textarea-container--label-left{flex-direction:row;align-items:flex-start;gap:var(--semantic-spacing-inline-md)}.dp-textarea-container--label-left .dp-textarea__label{padding-left:0;padding-top:var(--pattern-text-area-base-tokens-padding-y);width:120px;flex-shrink:0}.dp-textarea__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold);padding-left:var(--semantic-spacing-inset-xs)}.dp-select{display:inline-flex;width:100%;min-width:var(--pattern-select-trigger-properties-min-width, none);max-width:var(--pattern-select-trigger-properties-max-width, var(--pattern-text-input-properties-max-width, 100%))}.dp-select__wrapper{position:relative;flex:1;min-width:0}.dp-select--with-label{flex-direction:column;gap:var(--semantic-spacing-stack-sm)}.dp-select--label-left{flex-direction:row;align-items:center;gap:var(--semantic-spacing-inline-md)}.dp-select--label-left .dp-select__label{padding-left:0;width:120px;flex-shrink:0}.dp-select__label{font-family:var(--semantic-typography-body-xs-font-family);font-size:var(--semantic-typography-body-xs-font-size);font-weight:var(--semantic-typography-body-xs-font-weight);line-height:var(--semantic-typography-body-xs-line-height);letter-spacing:var(--semantic-typography-body-xs-letter-spacing);text-transform:var(--semantic-typography-body-xs-text-transform);color:var(--semantic-color-text-neutral-bold);padding-left:var(--semantic-spacing-inset-xs)}.dp-select__trigger{display:var(--pattern-select-trigger-properties-display, flex);align-items:var(--pattern-select-trigger-properties-align-items, center);justify-content:space-between;width:100%;padding:var(--pattern-select-trigger-base-tokens-padding-y, var(--pattern-text-input-base-tokens-padding-y)) var(--pattern-select-trigger-base-tokens-padding-x, var(--semantic-spacing-inset-md));border-width:var(--pattern-select-trigger-base-tokens-border-width, var(--pattern-text-input-base-tokens-border-width));border-style:var(--pattern-select-trigger-properties-border-style, solid);border-radius:var(--pattern-select-trigger-base-tokens-border-radius, var(--pattern-text-input-base-tokens-border-radius));background-color:var(--component-select-trigger-background, var(--component-text-input-default-background));border-color:var(--component-select-trigger-border-color, var(--component-text-input-default-border-color));font-family:var(--pattern-select-trigger-base-tokens-font-family, var(--semantic-typography-label-sm-font-family));font-size:var(--pattern-select-trigger-base-tokens-font-size, var(--semantic-typography-label-sm-font-size));font-weight:var(--pattern-select-trigger-base-tokens-font-weight, var(--semantic-typography-label-sm-font-weight));line-height:var(--pattern-select-trigger-base-tokens-line-height, var(--semantic-typography-label-sm-line-height));letter-spacing:var(--pattern-select-trigger-base-tokens-letter-spacing, var(--semantic-typography-label-sm-letter-spacing));text-transform:var(--pattern-select-trigger-base-tokens-text-transform, var(--semantic-typography-label-sm-text-transform));color:var(--component-select-trigger-text-color, var(--semantic-color-text-neutral-bold));overflow:hidden;min-width:0;cursor:var(--pattern-select-trigger-properties-cursor, pointer);-webkit-user-select:var(--pattern-select-trigger-properties-user-select, none);-moz-user-select:var(--pattern-select-trigger-properties-user-select, none);user-select:var(--pattern-select-trigger-properties-user-select, none);transition:background-color var(--semantic-transition-color),border-color var(--semantic-transition-color),color var(--semantic-transition-color);outline:none;box-sizing:border-box}.dp-select__trigger:hover:not(:disabled){background-color:var(--component-select-trigger-background-hover, var(--component-text-input-default-background));border-color:var(--component-select-trigger-border-color-hover, var(--component-text-input-default-border-color-focus));color:var(--component-select-trigger-text-color-hover, inherit)}.dp-select__trigger--open{background-color:var(--component-select-trigger-background-open, var(--component-text-input-default-background-focus));border-color:var(--component-select-trigger-border-color-open, var(--component-text-input-default-border-color-focus));color:var(--component-select-trigger-text-color-open, inherit)}.dp-select__trigger:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-select__trigger--error{background-color:var(--component-text-input-default-background-error);border-color:var(--component-text-input-default-border-color-error)}.dp-select__trigger--disabled,.dp-select__trigger:disabled{background-color:var(--component-select-trigger-background-disabled, var(--component-text-input-default-background-disabled));border-color:var(--component-select-trigger-border-color-disabled, var(--component-text-input-default-border-color-disabled));color:var(--component-select-trigger-text-color-disabled, var(--component-text-input-default-text-color-disabled));cursor:not-allowed}.dp-select__trigger--sm{padding:var(--component-select-sm-trigger-padding-y, var(--component-text-input-sm-padding-y)) var(--component-select-sm-trigger-padding-x, var(--component-text-input-sm-padding-x));border-radius:var(--pattern-select-trigger-base-tokens-border-radius, var(--component-text-input-sm-border-radius));font-family:var(--component-select-sm-trigger-font-family, var(--component-text-input-sm-font-family));font-size:var(--component-select-sm-trigger-font-size, var(--component-text-input-sm-font-size));font-weight:var(--component-select-sm-trigger-font-weight, var(--component-text-input-sm-font-weight));line-height:var(--component-select-sm-trigger-line-height, var(--component-text-input-sm-line-height));letter-spacing:var(--component-select-sm-trigger-letter-spacing, var(--component-text-input-sm-letter-spacing));text-transform:var(--component-select-sm-trigger-text-transform, var(--component-text-input-sm-text-transform))}.dp-select__trigger--menu{background-color:color-mix(in srgb,var(--component-button-secondary-background) calc(var(--component-button-secondary-background-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color);border-color:var(--component-button-secondary-border-color);transition:none}.dp-select__trigger--menu:hover:not(:disabled){border-color:var(--component-text-input-default-border-color-focus)}.dp-select__trigger--menu.dp-select__trigger--open{background-color:var(--component-text-input-default-background-focus);border-color:var(--component-text-input-default-border-color-focus);color:var(--semantic-color-text-neutral-bold)}.dp-select__trigger--menu.dp-select__trigger--disabled,.dp-select__trigger--menu:disabled{background-color:color-mix(in srgb,var(--component-button-secondary-background-disabled) calc(var(--component-button-secondary-background-disabled-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-disabled);border-color:var(--component-button-secondary-border-color-disabled)}.dp-select__trigger--menu .dp-select__value--placeholder{color:inherit}.dp-select--sm .dp-select__option{padding:var(--component-select-sm-option-padding-y, var(--component-button-sm-padding-y)) var(--component-select-sm-option-padding-x, var(--component-button-sm-padding-x));font-family:var(--component-select-sm-option-font-family, var(--semantic-typography-label-xs-font-family));font-size:var(--component-select-sm-option-font-size, var(--semantic-typography-label-xs-font-size));font-weight:var(--component-select-sm-option-font-weight, var(--semantic-typography-label-xs-font-weight));line-height:var(--component-select-sm-option-line-height, var(--semantic-typography-label-xs-line-height));letter-spacing:var(--component-select-sm-option-letter-spacing, var(--semantic-typography-label-xs-letter-spacing));text-transform:var(--component-select-sm-option-text-transform, var(--semantic-typography-label-xs-text-transform))}.dp-select--menu .dp-select__check{display:none}.dp-select--menu .dp-select__popover{margin-top:var(--semantic-spacing-stack-lg)}.dp-select--menu .dp-select__popover--top{margin-top:0;margin-bottom:var(--semantic-spacing-stack-lg)}.dp-select__trigger--has-badge{padding-left:var(--semantic-spacing-inset-xs)}.dp-select--button{width:auto;display:inline-flex}.dp-select--button .dp-select__wrapper{flex:none}.dp-select__trigger--button{width:auto;padding:var(--pattern-button-base-tokens-padding-y) var(--pattern-button-base-tokens-padding-x);min-height:var(--pattern-button-base-tokens-min-height);border-radius:var(--pattern-button-base-tokens-border-radius);border-width:var(--pattern-button-base-tokens-border-width);gap:var(--pattern-button-base-tokens-gap);justify-content:center;font-family:var(--pattern-button-base-tokens-font-family);font-size:var(--pattern-button-base-tokens-font-size);font-weight:var(--pattern-button-base-tokens-font-weight);line-height:var(--pattern-button-base-tokens-line-height);letter-spacing:var(--pattern-button-base-tokens-letter-spacing);transition:background-color var(--semantic-transition-color),border-color var(--semantic-transition-color),color var(--semantic-transition-color),box-shadow var(--semantic-transition-fast)}.dp-select__trigger--button.dp-select__trigger--md{min-height:var(--component-button-md-min-height)}.dp-select__trigger--button.dp-select__trigger--sm{padding:var(--component-button-sm-padding-y) var(--component-button-sm-padding-x);min-height:var(--component-button-sm-min-height);border-radius:var(--component-button-sm-border-radius);gap:var(--component-button-sm-gap);font-family:var(--component-button-sm-font-family);font-size:var(--component-button-sm-font-size);font-weight:var(--component-button-sm-font-weight);line-height:var(--component-button-sm-line-height);letter-spacing:var(--component-button-sm-letter-spacing)}.dp-select__trigger--button-icon-only{aspect-ratio:1;padding:var(--pattern-button-base-tokens-padding-y);min-width:auto;max-width:none}.dp-select__trigger--button-icon-only.dp-select__trigger--sm{padding:var(--component-button-sm-padding-y)}.dp-select__button-icon{display:flex;align-items:center;justify-content:center;width:var(--pattern-button-base-tokens-icon-size);height:var(--pattern-button-base-tokens-icon-size)}.dp-select__button-icon svg{width:100%;height:100%;stroke-width:var(--pattern-button-base-tokens-icon-stroke)}.dp-select__trigger--sm .dp-select__button-icon{width:var(--component-button-sm-icon-size);height:var(--component-button-sm-icon-size)}.dp-select__trigger--sm .dp-select__button-icon svg{stroke-width:var(--component-button-sm-icon-stroke)}.dp-select__trigger--button .dp-select__value--placeholder{color:inherit}.dp-select__trigger--button-primary{background-color:color-mix(in srgb,var(--component-button-primary-background) calc(var(--component-button-primary-background-opacity) * 100%),transparent);color:var(--component-button-primary-text-color);border-color:var(--component-button-primary-border-color)}.dp-select__trigger--button-primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-primary-background-hover) calc(var(--component-button-primary-background-hover-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-hover);border-color:var(--component-button-primary-border-color-hover)}.dp-select__trigger--button-primary.dp-select__trigger--open{background-color:color-mix(in srgb,var(--component-button-primary-background-active) calc(var(--component-button-primary-background-active-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-active);border-color:var(--component-button-primary-border-color-active)}.dp-select__trigger--button-primary.dp-select__trigger--disabled,.dp-select__trigger--button-primary:disabled{background-color:color-mix(in srgb,var(--component-button-primary-background-disabled) calc(var(--component-button-primary-background-disabled-opacity) * 100%),transparent);color:var(--component-button-primary-text-color-disabled);border-color:var(--component-button-primary-border-color-disabled);cursor:not-allowed}.dp-select__trigger--button-secondary{background-color:color-mix(in srgb,var(--component-button-secondary-background) calc(var(--component-button-secondary-background-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color);border-color:var(--component-button-secondary-border-color)}.dp-select__trigger--button-secondary:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-secondary-background-hover) calc(var(--component-button-secondary-background-hover-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-hover);border-color:var(--component-button-secondary-border-color-hover)}.dp-select__trigger--button-secondary.dp-select__trigger--open{background-color:color-mix(in srgb,var(--component-button-secondary-background-active) calc(var(--component-button-secondary-background-active-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-active);border-color:var(--component-button-secondary-border-color-active)}.dp-select__trigger--button-secondary.dp-select__trigger--disabled,.dp-select__trigger--button-secondary:disabled{background-color:color-mix(in srgb,var(--component-button-secondary-background-disabled) calc(var(--component-button-secondary-background-disabled-opacity) * 100%),transparent);color:var(--component-button-secondary-text-color-disabled);border-color:var(--component-button-secondary-border-color-disabled);cursor:not-allowed}.dp-select__trigger--button-ghost{background-color:color-mix(in srgb,var(--component-button-ghost-background) calc(var(--component-button-ghost-background-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color);border-color:var(--component-button-ghost-border-color)}.dp-select__trigger--button-ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-ghost-background-hover) calc(var(--component-button-ghost-background-hover-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-hover);border-color:var(--component-button-ghost-border-color-hover)}.dp-select__trigger--button-ghost.dp-select__trigger--open{background-color:color-mix(in srgb,var(--component-button-ghost-background-active) calc(var(--component-button-ghost-background-active-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-active);border-color:var(--component-button-ghost-border-color-active)}.dp-select__trigger--button-ghost.dp-select__trigger--disabled,.dp-select__trigger--button-ghost:disabled{background-color:color-mix(in srgb,var(--component-button-ghost-background-disabled) calc(var(--component-button-ghost-background-disabled-opacity) * 100%),transparent);color:var(--component-button-ghost-text-color-disabled);border-color:var(--component-button-ghost-border-color-disabled);cursor:not-allowed}.dp-select__trigger--button-destructive{background-color:color-mix(in srgb,var(--component-button-destructive-background) calc(var(--component-button-destructive-background-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color);border-color:var(--component-button-destructive-border-color)}.dp-select__trigger--button-destructive:hover:not(:disabled){background-color:color-mix(in srgb,var(--component-button-destructive-background-hover) calc(var(--component-button-destructive-background-hover-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-hover);border-color:var(--component-button-destructive-border-color-hover)}.dp-select__trigger--button-destructive.dp-select__trigger--open{background-color:color-mix(in srgb,var(--component-button-destructive-background-active) calc(var(--component-button-destructive-background-active-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-active);border-color:var(--component-button-destructive-border-color-active)}.dp-select__trigger--button-destructive.dp-select__trigger--disabled,.dp-select__trigger--button-destructive:disabled{background-color:color-mix(in srgb,var(--component-button-destructive-background-disabled) calc(var(--component-button-destructive-background-disabled-opacity) * 100%),transparent);color:var(--component-button-destructive-text-color-disabled);border-color:var(--component-button-destructive-border-color-disabled);cursor:not-allowed}.dp-select__value{flex:1;display:flex;align-items:center;gap:var(--semantic-spacing-inline-md);text-align:left;overflow:hidden;min-width:0}.dp-select__value-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dp-select__value--placeholder{color:var(--component-select-trigger-placeholder-color, var(--component-text-input-default-placeholder-color))}.dp-select__trigger:hover:not(:disabled) .dp-select__value--placeholder{color:var(--component-select-trigger-placeholder-color-hover, var(--component-select-trigger-placeholder-color, var(--component-text-input-default-placeholder-color)))}.dp-select__trigger--open .dp-select__value--placeholder{color:var(--component-select-trigger-placeholder-color-open, var(--component-select-trigger-placeholder-color, var(--component-text-input-default-placeholder-color)))}.dp-select__trigger--disabled .dp-select__value--placeholder,.dp-select__trigger:disabled .dp-select__value--placeholder{color:var(--component-select-trigger-placeholder-color-disabled, var(--component-text-input-default-text-color-disabled))}.dp-select__badge{display:flex;align-items:center;flex-shrink:0;min-width:var(--dp-select-badge-width, auto)}.dp-select__badge[style]>*{min-width:var(--dp-select-badge-width, auto);justify-content:center;text-align:center}.dp-select__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--pattern-select-trigger-base-tokens-icon-size, var(--component-button-sm-icon-size));height:var(--pattern-select-trigger-base-tokens-icon-size, var(--component-button-sm-icon-size));color:var(--component-select-trigger-icon-color, currentColor);transition:transform var(--semantic-transition-fast),color var(--semantic-transition-color)}.dp-select__trigger:hover:not(:disabled) .dp-select__icon{color:var(--component-select-trigger-icon-color-hover, currentColor)}.dp-select__trigger--open .dp-select__icon{color:var(--component-select-trigger-icon-color-open, currentColor)}.dp-select__trigger--disabled .dp-select__icon,.dp-select__trigger:disabled .dp-select__icon{color:var(--component-select-trigger-icon-color-disabled, currentColor)}.dp-select__icon svg{width:100%;height:100%;stroke-width:var(--component-button-sm-icon-stroke)}.dp-select__icon--open{transform:rotate(180deg)}.dp-select__popover{position:var(--pattern-select-panel-properties-position, absolute);top:100%;left:0;width:100%;z-index:var(--pattern-select-panel-properties-z-index, var(--primitive-z-index-layer-50));margin-top:var(--pattern-select-trigger-properties-panel-offset, var(--semantic-spacing-stack-sm));padding:var(--pattern-select-panel-base-tokens-padding, var(--semantic-spacing-inset-sm));background-color:var(--component-select-panel-background, var(--semantic-color-contrast-light));border:var(--pattern-select-panel-base-tokens-border-width, var(--primitive-border-width-thin)) solid var(--component-select-panel-border-color, var(--primitive-color-neutral-gray-white));border-radius:var(--pattern-select-panel-base-tokens-border-radius, var(--primitive-radius-2xl));box-shadow:var(--pattern-select-panel-base-tokens-shadow, var(--primitive-shadow-elevation-4));display:var(--pattern-select-panel-properties-display, flex);flex-direction:var(--pattern-select-panel-properties-flex-direction, column);animation:dp-select-popover-open var(--primitive-duration-fast) var(--primitive-easing-decelerate);transform-origin:top center}.dp-select__popover--top{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--semantic-spacing-stack-lg);transform-origin:bottom center;animation:dp-select-popover-open-top var(--primitive-duration-fast) var(--primitive-easing-decelerate)}.dp-select__popover--top.dp-select__popover--closing{animation:dp-select-popover-close-top .15s var(--primitive-easing-accelerate) forwards}.dp-select__popover--align-right{left:auto;right:0}.dp-select__popover--closing{animation:dp-select-popover-close .15s var(--primitive-easing-accelerate) forwards}.dp-select__list{display:flex;flex-direction:column;gap:var(--pattern-select-panel-base-tokens-gap, var(--semantic-spacing-stack-xs));height:var(--dp-select-popover-max-height, auto);max-height:var(--dp-select-popover-max-height, var(--pattern-select-panel-base-tokens-max-height, none));overflow-y:var(--pattern-select-panel-properties-overflow-y, auto);scrollbar-width:none}@property --fade-top{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --fade-bottom{syntax: "<length>"; inherits: false; initial-value: 0px;}.dp-select__list::-webkit-scrollbar{display:none}@keyframes dp-select-popover-open{0%{opacity:0;transform:translateY(calc(var(--primitive-spacing-xs) * -1)) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes dp-select-popover-close{0%{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(calc(var(--primitive-spacing-xs) * -1)) scaleY(.95)}}@keyframes dp-select-popover-open-top{0%{opacity:0;transform:translateY(var(--primitive-spacing-xs)) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes dp-select-popover-close-top{0%{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(var(--primitive-spacing-xs)) scaleY(.95)}}.dp-select__option{display:var(--pattern-select-option-properties-display, flex);align-items:var(--pattern-select-option-properties-align-items, center);justify-content:flex-start;gap:var(--semantic-spacing-inline-md);width:100%;text-align:left;padding:var(--pattern-select-option-base-tokens-padding-y, var(--component-button-sm-padding-y)) var(--pattern-select-option-base-tokens-padding-x, var(--component-button-sm-padding-x));border-radius:var(--pattern-select-option-base-tokens-border-radius, var(--component-button-sm-border-radius));font-family:var(--pattern-select-option-base-tokens-font-family, var(--component-button-sm-font-family));font-size:var(--pattern-select-option-base-tokens-font-size, var(--component-button-sm-font-size));font-weight:var(--pattern-select-option-base-tokens-font-weight, var(--component-button-sm-font-weight));line-height:var(--pattern-select-option-base-tokens-line-height, var(--component-button-sm-line-height));letter-spacing:var(--pattern-select-option-base-tokens-letter-spacing, var(--component-button-sm-letter-spacing));color:var(--component-select-option-text-color, var(--component-button-ghost-text-color));background-color:var(--component-select-option-background, transparent);border:none;cursor:var(--pattern-select-option-properties-cursor, pointer);-webkit-user-select:var(--pattern-select-option-properties-user-select, none);-moz-user-select:var(--pattern-select-option-properties-user-select, none);user-select:var(--pattern-select-option-properties-user-select, none);transition:none}.dp-select__option:hover,.dp-select__option--highlighted{background-color:var(--component-select-option-background-hover, var(--semantic-color-surface-neutral-subtle));color:var(--component-select-option-text-color-hover, inherit)}.dp-select__option--selected,.dp-select__option--selected:hover,.dp-select__option--selected.dp-select__option--highlighted{background-color:var(--component-select-option-background-selected, color-mix(in srgb, var(--component-button-ghost-background-active) calc(var(--component-button-ghost-background-active-opacity) * 100%), transparent));color:var(--component-select-option-text-color-selected, var(--component-button-ghost-text-color-active))}.dp-select__option--selected .dp-badge{color:inherit;border-color:currentColor;background-color:transparent}.dp-select__option--has-badge{padding-left:6px;padding-right:var(--semantic-spacing-inset-md)}.dp-select__option--disabled{background-color:var(--component-select-option-background-disabled, transparent);color:var(--component-select-option-text-color-disabled, var(--component-text-input-default-text-color-disabled));cursor:not-allowed;pointer-events:none;opacity:.5}.dp-select__option-content{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md);flex:1;min-width:0}.dp-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dp-select__check{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--component-button-sm-icon-size);height:var(--component-button-sm-icon-size);color:inherit}.dp-select__check svg{width:100%;height:100%;stroke-width:var(--component-button-sm-icon-stroke)}.dp-select__option:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-select__search{padding-bottom:var(--semantic-spacing-stack-sm);border-bottom:var(--primitive-border-width-regular) solid var(--semantic-color-border-neutral-subtle)}.dp-select__header{display:flex;align-items:center;justify-content:space-between;gap:var(--semantic-spacing-inline-sm);min-height:var(--component-text-input-sm-min-height);padding:var(--semantic-spacing-stack-sm) var(--semantic-spacing-inset-xs);margin-bottom:var(--semantic-spacing-stack-xs);border-bottom:var(--primitive-border-width-regular) solid var(--semantic-color-border-neutral-subtle)}.dp-select__empty{display:flex;align-items:center;justify-content:center;padding:var(--semantic-spacing-inset-lg) var(--semantic-spacing-inset-md);color:var(--semantic-color-text-neutral-default);font-family:var(--component-button-sm-font-family);font-size:var(--component-button-sm-font-size);font-style:italic}.dp-select__group{display:flex;flex-direction:column;margin-top:calc(var(--semantic-spacing-stack-xs) * -1)}.dp-select__group:first-child{margin-top:0}.dp-select__group+.dp-select__group{border-top:var(--primitive-border-width-regular) solid var(--semantic-color-border-neutral-subtle)}.dp-select__group-header{display:flex;align-items:center;gap:var(--semantic-spacing-inline-xs);padding:var(--component-button-sm-padding-y) var(--component-button-sm-padding-x);min-height:var(--component-button-sm-min-height);justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dp-select__group-header--collapsible{cursor:pointer;border-radius:var(--component-button-sm-border-radius);padding-left:calc(var(--component-button-sm-padding-x) - 7px);padding-right:calc(var(--component-button-sm-padding-x) - 7px)}.dp-select__group-header--collapsible:hover .dp-select__group-label,.dp-select__group-header--collapsible:hover .dp-select__group-chevron{color:var(--semantic-color-text-neutral-bold)}.dp-select__group-label{font-family:var(--semantic-typography-label-xs-font-family);font-size:var(--semantic-typography-label-xs-font-size);font-weight:var(--primitive-typography-weight-medium);line-height:var(--semantic-typography-label-xs-line-height);letter-spacing:var(--semantic-typography-label-xs-letter-spacing);text-transform:var(--semantic-typography-label-xs-text-transform);color:var(--semantic-color-text-neutral-default)}.dp-select__group-chevron{display:flex;align-items:center;justify-content:center;width:12px;height:12px;color:var(--semantic-color-text-neutral-default);transition:transform var(--semantic-transition-fast)}.dp-select__group-chevron svg{width:100%;height:100%;stroke-width:2.5}.dp-select__group-chevron--open{transform:rotate(90deg)}.dp-select__group-options{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-xs);padding-top:var(--semantic-spacing-stack-xs);padding-bottom:var(--semantic-spacing-stack-xs)}.dp-select__group:last-child .dp-select__group-options{padding-bottom:0}.dp-select__load-more{display:flex;justify-content:center}.dp-select__load-more-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--component-button-sm-min-height);padding:var(--component-button-sm-padding-y) var(--component-button-sm-padding-x);border:none;border-radius:var(--component-button-sm-border-radius);background-color:transparent;color:var(--semantic-color-text-neutral-bold);font-family:var(--semantic-typography-label-xs-font-family);font-size:var(--semantic-typography-label-xs-font-size);font-weight:var(--primitive-typography-weight-medium);line-height:var(--semantic-typography-label-xs-line-height);letter-spacing:var(--semantic-typography-label-xs-letter-spacing);text-transform:var(--semantic-typography-label-xs-text-transform);cursor:pointer;transition:background-color var(--semantic-transition-color)}.dp-select__load-more-btn:hover{background-color:var(--semantic-color-surface-neutral-subtle)}.dp-switch{position:relative;display:var(--pattern-switch-properties-display, inline-flex);align-items:var(--pattern-switch-properties-align-items, center);gap:var(--pattern-switch-base-tokens-gap, var(--semantic-spacing-inline-sm));cursor:var(--pattern-switch-properties-cursor, pointer);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dp-switch--disabled{cursor:not-allowed;opacity:1}.dp-switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.dp-switch__track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;border-radius:var(--pattern-switch-base-tokens-track-radius, 9999px);outline:var(--pattern-switch-base-tokens-track-border-width, 0px) solid var(--component-switch-default-track-border-color, transparent);outline-offset:0px;background-color:var(--component-switch-default-track-background, var(--semantic-color-surface-neutral-default));transition:background-color var(--primitive-duration-fast, .15s) var(--primitive-easing-standard, ease)}.dp-switch--md .dp-switch__track{width:var(--component-switch-md-track-width, var(--pattern-switch-base-tokens-track-width, 40px));height:var(--component-switch-md-track-height, var(--pattern-switch-base-tokens-track-height, 24px))}.dp-switch--sm .dp-switch__track{width:var(--component-switch-sm-track-width, 32px);height:var(--component-switch-sm-track-height, 18px)}.dp-switch__thumb{position:absolute;top:50%;transform:translateY(-50%);border-radius:var(--pattern-switch-base-tokens-thumb-radius, 50%);background-color:var(--component-switch-default-thumb-color, var(--semantic-color-contrast-light));box-shadow:0 1px 2px #00000026;transition:transform var(--primitive-duration-fast, .15s) var(--primitive-easing-standard, ease),background-color var(--primitive-duration-fast, .15s) var(--primitive-easing-standard, ease)}.dp-switch--md .dp-switch__thumb{width:var(--component-switch-md-thumb-size, var(--pattern-switch-base-tokens-thumb-size, 20px));height:var(--component-switch-md-thumb-size, var(--pattern-switch-base-tokens-thumb-size, 20px));left:calc((var(--component-switch-md-track-height, var(--pattern-switch-base-tokens-track-height, 24px)) - var(--component-switch-md-thumb-size, var(--pattern-switch-base-tokens-thumb-size, 20px))) / 2)}.dp-switch--sm .dp-switch__thumb{width:var(--component-switch-sm-thumb-size, 14px);height:var(--component-switch-sm-thumb-size, 14px);left:calc((var(--component-switch-sm-track-height, 18px) - var(--component-switch-sm-thumb-size, 14px)) / 2)}.dp-switch:not(.dp-switch--disabled):hover .dp-switch__track{background-color:var(--component-switch-default-track-background-hover, var(--semantic-color-surface-neutral-default));outline-color:var(--component-switch-default-track-border-color-hover, var(--semantic-color-border-neutral-bold))}.dp-switch__input:checked+.dp-switch__track{background-color:var(--component-switch-default-track-background-checked, var(--semantic-color-interactive-primary-default));outline-color:var(--component-switch-default-track-border-color-checked, var(--semantic-color-interactive-primary-default))}.dp-switch--md .dp-switch__input:checked+.dp-switch__track .dp-switch__thumb{transform:translateY(-50%) translate(calc(var(--component-switch-md-track-width, var(--pattern-switch-base-tokens-track-width, 40px)) - var(--component-switch-md-track-height, var(--pattern-switch-base-tokens-track-height, 24px))))}.dp-switch--sm .dp-switch__input:checked+.dp-switch__track .dp-switch__thumb{transform:translateY(-50%) translate(calc(var(--component-switch-sm-track-width, 32px) - var(--component-switch-sm-track-height, 18px)))}.dp-switch:not(.dp-switch--disabled):hover .dp-switch__input:checked+.dp-switch__track{background-color:var(--component-switch-default-track-background-checked, var(--semantic-color-interactive-primary-hover))}.dp-switch__input:focus-visible+.dp-switch__track{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-switch--disabled .dp-switch__track{background-color:var(--component-switch-default-track-background-disabled, var(--semantic-color-surface-disabled));outline-color:var(--component-switch-default-track-border-color-disabled, var(--semantic-color-border-disabled))}.dp-switch--disabled .dp-switch__input:checked+.dp-switch__track{background-color:var(--component-switch-default-track-background-disabled, var(--semantic-color-surface-disabled))}.dp-switch--disabled .dp-switch__thumb{background-color:var(--component-switch-default-thumb-color-disabled, var(--semantic-color-interactive-primary-disabled));box-shadow:none}.dp-switch--disabled .dp-switch__input:checked+.dp-switch__track .dp-switch__thumb{background-color:var(--component-switch-default-thumb-color-disabled, var(--semantic-color-interactive-primary-disabled));box-shadow:none}.dp-switch--disabled:hover .dp-switch__input:checked+.dp-switch__track{background-color:var(--component-switch-default-track-background-disabled, var(--semantic-color-surface-disabled))}.dp-switch--success .dp-switch__input:checked+.dp-switch__track{background-color:var(--component-switch-default-track-background-checked-success, var(--semantic-color-surface-success-bold))}.dp-switch--success:not(.dp-switch--disabled):hover .dp-switch__input:checked+.dp-switch__track{background-color:var(--component-switch-default-track-background-checked-success, var(--semantic-color-surface-success-bold))}.dp-switch--destructive .dp-switch__input:checked+.dp-switch__track{background-color:var(--component-switch-default-track-background-checked-destructive, var(--semantic-color-surface-error-bold))}.dp-switch--destructive:not(.dp-switch--disabled):hover .dp-switch__input:checked+.dp-switch__track{background-color:var(--component-switch-default-track-background-checked-destructive, var(--semantic-color-surface-error-bold))}.dp-switch__label{font-family:var(--component-switch-md-font-family, var(--pattern-switch-base-tokens-font-family, var(--semantic-typography-body-md-font-family)));font-size:var(--component-switch-md-font-size, var(--pattern-switch-base-tokens-font-size, var(--semantic-typography-body-md-font-size)));font-weight:var(--component-switch-md-font-weight, var(--pattern-switch-base-tokens-font-weight, var(--semantic-typography-body-md-font-weight)));line-height:var(--component-switch-md-line-height, var(--pattern-switch-base-tokens-line-height, var(--semantic-typography-body-md-line-height)));color:var(--component-switch-default-label-color, var(--semantic-color-text-neutral-bold))}.dp-switch--sm .dp-switch__label{font-family:var(--component-switch-sm-font-family, var(--semantic-typography-body-sm-font-family));font-size:var(--component-switch-sm-font-size, var(--semantic-typography-body-sm-font-size));font-weight:var(--component-switch-sm-font-weight, var(--semantic-typography-body-sm-font-weight));line-height:var(--component-switch-sm-line-height, var(--semantic-typography-body-sm-line-height))}.dp-switch--disabled .dp-switch__label{color:var(--component-switch-default-label-color-disabled, var(--semantic-color-text-disabled))}.dp-switch--sm{gap:var(--component-switch-sm-gap, var(--semantic-spacing-inline-xs))}.dp-checkbox{position:relative;display:var(--pattern-checkbox-properties-display, inline-flex);align-items:var(--pattern-checkbox-properties-align-items, center);gap:var(--pattern-checkbox-base-tokens-gap, var(--semantic-spacing-inline-sm));cursor:var(--pattern-checkbox-properties-cursor, pointer);-webkit-user-select:var(--pattern-checkbox-properties-user-select, none);-moz-user-select:var(--pattern-checkbox-properties-user-select, none);user-select:var(--pattern-checkbox-properties-user-select, none)}.dp-checkbox--disabled{cursor:not-allowed}.dp-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.dp-checkbox__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--pattern-checkbox-base-tokens-container-size, 20px);height:var(--pattern-checkbox-base-tokens-container-size, 20px);border-radius:var(--pattern-checkbox-base-tokens-container-radius, var(--primitive-radius-sm));border-width:var(--pattern-checkbox-base-tokens-container-border-width, var(--primitive-border-width-thin));border-style:solid;box-sizing:border-box;background-color:var(--component-checkbox-default-container-background, var(--semantic-color-surface-neutral-default));border-color:var(--component-checkbox-default-container-border-color, var(--semantic-color-border-neutral-default));color:var(--component-checkbox-default-indicator-color, var(--semantic-color-contrast-light));transition:background-color var(--semantic-transition-fast),border-color var(--semantic-transition-fast)}.dp-checkbox__icon{position:absolute;width:var(--pattern-checkbox-base-tokens-indicator-size, 12px);height:var(--pattern-checkbox-base-tokens-indicator-size, 12px);opacity:0;transform:scale(.5);transition:opacity var(--semantic-transition-fast),transform var(--semantic-transition-fast)}.dp-checkbox__input:checked+.dp-checkbox__box .dp-checkbox__icon--check{opacity:1;transform:scale(1)}.dp-checkbox__input:indeterminate+.dp-checkbox__box .dp-checkbox__icon--check{opacity:0;transform:scale(.5)}.dp-checkbox__input:indeterminate+.dp-checkbox__box .dp-checkbox__icon--dash{opacity:1;transform:scale(1)}.dp-checkbox:hover .dp-checkbox__box{background-color:var(--component-checkbox-default-container-background-hover, var(--semantic-color-surface-neutral-default));border-color:var(--component-checkbox-default-container-border-color-hover, var(--semantic-color-border-neutral-bold));color:var(--component-checkbox-default-indicator-color-hover, var(--semantic-color-contrast-light))}.dp-checkbox__input:checked+.dp-checkbox__box,.dp-checkbox__input:indeterminate+.dp-checkbox__box{background-color:var(--component-checkbox-default-container-background-checked, var(--semantic-color-interactive-primary-default));border-color:var(--component-checkbox-default-container-border-color-checked, var(--semantic-color-interactive-primary-default));color:var(--component-checkbox-default-indicator-color-checked, var(--semantic-color-contrast-light))}.dp-checkbox:hover .dp-checkbox__input:checked+.dp-checkbox__box,.dp-checkbox:hover .dp-checkbox__input:indeterminate+.dp-checkbox__box{background-color:var(--component-checkbox-default-container-background-checked, var(--semantic-color-interactive-primary-hover));border-color:var(--component-checkbox-default-container-border-color-checked, var(--semantic-color-interactive-primary-hover))}.dp-checkbox__input:focus-visible+.dp-checkbox__box{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-checkbox--disabled .dp-checkbox__box{background-color:var(--component-checkbox-default-container-background-disabled, var(--semantic-color-surface-disabled));border-color:var(--component-checkbox-default-container-border-color-disabled, var(--semantic-color-border-disabled));color:var(--component-checkbox-default-indicator-color-disabled, var(--semantic-color-text-disabled))}.dp-checkbox--disabled .dp-checkbox__input:checked+.dp-checkbox__box,.dp-checkbox--disabled .dp-checkbox__input:indeterminate+.dp-checkbox__box{background-color:var(--component-checkbox-default-container-background-disabled, var(--semantic-color-surface-disabled));border-color:var(--component-checkbox-default-container-border-color-disabled, var(--semantic-color-border-disabled));color:var(--component-checkbox-default-indicator-color-disabled, var(--semantic-color-text-disabled))}.dp-checkbox--disabled:hover .dp-checkbox__box,.dp-checkbox--disabled:hover .dp-checkbox__input:checked+.dp-checkbox__box,.dp-checkbox--disabled:hover .dp-checkbox__input:indeterminate+.dp-checkbox__box{background-color:var(--component-checkbox-default-container-background-disabled, var(--semantic-color-surface-disabled));border-color:var(--component-checkbox-default-container-border-color-disabled, var(--semantic-color-border-disabled))}.dp-checkbox__label{font-family:var(--pattern-checkbox-base-tokens-font-family, var(--semantic-typography-body-md-font-family));font-size:var(--pattern-checkbox-base-tokens-font-size, var(--semantic-typography-body-md-font-size));font-weight:var(--pattern-checkbox-base-tokens-font-weight, var(--semantic-typography-body-md-font-weight));line-height:var(--pattern-checkbox-base-tokens-line-height, var(--semantic-typography-body-md-line-height));color:var(--component-checkbox-default-label-color, var(--semantic-color-text-neutral-bold))}.dp-checkbox--disabled .dp-checkbox__label{color:var(--component-checkbox-default-label-color-disabled, var(--semantic-color-text-disabled))}.dp-checkbox--md .dp-checkbox__box{width:var(--component-checkbox-md-container-size, var(--pattern-checkbox-base-tokens-container-size, 20px));height:var(--component-checkbox-md-container-size, var(--pattern-checkbox-base-tokens-container-size, 20px))}.dp-checkbox--md .dp-checkbox__icon{width:var(--component-checkbox-md-indicator-size, var(--pattern-checkbox-base-tokens-indicator-size, 12px));height:var(--component-checkbox-md-indicator-size, var(--pattern-checkbox-base-tokens-indicator-size, 12px))}.dp-checkbox--sm{gap:var(--component-checkbox-sm-gap, var(--semantic-spacing-inline-xs))}.dp-checkbox--sm .dp-checkbox__box{width:var(--component-checkbox-sm-container-size, 16px);height:var(--component-checkbox-sm-container-size, 16px)}.dp-checkbox--sm .dp-checkbox__icon{width:var(--component-checkbox-sm-indicator-size, 10px);height:var(--component-checkbox-sm-indicator-size, 10px)}.dp-checkbox--sm .dp-checkbox__label{font-family:var(--component-checkbox-sm-font-family, var(--semantic-typography-body-sm-font-family));font-size:var(--component-checkbox-sm-font-size, var(--semantic-typography-body-sm-font-size));font-weight:var(--component-checkbox-sm-font-weight, var(--semantic-typography-body-sm-font-weight));line-height:var(--component-checkbox-sm-line-height, var(--semantic-typography-body-sm-line-height))}.dp-divider{border:var(--pattern-divider-properties-border, none);margin-top:var(--pattern-divider-base-tokens-spacing-top, var(--semantic-spacing-stack-md));margin-bottom:var(--pattern-divider-base-tokens-spacing-bottom, var(--semantic-spacing-stack-md));padding:var(--pattern-divider-properties-padding, 0);background:var(--pattern-divider-properties-background, transparent)}.dp-divider--subtle{border-top-width:var(--component-divider-subtle-border-width, var(--primitive-border-width-thin));border-top-style:solid;border-top-color:var(--component-divider-subtle-border-color, var(--semantic-color-border-neutral-default))}.dp-divider--strong{border-top-width:var(--component-divider-strong-border-width, var(--primitive-border-width-medium));border-top-style:solid;border-top-color:var(--component-divider-strong-border-color, var(--semantic-color-border-neutral-bold))}.dp-avatar{display:var(--pattern-avatar-properties-display, inline-flex);align-items:var(--pattern-avatar-properties-align-items, center);justify-content:var(--pattern-avatar-properties-justify-content, center);border-radius:var(--pattern-avatar-base-tokens-border-radius, var(--primitive-radius-full));border-width:var(--pattern-avatar-base-tokens-border-width, var(--primitive-border-width-thin));border-style:solid;border-color:transparent;flex-shrink:0;overflow:hidden}.dp-avatar--sm{width:var(--component-avatar-sm-size, 24px);height:var(--component-avatar-sm-size, 24px);font-family:var(--component-avatar-sm-font-family, var(--pattern-avatar-base-tokens-font-family));font-size:var(--component-avatar-sm-font-size, var(--pattern-avatar-base-tokens-font-size));font-weight:var(--component-avatar-sm-font-weight, var(--pattern-avatar-base-tokens-font-weight));line-height:var(--component-avatar-sm-line-height, var(--pattern-avatar-base-tokens-line-height));letter-spacing:var(--component-avatar-sm-letter-spacing, var(--pattern-avatar-base-tokens-letter-spacing));text-transform:var(--component-avatar-sm-text-transform, var(--pattern-avatar-base-tokens-text-transform))}.dp-avatar--md{width:var(--component-avatar-md-size, 40px);height:var(--component-avatar-md-size, 40px);font-family:var(--component-avatar-md-font-family, var(--pattern-avatar-base-tokens-font-family));font-size:var(--component-avatar-md-font-size, var(--pattern-avatar-base-tokens-font-size));font-weight:var(--component-avatar-md-font-weight, var(--pattern-avatar-base-tokens-font-weight));line-height:var(--component-avatar-md-line-height, var(--pattern-avatar-base-tokens-line-height));letter-spacing:var(--component-avatar-md-letter-spacing, var(--pattern-avatar-base-tokens-letter-spacing));text-transform:var(--component-avatar-md-text-transform, var(--pattern-avatar-base-tokens-text-transform))}.dp-avatar--lg{width:var(--component-avatar-lg-size, 48px);height:var(--component-avatar-lg-size, 48px);font-family:var(--component-avatar-lg-font-family, var(--pattern-avatar-base-tokens-font-family));font-size:var(--component-avatar-lg-font-size, var(--pattern-avatar-base-tokens-font-size));font-weight:var(--component-avatar-lg-font-weight, var(--pattern-avatar-base-tokens-font-weight));line-height:var(--component-avatar-lg-line-height, var(--pattern-avatar-base-tokens-line-height));letter-spacing:var(--component-avatar-lg-letter-spacing, var(--pattern-avatar-base-tokens-letter-spacing));text-transform:var(--component-avatar-lg-text-transform, var(--pattern-avatar-base-tokens-text-transform))}.dp-avatar--xl{width:var(--component-avatar-xl-size, 64px);height:var(--component-avatar-xl-size, 64px);font-family:var(--component-avatar-xl-font-family, var(--pattern-avatar-base-tokens-font-family));font-size:var(--component-avatar-xl-font-size, var(--pattern-avatar-base-tokens-font-size));font-weight:var(--component-avatar-xl-font-weight, var(--pattern-avatar-base-tokens-font-weight));line-height:var(--component-avatar-xl-line-height, var(--pattern-avatar-base-tokens-line-height));letter-spacing:var(--component-avatar-xl-letter-spacing, var(--pattern-avatar-base-tokens-letter-spacing));text-transform:var(--component-avatar-xl-text-transform, var(--pattern-avatar-base-tokens-text-transform))}.dp-avatar--primary{background:var(--component-avatar-primary-background, var(--semantic-color-interactive-primary-default));color:var(--component-avatar-primary-text-color, var(--semantic-color-text-neutral-contrast));border-color:var(--component-avatar-primary-border-color, transparent)}.dp-avatar--neutral{background:var(--component-avatar-neutral-background, var(--semantic-color-surface-neutral-default));color:var(--component-avatar-neutral-text-color, var(--semantic-color-text-neutral-bold));border-color:var(--component-avatar-neutral-border-color, transparent)}.dp-avatar--secondary{background:var(--component-avatar-secondary-background, var(--semantic-color-interactive-secondary-default));color:var(--component-avatar-secondary-text-color, var(--semantic-color-text-neutral-contrast));border-color:var(--component-avatar-secondary-border-color, transparent)}.dp-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dp-radio-group{border:none;margin:0;padding:0}.dp-radio-group__legend{font-family:var(--semantic-typography-caption-md-font-family);font-size:var(--semantic-typography-caption-md-font-size);font-weight:var(--semantic-typography-caption-md-font-weight);line-height:var(--semantic-typography-caption-md-line-height);letter-spacing:var(--semantic-typography-caption-md-letter-spacing);text-transform:var(--semantic-typography-caption-md-text-transform);color:var(--semantic-color-text-neutral-bold);padding:0;margin-bottom:var(--semantic-spacing-stack-sm)}.dp-radio-group__options{display:flex;gap:var(--semantic-spacing-stack-sm)}.dp-radio-group--vertical .dp-radio-group__options{flex-direction:column}.dp-radio-group--horizontal .dp-radio-group__options{flex-direction:row;gap:var(--semantic-spacing-inline-lg)}.dp-radio{position:relative;display:var(--pattern-radio-properties-display, inline-flex);align-items:var(--pattern-radio-properties-align-items, center);gap:var(--pattern-radio-base-tokens-gap, var(--semantic-spacing-inline-sm));cursor:var(--pattern-radio-properties-cursor, pointer);-webkit-user-select:var(--pattern-radio-properties-user-select, none);-moz-user-select:var(--pattern-radio-properties-user-select, none);user-select:var(--pattern-radio-properties-user-select, none)}.dp-radio--disabled{cursor:not-allowed}.dp-radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.dp-radio__circle{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--pattern-radio-base-tokens-container-size, 20px);height:var(--pattern-radio-base-tokens-container-size, 20px);border-radius:50%;border-width:var(--pattern-radio-base-tokens-container-border-width, var(--primitive-border-width-thin));border-style:solid;box-sizing:border-box;background-color:var(--component-radio-default-container-background, var(--semantic-color-surface-neutral-default));border-color:var(--component-radio-default-container-border-color, var(--semantic-color-border-neutral-default));transition:background-color var(--semantic-transition-fast),border-color var(--semantic-transition-fast)}.dp-radio--md .dp-radio__circle{width:var(--component-radio-md-container-size, var(--pattern-radio-base-tokens-container-size, 20px));height:var(--component-radio-md-container-size, var(--pattern-radio-base-tokens-container-size, 20px))}.dp-radio--sm{gap:var(--component-radio-sm-gap, var(--semantic-spacing-inline-xs))}.dp-radio--sm .dp-radio__circle{width:var(--component-radio-sm-container-size, 16px);height:var(--component-radio-sm-container-size, 16px)}.dp-radio__dot{border-radius:50%;width:var(--pattern-radio-base-tokens-indicator-size, 10px);height:var(--pattern-radio-base-tokens-indicator-size, 10px);background-color:var(--component-radio-default-indicator-color, var(--semantic-color-contrast-light));transform:scale(0);transition:transform var(--semantic-transition-fast)}.dp-radio--md .dp-radio__dot{width:var(--component-radio-md-indicator-size, var(--pattern-radio-base-tokens-indicator-size, 10px));height:var(--component-radio-md-indicator-size, var(--pattern-radio-base-tokens-indicator-size, 10px))}.dp-radio--sm .dp-radio__dot{width:var(--component-radio-sm-indicator-size, 8px);height:var(--component-radio-sm-indicator-size, 8px)}.dp-radio__input:checked+.dp-radio__circle .dp-radio__dot{transform:scale(1)}.dp-radio:hover .dp-radio__circle{background-color:var(--component-radio-default-container-background-hover, var(--semantic-color-surface-neutral-default));border-color:var(--component-radio-default-container-border-color-hover, var(--semantic-color-border-neutral-bold))}.dp-radio:hover .dp-radio__dot{background-color:var(--component-radio-default-indicator-color-hover, var(--semantic-color-contrast-light))}.dp-radio__input:checked+.dp-radio__circle{background-color:var(--component-radio-default-container-background-checked, var(--semantic-color-interactive-primary-default));border-color:var(--component-radio-default-container-border-color-checked, var(--semantic-color-interactive-primary-default))}.dp-radio__input:checked+.dp-radio__circle .dp-radio__dot{background-color:var(--component-radio-default-indicator-color-checked, var(--semantic-color-contrast-light))}.dp-radio:hover .dp-radio__input:checked+.dp-radio__circle{background-color:var(--component-radio-default-container-background-checked, var(--semantic-color-interactive-primary-hover));border-color:var(--component-radio-default-container-border-color-checked, var(--semantic-color-interactive-primary-hover))}.dp-radio__input:focus-visible+.dp-radio__circle{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-radio--disabled .dp-radio__circle{background-color:var(--component-radio-default-container-background-disabled, var(--semantic-color-surface-disabled));border-color:var(--component-radio-default-container-border-color-disabled, var(--semantic-color-border-disabled))}.dp-radio--disabled .dp-radio__dot{background-color:var(--component-radio-default-indicator-color-disabled, var(--semantic-color-text-disabled))}.dp-radio--disabled .dp-radio__input:checked+.dp-radio__circle{background-color:var(--component-radio-default-container-background-disabled, var(--semantic-color-surface-disabled));border-color:var(--component-radio-default-container-border-color-disabled, var(--semantic-color-border-disabled))}.dp-radio--disabled:hover .dp-radio__circle,.dp-radio--disabled:hover .dp-radio__input:checked+.dp-radio__circle{background-color:var(--component-radio-default-container-background-disabled, var(--semantic-color-surface-disabled));border-color:var(--component-radio-default-container-border-color-disabled, var(--semantic-color-border-disabled))}.dp-radio__label{font-family:var(--pattern-radio-base-tokens-font-family, var(--semantic-typography-body-md-font-family));font-size:var(--pattern-radio-base-tokens-font-size, var(--semantic-typography-body-md-font-size));font-weight:var(--pattern-radio-base-tokens-font-weight, var(--semantic-typography-body-md-font-weight));line-height:var(--pattern-radio-base-tokens-line-height, var(--semantic-typography-body-md-line-height));color:var(--component-radio-default-label-color, var(--semantic-color-text-neutral-bold))}.dp-radio--sm .dp-radio__label{font-family:var(--component-radio-sm-font-family, var(--semantic-typography-body-sm-font-family));font-size:var(--component-radio-sm-font-size, var(--semantic-typography-body-sm-font-size));font-weight:var(--component-radio-sm-font-weight, var(--semantic-typography-body-sm-font-weight));line-height:var(--component-radio-sm-line-height, var(--semantic-typography-body-sm-line-height))}.dp-radio--disabled .dp-radio__label{color:var(--component-radio-default-label-color-disabled, var(--semantic-color-text-disabled))}.dp-radio-card-group{display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm)}.dp-radio-card{display:flex;align-items:flex-start;gap:var(--semantic-spacing-inline-sm);padding:var(--semantic-spacing-inset-md);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default);border-radius:var(--primitive-radius-md);cursor:pointer;transition:none}.dp-radio-card:hover{border-color:var(--semantic-color-border-neutral-bold)}.dp-radio-card--selected{border-color:var(--semantic-color-border-neutral-bold);background-color:var(--semantic-color-surface-neutral-bold);color:var(--semantic-color-text-neutral-contrast)}.dp-radio-card--selected :where(p,span):not(.dp-badge,.dp-badge *){color:inherit}.dp-radio-card--selected :where(svg):not(.dp-badge svg){color:var(--semantic-color-text-neutral-contrast)}.dp-radio-card--disabled{cursor:not-allowed;opacity:.5}.dp-radio-card__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dp-radio-card:has(.dp-radio-card__input:focus-visible){outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-radio-card__content{flex:1;min-width:0}.adaptive-live-grid__cell-component:has(.dp-thumb-slider){justify-self:stretch;width:100%}.dp-thumb-slider{display:flex;width:100%;min-width:var(--pattern-slider-properties-min-width, none);max-width:var(--pattern-slider-properties-max-width, 100%);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dp-thumb-slider--disabled{cursor:not-allowed}.dp-thumb-slider__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.dp-thumb-slider--disabled .dp-thumb-slider__input{cursor:not-allowed}.dp-thumb-slider__track{position:relative;display:flex;align-items:center;width:100%;border-radius:var(--pattern-slider-base-tokens-track-radius, 9999px);outline:var(--pattern-slider-base-tokens-track-border-width, 0px) solid var(--component-slider-default-track-border-color, transparent);outline-offset:0px;background-color:var(--component-slider-default-track-background, var(--semantic-color-surface-neutral-subtle))}.dp-thumb-slider--md .dp-thumb-slider__track{height:var(--component-slider-md-track-height, 24px)}.dp-thumb-slider--sm .dp-thumb-slider__track{height:var(--component-slider-sm-track-height, 18px)}.dp-thumb-slider__fill{position:absolute;left:0;top:0;bottom:0;border-radius:var(--pattern-slider-base-tokens-track-radius, 9999px);background-color:var(--component-slider-default-track-fill-color, var(--semantic-color-interactive-primary-default));pointer-events:none}.dp-thumb-slider--md .dp-thumb-slider__fill{--_md-thumb: var(--component-slider-md-thumb-size, 20px);--_md-track: var(--component-slider-md-track-height, 24px);--_md-inset: max(0px, calc((var(--_md-track) - var(--_md-thumb)) / 2));--_md-travel: calc(100% - 2 * var(--_md-inset) - var(--_md-thumb));width:calc(2 * var(--_md-inset) + var(--_md-thumb) + (var(--slider-pct) / 100) * var(--_md-travel))}.dp-thumb-slider--sm .dp-thumb-slider__fill{--_sm-thumb: var(--component-slider-sm-thumb-size, 14px);--_sm-track: var(--component-slider-sm-track-height, 18px);--_sm-inset: max(0px, calc((var(--_sm-track) - var(--_sm-thumb)) / 2));--_sm-travel: calc(100% - 2 * var(--_sm-inset) - var(--_sm-thumb));width:calc(2 * var(--_sm-inset) + var(--_sm-thumb) + (var(--slider-pct) / 100) * var(--_sm-travel))}.dp-thumb-slider__thumb{position:absolute;border-radius:var(--pattern-slider-base-tokens-thumb-radius, 50%);background-color:var(--component-slider-default-thumb-color, var(--semantic-color-contrast-light));box-shadow:0 1px 2px #00000026;pointer-events:none;z-index:1}.dp-thumb-slider--md .dp-thumb-slider__thumb{--_md-thumb: var(--component-slider-md-thumb-size, 20px);--_md-track: var(--component-slider-md-track-height, 24px);--_md-inset: max(0px, calc((var(--_md-track) - var(--_md-thumb)) / 2));--_md-travel: calc(100% - 2 * var(--_md-inset) - var(--_md-thumb));width:var(--_md-thumb);height:var(--_md-thumb);top:50%;transform:translateY(-50%);left:calc(var(--_md-inset) + (var(--slider-pct) / 100) * var(--_md-travel))}.dp-thumb-slider--sm .dp-thumb-slider__thumb{--_sm-thumb: var(--component-slider-sm-thumb-size, 14px);--_sm-track: var(--component-slider-sm-track-height, 18px);--_sm-inset: max(0px, calc((var(--_sm-track) - var(--_sm-thumb)) / 2));--_sm-travel: calc(100% - 2 * var(--_sm-inset) - var(--_sm-thumb));width:var(--_sm-thumb);height:var(--_sm-thumb);top:50%;transform:translateY(-50%);left:calc(var(--_sm-inset) + (var(--slider-pct) / 100) * var(--_sm-travel))}.dp-thumb-slider:hover .dp-thumb-slider__fill{background-color:var(--component-slider-default-track-fill-color-hover, var(--semantic-color-interactive-primary-hover))}.dp-thumb-slider:hover .dp-thumb-slider__track{background-color:var(--component-slider-default-track-background-hover, var(--semantic-color-surface-neutral-subtle))}.dp-thumb-slider:active .dp-thumb-slider__fill{background-color:var(--component-slider-default-track-fill-color-active, var(--semantic-color-interactive-primary-active))}.dp-thumb-slider:active .dp-thumb-slider__track{background-color:var(--component-slider-default-track-background-active, var(--semantic-color-surface-neutral-subtle))}.dp-thumb-slider:has(.dp-thumb-slider__input:focus-visible) .dp-thumb-slider__track{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-thumb-slider--disabled .dp-thumb-slider__fill{background-color:var(--component-slider-default-track-fill-color-disabled, var(--semantic-color-surface-disabled))}.dp-thumb-slider--disabled .dp-thumb-slider__track{background-color:var(--component-slider-default-track-background-disabled, var(--semantic-color-surface-disabled));outline-color:var(--component-slider-default-track-border-color-disabled, transparent)}.dp-thumb-slider--disabled .dp-thumb-slider__thumb{background-color:var(--component-slider-default-thumb-color-disabled, var(--semantic-color-contrast-light));box-shadow:none}.dp-thumb-slider--disabled:hover .dp-thumb-slider__fill{background-color:var(--component-slider-default-track-fill-color-disabled, var(--semantic-color-surface-disabled))}.dp-tooltip{position:relative;display:inline-flex}.dp-tooltip__content{position:absolute;z-index:var(--pattern-tooltip-properties-z-index, 9999);padding:var(--pattern-tooltip-base-tokens-padding-y, var(--semantic-spacing-inset-xs)) var(--pattern-tooltip-base-tokens-padding-x, var(--semantic-spacing-inset-sm));border-radius:var(--pattern-tooltip-base-tokens-border-radius, var(--primitive-radius-md));background-color:var(--component-tooltip-default-background, var(--semantic-color-text-neutral-bold));color:var(--component-tooltip-default-text-color, var(--semantic-color-text-neutral-contrast));filter:var(--component-tooltip-default-drop-shadow, drop-shadow(0px 4px 8px rgba(0, 0, 0, .08)) drop-shadow(0px 2px 4px rgba(0, 0, 0, .04)));font-family:var(--pattern-tooltip-base-tokens-font-family, var(--semantic-typography-label-xs-font-family));font-size:var(--pattern-tooltip-base-tokens-font-size, var(--semantic-typography-label-xs-font-size));font-weight:var(--pattern-tooltip-base-tokens-font-weight, var(--semantic-typography-label-xs-font-weight));line-height:var(--pattern-tooltip-base-tokens-line-height, var(--semantic-typography-label-xs-line-height));letter-spacing:var(--pattern-tooltip-base-tokens-letter-spacing, var(--semantic-typography-label-xs-letter-spacing));text-transform:var(--pattern-tooltip-base-tokens-text-transform, var(--semantic-typography-label-xs-text-transform));display:flex;align-items:center;justify-content:center;min-width:var(--pattern-tooltip-properties-min-width, none);max-width:var(--pattern-tooltip-properties-max-width, none);min-height:var(--pattern-tooltip-properties-min-height, none);white-space:var(--pattern-tooltip-properties-white-space, nowrap);pointer-events:var(--pattern-tooltip-properties-pointer-events, none);opacity:0;visibility:hidden;transition:opacity var(--semantic-transition-fast),visibility var(--semantic-transition-fast)}.dp-tooltip__content--visible{opacity:1;visibility:visible}.dp-tooltip__content--top{transform:translate(-50%,-100%) translateY(calc(var(--pattern-tooltip-base-tokens-offset, var(--primitive-spacing-sm)) * -1))}.dp-tooltip__content--top .dp-tooltip__arrow{bottom:calc(var(--pattern-tooltip-base-tokens-arrow-size, var(--primitive-spacing-sm)) / -2);left:50%;transform:translate(-50%) rotate(45deg)}.dp-tooltip__content--bottom{transform:translate(-50%) translateY(var(--pattern-tooltip-base-tokens-offset, var(--primitive-spacing-sm)))}.dp-tooltip__content--bottom .dp-tooltip__arrow{top:calc(var(--pattern-tooltip-base-tokens-arrow-size, var(--primitive-spacing-sm)) / -2);left:50%;transform:translate(-50%) rotate(45deg)}.dp-tooltip__content--left{transform:translate(-100%,-50%) translate(calc(var(--pattern-tooltip-base-tokens-offset, var(--primitive-spacing-sm)) * -1))}.dp-tooltip__content--left .dp-tooltip__arrow{right:calc(var(--pattern-tooltip-base-tokens-arrow-size, var(--primitive-spacing-sm)) / -2);top:50%;transform:translateY(-50%) rotate(45deg)}.dp-tooltip__content--right{transform:translateY(-50%) translate(var(--pattern-tooltip-base-tokens-offset, var(--primitive-spacing-sm)))}.dp-tooltip__content--right .dp-tooltip__arrow{left:calc(var(--pattern-tooltip-base-tokens-arrow-size, var(--primitive-spacing-sm)) / -2);top:50%;transform:translateY(-50%) rotate(45deg)}.dp-tooltip--inline>.dp-tooltip__content--top{bottom:100%;left:50%;transform:translate(-50%) translateY(calc(var(--pattern-tooltip-base-tokens-offset, var(--primitive-spacing-sm)) * -1))}.dp-tooltip--inline>.dp-tooltip__content--bottom{top:100%;left:50%;transform:translate(-50%) translateY(var(--pattern-tooltip-base-tokens-offset, var(--primitive-spacing-sm)))}.dp-tooltip--inline>.dp-tooltip__content--left{right:100%;top:50%;transform:translateY(-50%) translate(calc(var(--pattern-tooltip-base-tokens-offset, var(--primitive-spacing-sm)) * -1))}.dp-tooltip--inline>.dp-tooltip__content--right{left:100%;top:50%;transform:translateY(-50%) translate(var(--pattern-tooltip-base-tokens-offset, var(--primitive-spacing-sm)))}.dp-tooltip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-tooltip__arrow{position:absolute;z-index:-1;width:var(--pattern-tooltip-base-tokens-arrow-size, var(--primitive-spacing-sm));height:var(--pattern-tooltip-base-tokens-arrow-size, var(--primitive-spacing-sm));background-color:var(--component-tooltip-default-background, var(--semantic-color-text-neutral-bold))}.dp-accordion-menu{padding:var(--semantic-spacing-inset-sm);background-color:color-mix(in srgb,var(--semantic-color-contrast-light) 70%,transparent);border-radius:var(--primitive-radius-2xl);border:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-default)}.dp-accordion-menu__trigger{display:var(--pattern-button-properties-display);align-items:var(--pattern-button-properties-align-items);justify-content:space-between;gap:var(--pattern-button-base-tokens-gap);width:100%;padding:var(--component-button-sm-padding-y) var(--semantic-spacing-inset-md);min-height:var(--component-button-sm-min-height);border:var(--pattern-button-base-tokens-border-width) solid transparent;border-radius:var(--component-button-sm-border-radius);background-color:transparent;color:var(--component-button-ghost-text-color);font-family:var(--semantic-typography-label-sm-font-family);font-size:var(--semantic-typography-label-sm-font-size);font-weight:var(--semantic-typography-label-sm-font-weight);line-height:var(--semantic-typography-label-sm-line-height);letter-spacing:var(--semantic-typography-label-sm-letter-spacing);text-transform:none;cursor:var(--pattern-button-properties-cursor);-webkit-user-select:var(--pattern-button-properties-user-select);-moz-user-select:var(--pattern-button-properties-user-select);user-select:var(--pattern-button-properties-user-select);transition:background-color var(--semantic-transition-color),color var(--semantic-transition-color);outline:none;box-sizing:border-box}.dp-accordion-menu__trigger:hover,.dp-accordion-menu__trigger:active{background-color:transparent;color:var(--component-button-ghost-text-color-hover)}.dp-accordion-menu__trigger:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-accordion-menu__trigger-label{flex:1;text-align:left}.dp-accordion-menu__trigger-icon{display:flex;align-items:center;justify-content:center;width:var(--component-button-sm-icon-size);height:var(--component-button-sm-icon-size);transition:transform var(--semantic-transition-fast)}.dp-accordion-menu__trigger-icon svg{width:100%;height:100%;stroke-width:var(--component-button-sm-icon-stroke)}.dp-accordion-menu--open .dp-accordion-menu__trigger-icon{transform:rotate(180deg)}.dp-accordion-menu__content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--semantic-transition-base),opacity var(--semantic-transition-fast)}.dp-accordion-menu--open .dp-accordion-menu__content{grid-template-rows:1fr;opacity:1}.dp-accordion-menu__stack{overflow:hidden;display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-sm);padding-top:var(--semantic-spacing-stack-sm)}.dp-accordion-menu:not(.dp-accordion-menu--open) .dp-accordion-menu__stack{padding-top:var(--primitive-spacing-zero)}.dp-accordion-menu__stack .dp-button--ghost{justify-content:flex-start}.dp-card{display:var(--pattern-card-properties-display, flex);flex-direction:var(--pattern-card-properties-flex-direction, column);overflow:var(--pattern-card-properties-overflow, hidden);padding:var(--pattern-card-base-tokens-padding, var(--semantic-spacing-inset-lg));gap:var(--pattern-card-base-tokens-section-gap, var(--semantic-spacing-stack-lg));border-radius:var(--pattern-card-base-tokens-border-radius, var(--primitive-radius-lg));border-width:var(--pattern-card-base-tokens-border-width, var(--primitive-border-width-thin));border-style:var(--pattern-card-properties-border-style, solid);min-width:0;max-width:var(--pattern-card-properties-max-width, none);min-height:var(--pattern-card-base-tokens-min-height, auto);background-color:var(--semantic-color-contrast-light);color:var(--semantic-color-text-neutral-bold);width:100%;box-sizing:border-box}.dp-card--sm{padding:var(--component-card-sm-padding, var(--semantic-spacing-inset-md));border-radius:var(--component-card-sm-border-radius, var(--primitive-radius-md));gap:var(--component-card-sm-section-gap, var(--semantic-spacing-stack-md));min-height:var(--component-card-sm-min-height, auto);min-width:var(--component-card-sm-min-width, 0);max-width:var(--component-card-sm-max-width, var(--pattern-card-properties-max-width, none))}.dp-card--sm .dp-card__header h1,.dp-card--sm .dp-card__header h2,.dp-card--sm .dp-card__header h3,.dp-card--sm .dp-card__header h4,.dp-card--sm .dp-card__header h5,.dp-card--sm .dp-card__header h6{font-family:var(--component-card-sm-header-font-family, var(--semantic-typography-heading-h4-font-family));font-size:var(--component-card-sm-header-font-size, var(--semantic-typography-heading-h4-font-size));font-weight:var(--component-card-sm-header-font-weight, var(--semantic-typography-heading-h4-font-weight));line-height:var(--component-card-sm-header-line-height, var(--semantic-typography-heading-h4-line-height));letter-spacing:var(--component-card-sm-header-letter-spacing, var(--semantic-typography-heading-h4-letter-spacing));text-transform:var(--component-card-sm-header-text-transform, var(--semantic-typography-heading-h4-text-transform))}.dp-card--sm .dp-card__body p{font-family:var(--component-card-sm-body-font-family, var(--semantic-typography-body-sm-font-family));font-size:var(--component-card-sm-body-font-size, var(--semantic-typography-body-sm-font-size));font-weight:var(--component-card-sm-body-font-weight, var(--semantic-typography-body-sm-font-weight));line-height:var(--component-card-sm-body-line-height, var(--semantic-typography-body-sm-line-height));letter-spacing:var(--component-card-sm-body-letter-spacing, var(--semantic-typography-body-sm-letter-spacing));text-transform:var(--component-card-sm-body-text-transform, var(--semantic-typography-body-sm-text-transform))}.dp-card--md{padding:var(--component-card-md-padding, var(--semantic-spacing-inset-lg));border-radius:var(--component-card-md-border-radius, var(--primitive-radius-lg));gap:var(--component-card-md-section-gap, var(--semantic-spacing-stack-lg));min-height:var(--component-card-md-min-height, auto);min-width:var(--component-card-md-min-width, 0);max-width:var(--component-card-md-max-width, var(--pattern-card-properties-max-width, none))}.dp-card--lg{padding:var(--component-card-lg-padding, var(--semantic-spacing-inset-xl));border-radius:var(--component-card-lg-border-radius, var(--primitive-radius-xl));gap:var(--component-card-lg-section-gap, var(--semantic-spacing-stack-xl));min-height:var(--component-card-lg-min-height, auto);min-width:var(--component-card-lg-min-width, 0);max-width:var(--component-card-lg-max-width, var(--pattern-card-properties-max-width, none))}.dp-card--lg .dp-card__header h1,.dp-card--lg .dp-card__header h2,.dp-card--lg .dp-card__header h3,.dp-card--lg .dp-card__header h4,.dp-card--lg .dp-card__header h5,.dp-card--lg .dp-card__header h6{font-family:var(--component-card-lg-header-font-family, var(--semantic-typography-heading-h2-font-family));font-size:var(--component-card-lg-header-font-size, var(--semantic-typography-heading-h2-font-size));font-weight:var(--component-card-lg-header-font-weight, var(--semantic-typography-heading-h2-font-weight));line-height:var(--component-card-lg-header-line-height, var(--semantic-typography-heading-h2-line-height));letter-spacing:var(--component-card-lg-header-letter-spacing, var(--semantic-typography-heading-h2-letter-spacing));text-transform:var(--component-card-lg-header-text-transform, var(--semantic-typography-heading-h2-text-transform))}.dp-card--lg .dp-card__body p{font-family:var(--component-card-lg-body-font-family, var(--semantic-typography-body-lg-font-family));font-size:var(--component-card-lg-body-font-size, var(--semantic-typography-body-lg-font-size));font-weight:var(--component-card-lg-body-font-weight, var(--semantic-typography-body-lg-font-weight));line-height:var(--component-card-lg-body-line-height, var(--semantic-typography-body-lg-line-height));letter-spacing:var(--component-card-lg-body-letter-spacing, var(--semantic-typography-body-lg-letter-spacing));text-transform:var(--component-card-lg-body-text-transform, var(--semantic-typography-body-lg-text-transform))}.dp-card--default{background-color:var(--component-card-default-background, var(--semantic-color-surface-neutral-subtle));border-color:var(--component-card-default-border-color, var(--semantic-color-border-neutral-default));box-shadow:var(--pattern-card-base-tokens-shadow, var(--primitive-shadow-elevation-1))}.dp-card--elevated{background-color:var(--component-card-elevated-background, var(--semantic-color-surface-neutral-subtle));border-color:var(--component-card-elevated-border-color, transparent);box-shadow:var(--component-card-elevated-shadow, var(--primitive-shadow-elevation-3));transition:box-shadow var(--semantic-transition-fast)}.dp-card--interactive{background-color:var(--component-card-interactive-background, var(--semantic-color-surface-neutral-subtle));border-color:var(--component-card-interactive-border-color, var(--semantic-color-border-neutral-default));box-shadow:var(--component-card-interactive-shadow, var(--primitive-shadow-elevation-1));cursor:pointer;transition:background-color var(--semantic-transition-fast),border-color var(--semantic-transition-fast),box-shadow var(--semantic-transition-fast),color var(--semantic-transition-fast)}.dp-card--interactive:hover{background-color:var(--component-card-interactive-background-hover, var(--semantic-color-surface-neutral-default));border-color:var(--component-card-interactive-border-color-hover, var(--semantic-color-border-neutral-bold));box-shadow:var(--component-card-interactive-shadow-hover, var(--primitive-shadow-elevation-2))}.dp-card--interactive:active{background-color:var(--component-card-interactive-background-active, var(--semantic-color-surface-neutral-default));border-color:var(--component-card-interactive-border-color-active, var(--semantic-color-border-neutral-bold));box-shadow:var(--component-card-interactive-shadow-active, var(--primitive-shadow-elevation-1))}.dp-card--interactive[aria-disabled=true],.dp-card--interactive:disabled{background-color:var(--component-card-interactive-background-disabled, var(--semantic-color-surface-disabled));border-color:var(--component-card-interactive-border-color-disabled, var(--semantic-color-border-disabled));box-shadow:var(--component-card-interactive-shadow-disabled, none);cursor:default;pointer-events:none}.dp-card--default .dp-card__header h1,.dp-card--default .dp-card__header h2,.dp-card--default .dp-card__header h3,.dp-card--default .dp-card__header h4,.dp-card--default .dp-card__header h5,.dp-card--default .dp-card__header h6{color:var(--component-card-default-header-text-color, var(--semantic-color-text-neutral-bold))}.dp-card--elevated .dp-card__header h1,.dp-card--elevated .dp-card__header h2,.dp-card--elevated .dp-card__header h3,.dp-card--elevated .dp-card__header h4,.dp-card--elevated .dp-card__header h5,.dp-card--elevated .dp-card__header h6{color:var(--component-card-elevated-header-text-color, var(--semantic-color-text-neutral-bold))}.dp-card--interactive .dp-card__header h1,.dp-card--interactive .dp-card__header h2,.dp-card--interactive .dp-card__header h3,.dp-card--interactive .dp-card__header h4,.dp-card--interactive .dp-card__header h5,.dp-card--interactive .dp-card__header h6{color:var(--component-card-interactive-header-text-color, var(--semantic-color-text-neutral-bold))}.dp-card--interactive:hover .dp-card__header h1,.dp-card--interactive:hover .dp-card__header h2,.dp-card--interactive:hover .dp-card__header h3,.dp-card--interactive:hover .dp-card__header h4,.dp-card--interactive:hover .dp-card__header h5,.dp-card--interactive:hover .dp-card__header h6{color:var(--component-card-interactive-header-text-color-hover, var(--component-card-interactive-header-text-color, var(--semantic-color-text-neutral-bold)))}.dp-card--interactive:active .dp-card__header h1,.dp-card--interactive:active .dp-card__header h2,.dp-card--interactive:active .dp-card__header h3,.dp-card--interactive:active .dp-card__header h4,.dp-card--interactive:active .dp-card__header h5,.dp-card--interactive:active .dp-card__header h6{color:var(--component-card-interactive-header-text-color-active, var(--component-card-interactive-header-text-color, var(--semantic-color-text-neutral-bold)))}.dp-card--interactive[aria-disabled=true] .dp-card__header h1,.dp-card--interactive[aria-disabled=true] .dp-card__header h2,.dp-card--interactive[aria-disabled=true] .dp-card__header h3,.dp-card--interactive[aria-disabled=true] .dp-card__header h4,.dp-card--interactive[aria-disabled=true] .dp-card__header h5,.dp-card--interactive[aria-disabled=true] .dp-card__header h6,.dp-card--interactive:disabled .dp-card__header h1,.dp-card--interactive:disabled .dp-card__header h2,.dp-card--interactive:disabled .dp-card__header h3,.dp-card--interactive:disabled .dp-card__header h4,.dp-card--interactive:disabled .dp-card__header h5,.dp-card--interactive:disabled .dp-card__header h6{color:var(--component-card-interactive-header-text-color-disabled, var(--semantic-color-text-disabled))}.dp-card--default .dp-card__body p{color:var(--component-card-default-body-text-color, var(--semantic-color-text-neutral-default))}.dp-card--elevated .dp-card__body p{color:var(--component-card-elevated-body-text-color, var(--semantic-color-text-neutral-default))}.dp-card--interactive .dp-card__body p{color:var(--component-card-interactive-body-text-color, var(--semantic-color-text-neutral-default))}.dp-card--interactive:hover .dp-card__body p{color:var(--component-card-interactive-body-text-color-hover, var(--component-card-interactive-body-text-color, var(--semantic-color-text-neutral-default)))}.dp-card--interactive:active .dp-card__body p{color:var(--component-card-interactive-body-text-color-active, var(--component-card-interactive-body-text-color, var(--semantic-color-text-neutral-default)))}.dp-card--interactive[aria-disabled=true] .dp-card__body p,.dp-card--interactive:disabled .dp-card__body p{color:var(--component-card-interactive-body-text-color-disabled, var(--semantic-color-text-disabled))}.dp-card--default .dp-card__header-subtitle,.dp-card--default .dp-card__header-description{color:var(--component-card-default-body-text-color, var(--semantic-color-text-neutral-default))}.dp-card--elevated .dp-card__header-subtitle,.dp-card--elevated .dp-card__header-description{color:var(--component-card-elevated-body-text-color, var(--semantic-color-text-neutral-default))}.dp-card--interactive .dp-card__header-subtitle,.dp-card--interactive .dp-card__header-description{color:var(--component-card-interactive-body-text-color, var(--semantic-color-text-neutral-default))}.dp-card--interactive:hover .dp-card__header-subtitle,.dp-card--interactive:hover .dp-card__header-description{color:var(--component-card-interactive-body-text-color-hover, var(--component-card-interactive-body-text-color, var(--semantic-color-text-neutral-default)))}.dp-card--interactive:active .dp-card__header-subtitle,.dp-card--interactive:active .dp-card__header-description{color:var(--component-card-interactive-body-text-color-active, var(--component-card-interactive-body-text-color, var(--semantic-color-text-neutral-default)))}.dp-card--interactive[aria-disabled=true] .dp-card__header-subtitle,.dp-card--interactive[aria-disabled=true] .dp-card__header-description,.dp-card--interactive:disabled .dp-card__header-subtitle,.dp-card--interactive:disabled .dp-card__header-description{color:var(--component-card-interactive-body-text-color-disabled, var(--semantic-color-text-disabled))}.dp-card__header{display:flex;flex-direction:column;gap:var(--semantic-spacing-inline-md)}.dp-card__header h1,.dp-card__header h2,.dp-card__header h3,.dp-card__header h4,.dp-card__header h5,.dp-card__header h6{margin:0;font-family:var(--pattern-card-base-tokens-header-font-family, var(--semantic-typography-heading-h3-font-family));font-size:var(--pattern-card-base-tokens-header-font-size, var(--semantic-typography-heading-h3-font-size));font-weight:var(--pattern-card-base-tokens-header-font-weight, var(--semantic-typography-heading-h3-font-weight));line-height:var(--pattern-card-base-tokens-header-line-height, var(--semantic-typography-heading-h3-line-height));letter-spacing:var(--pattern-card-base-tokens-header-letter-spacing, var(--semantic-typography-heading-h3-letter-spacing));text-transform:var(--pattern-card-base-tokens-header-text-transform, var(--semantic-typography-heading-h3-text-transform));color:var(--semantic-color-text-neutral-bold)}.dp-card__header-avatar-row{display:flex;align-items:flex-start;gap:var(--semantic-spacing-inline-md)}.dp-card__header-avatar-text{display:flex;flex-direction:column}.dp-card__header-subtitle{margin:0;font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-default)}.dp-card__header-description{margin:var(--semantic-spacing-stack-sm) 0 0;font-family:var(--semantic-typography-body-md-font-family);font-size:var(--semantic-typography-body-md-font-size);font-weight:var(--semantic-typography-body-md-font-weight);line-height:var(--semantic-typography-body-md-line-height);color:var(--semantic-color-text-neutral-default)}.dp-card__body{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--semantic-spacing-stack-xl)}.dp-card__body p{margin:0;font-family:var(--pattern-card-base-tokens-body-font-family, var(--semantic-typography-body-md-font-family));font-size:var(--pattern-card-base-tokens-body-font-size, var(--semantic-typography-body-md-font-size));font-weight:var(--pattern-card-base-tokens-body-font-weight, var(--semantic-typography-body-md-font-weight));line-height:var(--pattern-card-base-tokens-body-line-height, var(--semantic-typography-body-md-line-height));letter-spacing:var(--pattern-card-base-tokens-body-letter-spacing, var(--semantic-typography-body-md-letter-spacing));text-transform:var(--pattern-card-base-tokens-body-text-transform, var(--semantic-typography-body-md-text-transform));color:var(--semantic-color-text-neutral-default)}.dp-card__footer{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md);padding-top:var(--semantic-spacing-stack-md);margin-top:auto;border-top:var(--primitive-border-width-thin) solid var(--semantic-color-border-neutral-subtle)}.dp-card__footer .dp-button{flex:1;min-width:0}.dp-card--interactive:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}@keyframes dp-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dp-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes dp-modal-content-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dp-modal-content-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.dp-modal{border:none;padding:0;margin:0;background:transparent;max-width:none;max-height:none;overflow:visible;color:inherit;position:fixed;inset:0;width:100%;height:100%;z-index:var(--primitive-z-index-layer-50);display:flex;align-items:center;justify-content:center}.dp-modal::backdrop{display:none}.dp-modal__overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:-1}.dp-modal__overlay[data-state=open]{animation:dp-modal-overlay-in var(--primitive-duration-base) var(--primitive-easing-decelerate) forwards}.dp-modal__overlay[data-state=closed]{animation:dp-modal-overlay-out var(--primitive-duration-fast) var(--primitive-easing-accelerate) forwards}.dp-modal__content{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 48px);background-color:var(--semantic-color-contrast-light);border-radius:var(--primitive-radius-2xl);box-shadow:var(--primitive-shadow-elevation-5);padding:var(--semantic-spacing-inset-md);gap:var(--semantic-spacing-stack-md);box-sizing:border-box}.dp-modal__content--sm{max-width:400px}.dp-modal__content--md{max-width:500px}.dp-modal__content--lg{max-width:640px}.dp-modal__content[data-state=open]{animation:dp-modal-content-in var(--primitive-duration-base) var(--primitive-easing-decelerate) forwards}.dp-modal__content[data-state=closed]{animation:dp-modal-content-out var(--primitive-duration-fast) var(--primitive-easing-accelerate) forwards}.dp-modal__header{display:flex;align-items:center;gap:var(--semantic-spacing-inline-md)}.dp-modal__title{margin:0;flex:1;min-width:0;font-family:var(--semantic-typography-heading-h5-font-family);font-size:var(--semantic-typography-heading-h5-font-size);font-weight:var(--semantic-typography-heading-h5-font-weight);line-height:var(--semantic-typography-heading-h5-line-height);letter-spacing:var(--semantic-typography-heading-h5-letter-spacing);color:var(--semantic-color-text-neutral-bold)}.dp-modal__body{flex:1;overflow-y:auto;font-family:var(--semantic-typography-body-sm-font-family);font-size:var(--semantic-typography-body-sm-font-size);font-weight:var(--semantic-typography-body-sm-font-weight);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-color-text-neutral-bold)}.dp-modal__footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--semantic-spacing-inline-md);padding-top:var(--semantic-spacing-stack-md)}.dp-modal__footer .dp-button{min-width:120px}.dp-modal__close{flex-shrink:0}@media(prefers-reduced-motion:reduce){.dp-modal__overlay[data-state=open],.dp-modal__overlay[data-state=closed],.dp-modal__content[data-state=open],.dp-modal__content[data-state=closed]{animation-duration:0ms}}.dp-tab-bar{display:var(--pattern-tab-bar-container-properties-display, inline-flex);align-items:var(--pattern-tab-bar-container-properties-align-items, center);justify-content:space-between;gap:var(--pattern-tab-bar-container-base-tokens-gap, var(--semantic-spacing-inline-xs));width:-moz-fit-content;width:fit-content;padding:var(--pattern-tab-bar-container-base-tokens-padding, var(--semantic-spacing-inset-xs));background-color:var(--component-tab-bar-container-background, var(--semantic-color-surface-neutral-subtle));border-radius:var(--pattern-tab-bar-container-base-tokens-border-radius, var(--primitive-radius-lg));border:none;transition:background-color var(--semantic-transition-color)}.dp-tab-bar__tabs{position:relative;display:flex;gap:var(--pattern-tab-bar-container-base-tokens-gap, var(--semantic-spacing-inline-xs))}.dp-tab-bar__slider{position:absolute;top:0;left:0;height:100%;border-radius:var(--pattern-tab-bar-tab-base-tokens-border-radius, var(--primitive-radius-md));background-color:var(--component-tab-bar-tab-background-active, var(--semantic-color-surface-neutral-bold));transition:transform var(--semantic-transition-base),width var(--semantic-transition-base);z-index:0}.dp-tab-bar__tab{position:relative;z-index:1;display:var(--pattern-tab-bar-tab-properties-display, inline-flex);align-items:var(--pattern-tab-bar-tab-properties-align-items, center);justify-content:var(--pattern-tab-bar-tab-properties-justify-content, center);cursor:var(--pattern-tab-bar-tab-properties-cursor, pointer);-webkit-user-select:var(--pattern-tab-bar-tab-properties-user-select, none);-moz-user-select:var(--pattern-tab-bar-tab-properties-user-select, none);user-select:var(--pattern-tab-bar-tab-properties-user-select, none);white-space:var(--pattern-tab-bar-tab-properties-white-space, nowrap);border:none;outline:none;background:var(--component-tab-bar-tab-background, transparent);color:var(--component-tab-bar-tab-text-color, var(--semantic-color-text-neutral-default));padding:var(--pattern-tab-bar-tab-base-tokens-padding-y, var(--semantic-spacing-inset-sm)) var(--pattern-tab-bar-tab-base-tokens-padding-x, var(--semantic-spacing-inset-md));border-radius:var(--pattern-tab-bar-tab-base-tokens-border-radius, var(--primitive-radius-md));font-family:var(--pattern-tab-bar-tab-base-tokens-font-family, inherit);font-size:var(--pattern-tab-bar-tab-base-tokens-font-size, inherit);font-weight:var(--pattern-tab-bar-tab-base-tokens-font-weight, 500);line-height:var(--pattern-tab-bar-tab-base-tokens-line-height, inherit);letter-spacing:var(--pattern-tab-bar-tab-base-tokens-letter-spacing, inherit);text-transform:var(--pattern-tab-bar-tab-base-tokens-text-transform, none);transition:background-color var(--semantic-transition-color),color var(--semantic-transition-color)}.dp-tab-bar__tab:hover:not(.dp-tab-bar__tab--active){background-color:var(--component-tab-bar-tab-background-hover, var(--semantic-color-surface-neutral-subtle));color:var(--component-tab-bar-tab-text-color-hover, var(--semantic-color-text-neutral-bold))}.dp-tab-bar__tab--active{background:transparent;color:var(--component-tab-bar-tab-text-color-active, var(--semantic-color-text-neutral-bold))}.dp-tab-bar__tab--active:hover{background:transparent}.dp-tab-bar__tab:focus-visible{outline:var(--semantic-focus-ringwidth) solid var(--semantic-focus-ringcolor);outline-offset:var(--semantic-focus-outlineoffset)}.dp-tab-bar__controls{display:flex;gap:var(--semantic-spacing-inline-sm)}.dp-tab-bar.dp-tab-bar--sm{padding:var(--component-tab-bar-sm-container-padding, var(--semantic-spacing-inset-xs));gap:var(--component-tab-bar-sm-container-gap, var(--semantic-spacing-inline-xs));border-radius:var(--component-tab-bar-sm-container-border-radius, var(--primitive-radius-md))}.dp-tab-bar--sm .dp-tab-bar__tabs{gap:var(--component-tab-bar-sm-container-gap, var(--semantic-spacing-inline-xs))}.dp-tab-bar--sm .dp-tab-bar__tab{padding:var(--component-tab-bar-sm-tab-padding-y, var(--semantic-spacing-inset-xs)) var(--component-tab-bar-sm-tab-padding-x, var(--semantic-spacing-inset-sm));border-radius:var(--component-tab-bar-sm-tab-border-radius, var(--primitive-radius-md));font-family:var(--component-tab-bar-sm-font-family, var(--pattern-tab-bar-tab-base-tokens-font-family, inherit));font-size:var(--component-tab-bar-sm-font-size, var(--pattern-tab-bar-tab-base-tokens-font-size, inherit));font-weight:var(--component-tab-bar-sm-font-weight, var(--pattern-tab-bar-tab-base-tokens-font-weight, 500));line-height:var(--component-tab-bar-sm-line-height, var(--pattern-tab-bar-tab-base-tokens-line-height, inherit));letter-spacing:var(--component-tab-bar-sm-letter-spacing, var(--pattern-tab-bar-tab-base-tokens-letter-spacing, inherit));text-transform:var(--component-tab-bar-sm-text-transform, var(--pattern-tab-bar-tab-base-tokens-text-transform, none))}.dp-tab-bar--sm .dp-tab-bar__slider{border-radius:var(--component-tab-bar-sm-tab-border-radius, var(--primitive-radius-md))}.dp-tab-bar--flex{flex:1;width:auto;container-type:inline-size}.dp-tab-bar[data-no-tabs]{justify-content:flex-end;margin-left:auto}@container (max-width: 768px){.dp-tab-bar__tab{min-width:auto}}.adaptive-live-grid{width:100%;padding-top:var(--semantic-spacing-inset-md)}.adaptive-live-grid__cell{display:grid;grid-template-rows:auto auto;gap:var(--semantic-spacing-stack-sm);justify-items:center;padding:var(--semantic-spacing-inset-md)}.adaptive-live-grid__cell-component{justify-self:center}.adaptive-live-grid__cell-label{font-family:var(--primitive-typography-family-mono);font-size:10px;color:var(--semantic-color-text-neutral-subtle)}