.catalog-inspector .catalog-theme-layer{padding:0;overflow:hidden}.catalog-inspector .theme-sidebar{--theme-sidebar-header-height:72px;--sbs-ink:var(--chrome-text);--sbs-muted:var(--chrome-muted);--sbs-input:var(--chrome-control-surface);--sbs-track:var(--chrome-control-surface);--sbs-raised:var(--chrome-raised-surface);--sbs-edge:var(--chrome-border);--sbs-value-surface:var(--chrome-control-surface);--sbs-well:var(--chrome-surface);--sbs-value-color:var(--chrome-text);height:100%;min-height:0;color:var(--chrome-text);color-scheme:normal;background:0 0;gap:0;position:relative;overflow:hidden}.theme-sidebar-page{flex-direction:column;min-width:0;min-height:0;display:flex;position:absolute;inset:0}.theme-sidebar .sbs-panel-head{z-index:1;height:var(--theme-sidebar-header-height);min-height:var(--theme-sidebar-header-height);pointer-events:none;background:0 0;padding:12px 24px;position:absolute;inset:0 0 auto}.theme-sidebar .sbs-panel-head:before{z-index:-1;background:linear-gradient(to bottom, var(--inspector-edge-fade));pointer-events:none;content:"";position:absolute;inset:0}.theme-sidebar .sbs-head-title{min-width:0;font-size:20px}.theme-sidebar-name-button,.theme-sidebar-name-input{color:inherit;font:inherit;background:0 0;border:0;border-radius:8px;padding:4px 8px;line-height:24px}.theme-sidebar-name-button{text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:text;pointer-events:auto;max-width:calc(100% + 16px);margin:-4px -8px;transition:background-color .12s;display:block;overflow:hidden}.theme-sidebar-name-button:hover{background:var(--chrome-hover)}.theme-sidebar-name-button:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:0}.theme-sidebar-name-edit{vertical-align:top;pointer-events:auto;min-width:0;max-width:calc(100% + 16px);margin:-4px -8px;display:inline-flex;position:relative}.theme-sidebar-name-field{min-width:0;position:relative}.theme-sidebar-name-measure{white-space:pre;visibility:hidden;min-width:32px;height:32px;padding:4px 8px;display:block;overflow:hidden}.theme-sidebar-name-input{background:var(--chrome-hover);outline:none;width:100%;position:absolute;inset:0}.theme-sidebar-name-input:focus-visible{box-shadow:inset 0 0 0 2px var(--chrome-focus)}.theme-sidebar-name-error{color:var(--chrome-muted);font:400 12px / 16px var(--chrome-font);white-space:nowrap;position:absolute;top:calc(100% + 4px);left:8px}.theme-sidebar .sbs-panel-content{padding:var(--theme-sidebar-header-height) 24px 24px;scroll-padding-top:var(--theme-sidebar-header-height);gap:24px}.theme-sidebar .sbs-panel-page{gap:24px}.theme-sidebar .sbs-panel-page>.sbs-group{flex-shrink:0;gap:12px;margin:0}.theme-sidebar .sbs-panel-page>[aria-label=Style]+[aria-label=Preview],.theme-sidebar .sbs-panel-page>[aria-label=Motion]{margin-top:-12px}.theme-color-control{grid-template-columns:minmax(0,1fr) 52px;align-items:center;column-gap:4px;display:grid}.theme-sidebar .sbs-color-wheel{height:52px}.theme-color-control .sbs-color-wheel-window{border-radius:16px 2px 2px 16px}.theme-color-entry-main{min-width:0;height:52px;position:relative}.theme-color-wheel-layer,.theme-color-hex-layer{position:absolute;inset:0}.theme-color-hex-layer>div{height:100%}.theme-color-hex-surface{background:var(--chrome-control-surface);width:100%;height:100%}.theme-sidebar .theme-color-hex-input{width:100%;height:52px;color:var(--chrome-text);font:500 14px / 20px var(--chrome-font);background:0 0;border:0;outline:none;padding:0 12px}.theme-color-hex-input::placeholder{color:var(--chrome-muted)}.theme-sidebar button.theme-color-add{isolation:isolate;width:50px;height:52px;color:var(--chrome-surface);cursor:pointer;background:0 0;border:0;border-radius:2px 16px 16px 2px;justify-self:end;place-items:center;padding:0 2px 0 0;display:grid;position:relative}.theme-sidebar button.theme-color-add>.editor-control-surface{background:var(--chrome-text)}.theme-color-add>span{pointer-events:none;grid-area:1/1}.theme-color-add svg{width:20px;height:20px}.theme-color-add:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-color-hex-error{color:var(--chrome-muted);font:400 12px / 16px var(--chrome-font);grid-column:1/-1;margin-top:8px}.theme-sidebar button.theme-sidebar-mode-button,.catalog-part-heading button.theme-sidebar-mode-button{isolation:isolate;width:52px;height:52px;color:var(--chrome-text);font:500 16px / 24px var(--chrome-font);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;padding:16px;display:inline-flex;position:relative}.theme-sidebar-mode-button>.editor-control-surface{background:color-mix(in srgb, var(--editor-panel) 80%, transparent);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%)}.theme-sidebar-mode-button[data-back]{order:-1;margin-left:-16px;margin-right:8px}.theme-sidebar-mode-button:not([data-back]){margin-right:-16px}.theme-sidebar button.theme-sidebar-mode-button:not([data-back]){gap:8px;width:auto;padding-inline:16px}:is(.theme-sidebar,.catalog-part-heading) button.theme-sidebar-mode-button:hover>.editor-control-surface{background:color-mix(in srgb, var(--editor-control) 88%, transparent)}:is(.theme-sidebar,.catalog-part-heading) button.theme-sidebar-mode-button:focus-visible{outline:2px solid var(--chrome-text);outline-offset:2px}.theme-sidebar-mode-button svg{flex-shrink:0;width:20px;height:20px}.theme-customizations{flex-direction:column;display:flex}.editor-divider{width:100%;height:4px;box-shadow:inset 0 1px 0 var(--chrome-border);border:0;flex-shrink:0;margin:0}.theme-customize-section+.theme-customize-section{box-shadow:inset 0 1px 0 var(--chrome-border)}.theme-customize-section>h3{margin:0}.theme-sidebar button.theme-customize-trigger,.editor-controls button.theme-customize-trigger{isolation:isolate;text-align:left;width:100%;min-height:48px;font:500 16px / 24px var(--chrome-font);background:0 0;border:0;align-items:center;gap:8px;padding:12px 0;display:flex;position:relative}.theme-sidebar button.theme-customize-trigger:enabled,.editor-controls button.theme-customize-trigger:enabled{cursor:pointer}.theme-customize-trigger:before{content:"";z-index:-1;background:0 0;border-radius:8px;transition:background-color .12s;position:absolute;inset:4px -8px}.theme-customize-trigger:hover:before{background:var(--chrome-hover)}.theme-customize-trigger>span:first-child{flex:1}.theme-customize-heading{align-items:center;gap:12px;display:flex}.theme-customize-icon,.theme-customize-icon>svg{flex-shrink:0;width:20px;height:20px}.theme-customize-icon{color:var(--chrome-muted);display:flex}.theme-customize-detail{color:var(--chrome-muted);font:400 12px / 16px var(--chrome-font)}.theme-customize-trigger>svg{width:16px;height:16px;color:var(--chrome-muted);transition:transform .18s;transform:rotate(-90deg)}.theme-customize-trigger[aria-expanded=true]>svg{transform:rotate(0)}.theme-customize-body:not([hidden]){flex-direction:column;gap:12px;padding:12px 0 24px;display:flex}.theme-customize-group{border:0;min-width:0;margin:0;padding:0}.theme-customize-group+.theme-customize-group{margin-top:12px}.theme-customize-group>legend{color:var(--chrome-muted);font:500 14px / 20px var(--chrome-font);margin-bottom:12px;padding:0}.theme-customize-fields,.theme-customize-grid{flex-direction:column;gap:8px;display:flex}.editor-controls .theme-customizations .theme-value-field,.editor-controls .theme-customizations .theme-text-field input,.editor-controls .theme-customizations .theme-hex-field,.editor-controls .theme-customizations .token-select,.editor-controls .theme-customizations .sbf-font-trigger{background:0 0}.editor-controls .theme-customizations .property-label,.theme-customizations .theme-text-field{font:500 16px / 24px var(--chrome-font)}.theme-customizations .token-select-value{width:var(--editor-field-width,184px);flex-shrink:0;max-width:none}.theme-icon-style-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.theme-icon-style-control{isolation:isolate;min-width:0;width:var(--editor-field-width,184px);height:var(--editor-control-height,52px);gap:var(--editor-control-inset,4px);padding:var(--editor-control-inset,4px);border-radius:var(--editor-control-radius,12px);border:0;flex-shrink:0;margin:0;display:flex;position:relative}.editor-controls .theme-icon-style-control>button{border-radius:max(0px, calc(var(--editor-control-radius,12px) - var(--editor-control-inset,4px)));min-width:0;color:var(--chrome-muted);font:500 16px / 24px var(--chrome-font);cursor:pointer;background:0 0;border:0;flex:1;padding:0 4px;position:relative}.editor-controls .theme-icon-style-control>button[aria-pressed=true]{background:var(--chrome-raised-surface);color:var(--chrome-text)}.editor-controls .theme-icon-style-control>button:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:0}.editor-controls .theme-customizations button.token-select:focus-visible{outline:none}.editor-controls .theme-customizations button.theme-stepper-button:focus-visible,.editor-controls button.theme-hex-field:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}.editor-controls .theme-customizations button.theme-customize-trigger:focus-visible,.editor-controls .theme-customizations button.sbf-font-trigger:focus-visible{outline:none}.theme-customizations .sbf-font-trigger:focus-visible .sbf-font-choice{outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-customize-group>legend.sr-only{margin:0}.theme-customize-color{grid-template-columns:minmax(0,1fr) 144px 24px;align-items:center;gap:8px;display:grid}.theme-customize-color-label{font:500 16px / 24px var(--chrome-font)}.theme-sidebar button.theme-palette-add{isolation:isolate;width:100%;height:40px;color:var(--chrome-text);font:500 14px / 20px var(--chrome-font);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex;position:relative}.theme-palette-add svg{width:16px;height:16px}.theme-palette-add:hover:not(:disabled)>.editor-control-surface{background:var(--chrome-hover)}.theme-palette-add:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-sidebar button.theme-palette-add:disabled{color:var(--chrome-muted);cursor:default}.theme-customize-color .theme-hex-field{gap:8px;min-width:0;padding:8px}.theme-customize-transparent{display:flex}.theme-customize-transparent .color-swatch{border-radius:50%;width:24px;height:24px}.editor-controls .theme-customizations .sbf-font-trigger{isolation:isolate;min-height:40px;box-shadow:none;border-radius:12px;padding:0;position:relative}.theme-customizations .sbf-font-choice{isolation:isolate;width:var(--editor-field-width,184px);border-radius:12px;align-items:center;gap:8px;min-width:0;height:40px;margin-left:auto;padding:0 12px;display:flex;position:relative}.theme-customizations .sbf-font-choice>svg{width:16px;height:16px;color:var(--chrome-muted);flex-shrink:0}.theme-customizations .sbf-font-trigger-row .sbf-font-value{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--chrome-text);font-size:16px;line-height:24px;overflow:hidden}.theme-customizations .sbs-adjust-control{gap:12px}.theme-font-weights{isolation:isolate;border:0;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin:0;padding:4px;display:grid;position:relative}.theme-font-weights>.theme-value-field+.theme-value-field:before{content:"";width:1px;box-shadow:inset 1px 0 0 var(--chrome-border);pointer-events:none;position:absolute;top:12px;bottom:12px;left:0}.theme-font-family{box-shadow:inset 0 1px 0 var(--chrome-border);flex-direction:column;gap:8px;margin-top:8px;padding:12px 4px 4px;display:flex}.theme-font-family>label{color:var(--chrome-muted);font:400 12px / 16px var(--chrome-font);padding:0 8px}.theme-font-family-control{isolation:isolate;border-radius:12px;align-items:center;height:40px;display:flex;position:relative}.theme-font-family-control input{width:0;min-width:0;height:100%;color:var(--chrome-text);font:400 14px / 20px var(--chrome-font);background:0 0;border:0;outline:none;flex:1;padding:0 12px}.theme-font-family-control button{width:32px;height:32px;color:var(--chrome-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin-right:4px;padding:0;display:grid}.theme-font-family-control button:hover:not(:disabled){background:var(--chrome-border);color:var(--chrome-text)}.theme-font-family-control button:disabled{opacity:.35;cursor:default}.theme-font-family-control button:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-font-family-control:has(input:focus-visible){outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-customizations .sbs-adjust-sliders{margin-bottom:12px}.theme-customizations .theme-sidebar-adjust-label output{font:500 16px / 24px var(--chrome-font)}.theme-customizations .sbs-adjust-track:has(input:focus-visible){outline:2px solid var(--chrome-focus);outline-offset:4px}.theme-customizations .sbs-adjust-track input:focus-visible{outline:none}.theme-customizations{container-type:inline-size}@container (max-width:260px){.theme-font-weights{grid-template-columns:1fr}.theme-font-weights .theme-value-field[data-compact]{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:8px}.theme-font-weights .theme-value-field[data-compact] .theme-number-controls{width:128px}.theme-font-weights>.theme-value-field+.theme-value-field:before{width:auto;height:1px;box-shadow:inset 0 1px 0 var(--chrome-border);inset:0 8px auto}.theme-customizations .theme-value-field,.theme-customizations .theme-text-field{flex-direction:column;align-items:stretch}.theme-customizations .theme-text-input{width:100%}.theme-customize-color-label{font-size:14px}.theme-customizations .theme-number-controls{width:100%}.theme-customizations .token-select-content{flex-direction:column;align-items:stretch}.theme-customizations .token-select-value{width:100%}}.theme-customize-note{color:var(--chrome-muted);font:400 12px / 16px var(--chrome-font);margin:0}.editor-control-menu{max-height:min(400px, var(--available-height));background:var(--chrome-popup-surface);color:var(--chrome-text);box-shadow:0 0 0 1px var(--chrome-border), 0 8px 24px color-mix(in srgb, var(--chrome-drop-shadow-color) 12%, transparent);font:400 14px / 20px var(--chrome-font);transform-origin:var(--transform-origin);border:0;border-radius:20px;padding:8px;transition:opacity .15s,transform .15s}.editor-control-menu[data-starting-style],.editor-control-menu[data-ending-style]{opacity:0;transform:scale(.96)}.editor-control-menu :is(.editor-token-option,.sbf-font-option){border-radius:12px;gap:12px;min-height:40px;font-weight:400}.editor-control-menu :is(.editor-token-option,.sbf-font-option)[data-highlighted]{background:var(--chrome-hover)}.editor-control-menu :is(.token-option-check,.sbf-font-option-selected){color:var(--chrome-muted);display:flex}.editor-control-menu .sbf-font-option-selected>svg{width:16px;height:16px}.editor-control-menu .color-swatch,.theme-customizations .token-select-value .color-swatch{border-radius:50%;width:24px;height:24px}.sbf-font-positioner:has(.editor-control-menu){z-index:80}.sbf-font-popup.theme-font-menu{width:max(280px, var(--anchor-width));max-width:calc(100vw - 24px);height:min(400px, var(--available-height,400px));padding:0;transition:opacity .15s,transform .15s,height .22s cubic-bezier(.3,.08,.2,1);overflow:hidden}.theme-font-menu[data-custom=true]{height:min(160px, var(--available-height,160px))}.theme-font-menu-viewport{height:100%;position:relative;overflow:hidden}.theme-font-menu-page{min-width:0;transition:transform .22s cubic-bezier(.3,.08,.2,1),visibility .22s;position:absolute;inset:0}.theme-font-menu-page[data-active=false]{visibility:hidden;pointer-events:none}.theme-font-menu-list-page{flex-direction:column;display:flex}.theme-font-menu-list-page[data-active=false]{transform:translate(-100%)}.theme-font-menu-custom-page{padding:12px;overflow-y:auto;transform:translate(100%)}.theme-font-menu-custom-page[data-active=true]{transform:translate(0)}.theme-font-menu-list{overscroll-behavior:contain;flex:1;min-height:0;padding:8px;scroll-padding-block:8px;overflow-y:auto}.theme-font-menu-list,.theme-font-menu-custom-page{scrollbar-width:none}.theme-font-menu-list::-webkit-scrollbar{display:none}.theme-font-menu-custom-page::-webkit-scrollbar{display:none}.theme-font-custom-link,.theme-font-custom-back{min-height:40px;color:var(--chrome-text);font:var(--editor-input-value-font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.theme-font-custom-link{width:100%;box-shadow:inset 0 1px 0 var(--chrome-border);border-radius:0;flex-shrink:0;justify-content:space-between;padding:8px 20px}.theme-font-custom-back{margin-bottom:8px}.theme-font-custom-link svg,.theme-font-custom-back svg{color:var(--chrome-muted);flex-shrink:0}.theme-font-custom-link:is(:hover,:focus-visible),.theme-font-custom-back:is(:hover,:focus-visible){background:var(--chrome-hover);outline:none}.theme-font-menu .theme-font-family{box-shadow:none;margin:0;padding:0}[data-editor-color-mode=dark] .editor-control-menu{box-shadow:0 0 0 1px var(--chrome-border)}@media (prefers-reduced-motion:reduce){.theme-customize-trigger:before,.theme-customize-trigger>svg,.editor-control-surface,.theme-stepper-button,.editor-control-menu,.theme-font-menu,.theme-font-menu-page{transition:none}}.theme-sidebar-adjust-label{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.theme-sidebar-adjust-label output{color:var(--chrome-muted);font-size:12px}.theme-sidebar .sbs-adjust-track,.property-slider-control{--theme-adjust-thumb-fill:var(--chrome-raised-surface);--theme-adjust-thumb-shadow:0 0 0 1px color-mix(in srgb, var(--chrome-drop-shadow-color) 3%, transparent), 0 2px 4px color-mix(in srgb, var(--chrome-drop-shadow-color) 12%, transparent)}.theme-sidebar .sbs-adjust-track,.property-slider-track:before{background:var(--chrome-control-surface)}.theme-sidebar .sbs-adjust-fill,.property-slider-fill:before{background:var(--chrome-hover)}.theme-sidebar .sbs-adjust-track input::-webkit-slider-thumb{background:var(--theme-adjust-thumb-fill);box-shadow:var(--theme-adjust-thumb-shadow)}.theme-sidebar .sbs-adjust-track input::-moz-range-thumb{background:var(--theme-adjust-thumb-fill);box-shadow:var(--theme-adjust-thumb-shadow)}[data-editor-color-mode=dark] .theme-sidebar .sbs-adjust-track,[data-editor-color-mode=dark] .property-slider-control{--theme-adjust-thumb-fill:var(--chrome-raised-surface);--theme-adjust-thumb-shadow:none}.editor-controls .sbf-font-trigger,.theme-sidebar .sbf-brand-carousel-sample[data-selected],.theme-sidebar .sbs-icon-family-samples button[aria-pressed=true] .sbs-icon-family-sample{background:var(--chrome-surface);color:var(--chrome-text)}.theme-sidebar .sbf-brand-carousel-sample,.theme-sidebar .sbs-icon-family-samples .sbs-icon-family-sample{background:var(--chrome-hover);color:var(--chrome-muted)}.theme-sidebar .sbs-expression-grid{background-image:radial-gradient(circle, var(--chrome-border) 1px, transparent 1px)}.theme-sidebar .sbs-expression-word,.theme-sidebar .sbf-brand-carousel-name{color:var(--chrome-muted)}.theme-sidebar .sbs-expression[data-simple] .sbs-expression-point{box-shadow:0 0 0 4px var(--chrome-surface), 0 2px 8px color-mix(in srgb, var(--chrome-drop-shadow-color) 8%, transparent)}.theme-sidebar .sbs-panel-page>.inspector-section{box-shadow:none;background:0 0;padding:0}@media (max-width:1050px){.theme-sidebar .sbs-panel-head,.theme-sidebar .sbs-panel-content{padding-inline:16px}}.theme-sidebar .sbs-group-label h2,.editor-controls .theme-sidebar-adjust-label,.editor-controls .property-label,.editor-controls .sbf-role-label{font:500 16px / 24px var(--chrome-font)}.editor-controls .sbf-role-label{color:var(--chrome-text)}.theme-sidebar .sbs-expression{background:var(--chrome-control-surface)}.theme-assets-row{grid-template-columns:minmax(0,1fr) 52px;gap:4px;display:grid}.theme-assets-row[data-standalone]{grid-template-columns:minmax(0,1fr)}.theme-assets-row[data-standalone] .theme-assets-toggle{border-radius:16px}.theme-sidebar .theme-assets-row button{isolation:isolate;min-width:0;height:52px;color:var(--chrome-text);font:500 16px / 24px var(--chrome-font);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;display:flex;position:relative}.theme-assets-toggle{border-radius:16px 2px 2px 16px;overflow:hidden}.theme-assets-row .editor-control-surface{background:var(--chrome-control-surface)}.theme-assets-text{pointer-events:none;flex:1;gap:12px;min-width:0;display:flex}.theme-assets-value-window{flex:1;min-width:0;height:24px;display:grid}.theme-assets-key-window{flex:none;width:72px}.theme-assets-row-value,.theme-assets-row-key{grid-area:1/1;align-items:center;min-width:0;display:flex}.theme-assets-license-key{text-align:left;width:72px;color:var(--chrome-muted);flex:none}.theme-color-settings :is(.theme-assets-key-window,.theme-assets-license-key){white-space:nowrap;width:auto}.theme-assets-font-name,.theme-assets-icon-name,.theme-toggle-name{white-space:nowrap;text-overflow:ellipsis;text-align:right;flex:1;min-width:0;overflow:hidden}.theme-assets-toggle-chevron{width:20px;height:20px;color:var(--chrome-muted);flex:none}.theme-sidebar .theme-assets-row .theme-assets-info-button{border-radius:2px 16px 16px 2px;justify-content:center;justify-self:end;width:52px;padding:0}.theme-assets-info-button>svg{width:20px;height:20px}.theme-sidebar .theme-assets-row button:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-assets-info-button[aria-expanded=true] .editor-control-surface{background:var(--chrome-hover)}.theme-assets-disclosure{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.16,1,.3,1),opacity .16s;display:grid}.theme-assets-disclosure[data-expanded=true]{opacity:1;grid-template-rows:1fr}.theme-assets-disclosure-clip{min-height:0;overflow:hidden}.theme-assets-disclosure-content{color:var(--chrome-muted);font:400 14px / 20px var(--chrome-font);flex-direction:column;gap:16px;padding:12px 16px 4px;display:flex}.theme-asset-license{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.theme-asset-license-family{color:var(--chrome-text)}.theme-asset-license a{color:var(--chrome-text);text-underline-offset:4px;align-items:center;gap:4px;text-decoration:underline;display:inline-flex}.theme-asset-license a:hover{color:var(--chrome-muted)}.theme-asset-license a:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:4px}.theme-asset-license a svg{flex:none;width:16px;height:16px}.theme-asset-license-values{gap:8px;width:100%;margin:0;display:grid}.theme-asset-license-values>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.theme-asset-license-values dd{color:var(--chrome-text);text-align:right;flex-shrink:0;margin:0}@media (prefers-reduced-motion:reduce){.theme-assets-disclosure{transition:none}}.theme-sidebar [data-slot=smooth-corners][data-state=ready]{border-radius:0}.theme-sidebar .sbf-brand-carousel-sample[data-smooth],.theme-sidebar .sbs-icon-family-samples .sbs-icon-family-sample[data-smooth],.theme-sidebar .sbs-color-wheel-frame[data-smooth]{box-shadow:none;background:0 0;display:block}.theme-sidebar [data-smooth]>div{width:100%;height:100%}.theme-sidebar .sidebar-smooth-surface{background:var(--chrome-control-surface);place-items:center;width:100%;height:100%;display:grid;position:relative}.theme-sidebar .sbs-color-wheel-frame [data-slot=smooth-corners-box-shadow]{background:var(--wheel-color)}.theme-sidebar .sbf-brand-carousel-sample[data-selected] .sidebar-smooth-surface,.theme-sidebar .sbs-icon-family-samples button[aria-pressed=true] .sidebar-smooth-surface{background:var(--chrome-raised-surface)}.theme-sidebar .sbs-icon-family-sample .sidebar-smooth-surface>svg{width:32px;height:32px}.theme-sidebar .sbs-icon-family-sample .sidebar-smooth-surface>.sbs-paid-badge{position:absolute;top:4px;right:4px}
.theme-motion-controls{flex-direction:column;gap:8px;min-width:0;display:flex}.theme-motion-row,.theme-motion-type,.theme-motion-coordinate-row{grid-template-columns:minmax(0, 1fr) var(--editor-field-width);align-items:center;gap:12px;display:grid}.theme-motion-trigger{isolation:isolate;min-width:0;height:40px;color:var(--chrome-text);font:var(--editor-input-value-font);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px;display:flex;position:relative}.theme-motion-trigger:is(:hover,[data-popup-open])>.editor-control-surface{background:var(--chrome-hover)}.theme-motion-trigger:focus-visible,.theme-motion-playback:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-motion-sparkline{flex-shrink:0;width:24px;height:24px}.theme-motion-summary{text-align:left;flex:1}.theme-motion-duration{color:var(--chrome-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.theme-motion-positioner{z-index:80}.theme-motion-popup{width:328px;max-width:calc(100vw - 24px);max-height:var(--available-height);overscroll-behavior:contain;scrollbar-width:none;background:var(--chrome-popup-surface);color:var(--chrome-text);font:var(--editor-input-value-font);box-shadow:0 8px 24px color-mix(in srgb, var(--chrome-drop-shadow-color) 12%, transparent);transform-origin:var(--transform-origin);border:0;border-radius:16px;gap:12px;padding:16px;transition:opacity .15s,transform .15s;display:grid;overflow-y:auto}.theme-motion-popup::-webkit-scrollbar{display:none}.theme-motion-popup:is([data-starting-style],[data-ending-style]){opacity:0;transform:scale(.98)}.theme-motion-heading{gap:0;display:grid}.theme-motion-header{justify-content:space-between;align-items:center;min-height:24px;display:flex}.theme-motion-header h2{font:500 16px / 24px var(--chrome-font);margin:0}.theme-motion-close{width:32px;height:32px;color:var(--chrome-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin:-4px;padding:0;display:grid}.theme-motion-close:is(:hover,:focus-visible){background:var(--chrome-hover);color:var(--chrome-text);outline:none}.theme-motion-type{border:0;min-width:0;margin:0;padding:0}.theme-motion-segments{background:var(--chrome-control-surface);border-radius:12px;height:40px;padding:4px;display:flex}.theme-motion-segments label{color:var(--chrome-muted);cursor:pointer;border-radius:8px;flex:1;place-items:center;display:grid}.theme-motion-segments label:has(:checked){background:var(--chrome-raised-surface);color:var(--chrome-text)}.theme-motion-segments label:has(:focus-visible){outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-motion-graph{background:var(--chrome-control-surface);border-radius:12px;width:100%;height:160px}.theme-motion-playback{background:var(--chrome-control-surface);height:144px;color:var(--chrome-text);font:500 14px / 20px var(--chrome-font);cursor:pointer;border:0;border-radius:12px;place-items:center;padding:12px;display:grid;overflow:hidden}.theme-motion-playback:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-motion-scene{pointer-events:none;place-items:center;width:100%;height:100%;display:grid}.theme-motion-toggle{background:var(--chrome-hover);border-radius:20px;width:72px;height:40px;position:relative}.theme-motion-toggle-fill{border-radius:inherit;background:var(--chrome-muted);position:absolute;inset:0}.theme-motion-toggle-thumb{background:var(--chrome-text);border-radius:16px;width:32px;height:32px;position:absolute;top:4px;left:4px}.theme-motion-window{background:var(--chrome-surface);width:200px;max-width:100%;height:120px;box-shadow:0 0 0 1px color-mix(in srgb, var(--chrome-border) 50%, transparent);border-radius:12px;position:relative;overflow:hidden}.theme-motion-window-backdrop{background:#0000003d;position:absolute;inset:0}.theme-motion-drawer{background:var(--chrome-popup-surface);min-height:72px;box-shadow:0 0 0 1px color-mix(in srgb, var(--chrome-border) 50%, transparent);border-radius:12px 12px 0 0;align-content:start;gap:8px;padding:8px 16px 16px;display:grid;position:absolute;bottom:0;left:0;right:0}.theme-motion-drawer-handle{background:var(--chrome-hover);border-radius:4px;justify-self:center;width:24px;height:4px;margin-bottom:8px}.theme-motion-drawer-line{background:var(--chrome-border);border-radius:4px;width:80px;height:4px}.theme-motion-drawer-line+.theme-motion-drawer-line{width:56px}.theme-motion-curve{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.theme-motion-curve>legend{font:500 14px / 20px var(--chrome-font);color:var(--chrome-text);margin:0 0 4px;padding:0}.theme-motion-description,.theme-motion-error{font:400 12px / 16px var(--chrome-font);color:var(--chrome-muted);margin:0}.theme-easing-host{background:var(--chrome-control-surface);isolation:isolate;width:100%;height:160px}.theme-easing-viz{width:100%;height:100%;position:relative}.theme-easing-viz svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.theme-easing-reference{stroke:var(--chrome-muted);stroke-width:1px;stroke-dasharray:4 4;opacity:.3}.theme-easing-tangent{stroke:var(--chrome-muted);stroke-width:1px;opacity:.6}.theme-easing-curve{fill:none;stroke:var(--chrome-text);stroke-width:2px;stroke-linecap:round}.theme-easing-endpoint{fill:var(--chrome-muted)}.editor-controls button.theme-easing-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;min-height:0;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.theme-easing-handle:after{content:"";width:8px;height:8px;box-shadow:0 0 0 2px var(--chrome-muted);background:var(--chrome-surface);border-radius:50%}.theme-easing-handle:is(:hover,:focus-visible,[data-dragging]):after{box-shadow:0 0 0 2px var(--chrome-text);background:var(--chrome-text)}.theme-easing-handle:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:0}.editor-controls button.theme-easing-handle[data-dragging]{cursor:grabbing;z-index:1}.theme-easing-instructions{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.theme-easing-input{isolation:isolate;height:40px;display:flex;position:relative}.theme-easing-input input{width:100%;min-width:0;color:var(--chrome-text);font:500 14px / 24px var(--chrome-font);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:12px;padding:0 16px}.theme-easing-input input:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:0}@media (prefers-reduced-motion:reduce){.theme-motion-popup{transition:none}}
.overview-card.theme-scale-preview{background:var(--neutral-1);color:var(--neutral-10);font:400 12px / 16px var(--chrome-font);padding:24px;display:block;position:relative;container:scale-preview/inline-size}.theme-scale-preview-columns,.theme-scale-measure,.theme-scale-preview-row figcaption{color:var(--neutral-7);font:400 12px / 16px var(--chrome-font);font-variant-numeric:tabular-nums}.theme-scale-preview-columns,.theme-scale-preview-row{text-align:left;grid-template-columns:28px minmax(0,1fr) 80px 96px;align-items:center;gap:16px;display:grid}.theme-scale-preview-columns{margin-bottom:8px}.theme-scale-preview-columns>:last-child{text-align:right}.theme-scale-preview-row{min-height:32px;margin:0;padding:4px 0}.theme-scale-space-column{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.theme-scale-type-window{min-width:0;margin-block:-4px;padding-block:4px;overflow:hidden}.theme-scale-type-sample{white-space:nowrap;background:var(--color-1-transparent);width:max-content;display:block}.theme-scale-measure{white-space:nowrap;flex-shrink:0}.theme-scale-space-sample{flex:0 1 var(--scale-space);width:var(--scale-space);aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--color-1);border:0;display:block}.theme-scale-space-column .theme-scale-measure{text-align:right;min-width:20px}.theme-scale-edit{border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.theme-scale-edit:focus-visible{outline:2px solid var(--neutral-10);outline-offset:4px}@container scale-preview (max-width:320px){.theme-scale-preview-columns,.theme-scale-preview-row{grid-template-columns:28px minmax(0,1fr) 64px 76px;gap:8px}}.theme-scale-table{table-layout:fixed;border-collapse:separate;border-spacing:0 8px;border:0;width:100%;margin-top:-8px}.theme-scale-step-column{width:32px}.theme-scale-table th{color:var(--chrome-muted);font:400 12px / 16px var(--chrome-font);text-align:center;border:0;padding:0}.theme-scale-table th:first-child{text-align:left}.theme-scale-table td{isolation:isolate;background:0 0;border:0;padding:0;position:relative}.theme-scale-table td:nth-child(2){border-radius:12px 0 0 12px}.theme-scale-table td:nth-child(2)>.editor-control-surface{width:300%}.theme-scale-table td:last-child{border-radius:0 12px 12px 0}.theme-scale-table td+td:before{content:"";width:1px;box-shadow:inset 1px 0 0 var(--chrome-border);position:absolute;top:12px;bottom:12px;left:0}.theme-scale-table .theme-value-field[data-compact]{gap:0;min-height:40px;padding:4px 0}.theme-scale-table .theme-value-field[data-compact] .theme-number-controls{grid-template-columns:20px minmax(0,1fr) 20px;width:100%}.theme-scale-table .theme-value-field[data-compact] button.theme-stepper-button{width:20px}.theme-scale-table .theme-number-input input{font:500 14px / 20px var(--chrome-font);font-variant-numeric:tabular-nums}.theme-scale-table .theme-stepper-button>svg{width:12px;height:12px}
.theme-hex-field .theme-color-split-swatch{border-radius:0;display:flex}.theme-hex-field .theme-color-split-swatch>span{flex:50%;width:50%;height:100%}.theme-picker-positioner{z-index:100}.theme-picker-popup{width:280px;max-width:calc(100vw - 24px);max-height:var(--available-height);overscroll-behavior:contain;background:var(--chrome-popup-surface);color:var(--chrome-text);box-shadow:0 8px 24px color-mix(in srgb, var(--chrome-drop-shadow-color) 12%, transparent);font:var(--editor-input-value-font);transform-origin:var(--transform-origin);border:0;border-radius:16px;gap:8px;padding:12px;transition:opacity .15s,transform .15s;display:grid;overflow-y:auto}.theme-picker-title{font:500 16px / 24px var(--chrome-font);margin:0;padding:0 4px 4px}.theme-picker-popup:is([data-starting-style],[data-ending-style]){opacity:0;transform:scale(.98)}.theme-picker-formats{isolation:isolate;background:var(--chrome-control-surface);border-radius:12px;height:40px;padding:4px;display:flex;position:relative}.theme-picker-format-pill{z-index:-1;background:var(--chrome-raised-surface);border-radius:8px;width:calc(33.3333% - 2.66667px);transition:transform .2s cubic-bezier(.25,1,.5,1);position:absolute;top:4px;bottom:4px;left:4px}.theme-picker-format{min-width:0;color:var(--chrome-muted);font:var(--editor-input-value-font);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1 1 0;place-items:center;display:grid}.theme-picker-format:is(:has(:checked),:hover){color:var(--chrome-text)}.theme-picker-plane{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:8px;height:160px;margin:4px 0;position:relative}.theme-picker-plane canvas{border-radius:inherit;width:100%;height:100%;display:block}.theme-picker-marker{width:8px;height:8px;box-shadow:0 0 0 2px var(--chrome-text), 0 2px 4px color-mix(in srgb, var(--editor-panel) 30%, transparent);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.theme-picker-track-row{background:var(--chrome-control-surface);border-radius:12px;align-items:center;gap:12px;height:40px;padding:0 12px;display:flex}.theme-picker-track-row>span{color:var(--chrome-muted);flex:0 0 40px}.theme-picker-hue{appearance:none;cursor:pointer;touch-action:none;background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0}.theme-picker-hue::-webkit-slider-runnable-track{background:var(--picker-hue-gradient);border-radius:4px;height:16px}.theme-picker-hue::-moz-range-track{background:var(--picker-hue-gradient);border:0;border-radius:4px;height:16px}.theme-picker-hue::-webkit-slider-thumb{appearance:none;background:var(--picker-hue-color);width:12px;height:20px;box-shadow:0 0 0 2px var(--chrome-text), 0 2px 4px color-mix(in srgb, var(--editor-panel) 30%, transparent);border:0;border-radius:4px;margin-top:-2px}.theme-picker-hue::-moz-range-thumb{background:var(--picker-hue-color);width:12px;height:20px;box-shadow:0 0 0 2px var(--chrome-text), 0 2px 4px color-mix(in srgb, var(--editor-panel) 30%, transparent);border:0;border-radius:4px}.theme-picker-value{background:var(--chrome-control-surface);width:100%;min-width:0;height:40px;color:var(--chrome-text);font:var(--editor-input-value-font);font-variant-numeric:tabular-nums;border:0;border-radius:12px;padding:0 12px 0 44px}.theme-picker-value[aria-invalid=true]{box-shadow:0 0 0 1px var(--chrome-text)}.theme-picker-values{min-width:0;display:grid;position:relative}.theme-picker-values>.color-swatch{z-index:1;width:24px;height:24px;box-shadow:none;pointer-events:none;position:absolute;top:8px;left:12px}.theme-picker-translucency{isolation:isolate;background:var(--chrome-control-surface);height:40px;font:var(--editor-input-value-font);border-radius:12px;justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:relative;overflow:hidden}.theme-picker-translucency-fill{width:var(--picker-translucency);background:var(--chrome-raised-surface);pointer-events:none;position:absolute;inset:0 auto 0 0}.theme-picker-translucency-slider{opacity:0;cursor:ew-resize;touch-action:none;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.theme-picker-translucency-label,.theme-picker-translucency-value{pointer-events:none;position:relative}.theme-picker-translucency-value{height:100%;color:var(--chrome-muted);align-items:center;display:flex}.theme-picker-translucency-value input{width:48px;height:100%;color:var(--chrome-text);font:inherit;font-variant-numeric:tabular-nums;text-align:right;pointer-events:auto;background:0 0;border:0;padding:0}.theme-picker-translucency:has(:focus-visible){background:var(--chrome-raised-surface)}.theme-picker-translucency:has(:focus-visible) .theme-picker-translucency-fill{background:color-mix(in srgb, var(--chrome-raised-surface) 85%, var(--chrome-text))}.theme-picker-error{color:var(--chrome-muted);font:400 12px / 16px var(--chrome-font)}.theme-picker-popup :is(input:not([type=radio]),.theme-picker-plane):focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-picker-format:has(:focus-visible){outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-picker-popup .theme-picker-translucency input:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.theme-picker-popup,.theme-picker-format-pill{transition:none}}
.theme-shadow-row{grid-template-columns:minmax(0, 1fr) var(--editor-field-width);align-items:center;gap:12px;display:grid}.theme-shadow-trigger{isolation:isolate;min-width:0;height:40px;color:var(--chrome-text);font:var(--editor-input-value-font);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px;display:flex;position:relative}.theme-shadow-trigger:is(:hover,[data-popup-open])>.editor-control-surface{background:var(--chrome-hover)}.theme-shadow-trigger:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-shadow-thumbnail{border-radius:8px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid;overflow:hidden}.theme-shadow-thumbnail>span{border-radius:4px;width:12px;height:12px}.theme-shadow-summary{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.theme-shadow-opacity{color:var(--chrome-muted);font-variant-numeric:tabular-nums}.theme-shadow-positioner{z-index:80}.theme-shadow-popup{width:328px;max-width:calc(100vw - 24px);max-height:var(--available-height);overscroll-behavior:contain;scrollbar-width:none;background:var(--chrome-popup-surface);color:var(--chrome-text);font:var(--editor-input-value-font);box-shadow:0 8px 24px color-mix(in srgb, var(--chrome-drop-shadow-color) 12%, transparent);transform-origin:var(--transform-origin);border:0;border-radius:16px;gap:12px;padding:16px;transition:opacity .15s,transform .15s;display:grid;overflow-y:auto}.theme-shadow-popup::-webkit-scrollbar{display:none}.theme-shadow-popup:is([data-starting-style],[data-ending-style]){opacity:0;transform:scale(.98)}.theme-shadow-header{justify-content:space-between;align-items:center;min-height:24px;display:flex}.theme-shadow-header h2{font:500 16px / 24px var(--chrome-font);margin:0}.theme-shadow-close{width:32px;height:32px;color:var(--chrome-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin:-4px;padding:0;display:grid}.theme-shadow-close:is(:hover,:focus-visible){background:var(--chrome-hover);color:var(--chrome-text);outline:none}.theme-shadow-preview{border-radius:12px;place-items:center;height:112px;display:grid;overflow:hidden}.theme-shadow-preview>span{border-radius:12px;width:80px;height:48px}.theme-shadow-values{gap:12px;display:grid}.component-shadow-list{gap:8px;display:grid}.component-shadow-row{grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;display:grid}.component-shadow-remove,.component-shadow-add{min-height:32px;color:var(--chrome-muted);font:var(--editor-input-value-font);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.component-shadow-add{justify-content:flex-start}.component-shadow-remove:hover,.component-shadow-add:hover{background:var(--chrome-hover);color:var(--chrome-text)}.component-shadow-remove:focus-visible,.component-shadow-add:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.theme-shadow-popup{transition:none}}
.editor-controls{--sbs-ink:var(--chrome-text);--editor-stepper-size:32px;--editor-stepper-icon-size:16px;--editor-caret-hover-shift:4px;--editor-field-width:184px}.editor-controls .theme-customizations :where(svg.lucide){stroke-width:1.8px}.editor-controls.theme-sidebar .sbs-panel-head{gap:0;padding:8px 24px 12px}.editor-controls.theme-sidebar .sbs-head-title{font:500 16px / 24px var(--chrome-font)}.editor-control-fields{gap:8px}.editor-control-fields>.editor-divider{box-shadow:inset 0 1px 0 var(--chrome-border);margin-top:8px}.editor-control-fields>.editor-divider+.theme-customize-section{margin-top:0}.editor-controls button.theme-customize-trigger{min-height:32px;padding:4px 0}.editor-controls .theme-customize-trigger:hover:before{background:0 0}.editor-controls .theme-customize-trigger:focus-visible{outline:none}.editor-controls .theme-customize-trigger:focus-visible:before{background:var(--chrome-control-surface);inset:-4px -8px}.editor-controls .theme-customize-color{grid-template-columns:minmax(0, 1fr) var(--editor-field-width);position:relative}.editor-controls .theme-customize-color:has(.theme-palette-remove) .theme-hex-field{justify-self:start;width:100%;transition:width .18s cubic-bezier(.16,1,.3,1)}.editor-controls button.theme-palette-remove{width:32px;height:32px;color:var(--chrome-muted);opacity:0;pointer-events:none;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:8px;transition:opacity .12s,transform .18s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:4px;right:0;transform:scale(0)}.theme-palette-remove svg{width:16px;height:16px}.editor-controls .theme-customize-color:has(.theme-palette-remove):is(:hover,:focus-within) .theme-hex-field{width:calc(100% - 40px)}.editor-controls .theme-customize-color:is(:hover,:focus-within) .theme-palette-remove{opacity:1;pointer-events:auto;transform:scale(1)}.editor-controls button.theme-palette-remove:hover,.editor-controls button.theme-palette-remove:focus-visible{color:var(--chrome-text);outline:none}@media (hover:none){.editor-controls .theme-customize-color:has(.theme-palette-remove) .theme-hex-field{width:calc(100% - 40px)}.editor-controls button.theme-palette-remove{opacity:1;pointer-events:auto;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.editor-controls .theme-customize-color .theme-hex-field,.editor-controls button.theme-palette-remove{transition:none}}.editor-controls.editor-controls :is(.theme-text-input,.theme-text-field input,.theme-number-well,.sbf-font-choice,.theme-hex-field,.token-select-value){height:var(--editor-control-height);min-height:var(--editor-control-height)}.editor-controls.editor-controls :is(.theme-text-input,.theme-number-well,.theme-hex-field,.token-select-value){border-radius:var(--editor-control-radius)}.editor-controls .theme-scale-table .theme-value-field[data-compact]{padding:0}.editor-controls .theme-scale-table tbody th{color:var(--chrome-text);font:500 14px / 24px var(--chrome-font)}.editor-scale-tooltip-positioner{z-index:80;pointer-events:none}.editor-scale-tooltip{isolation:isolate;--editor-control-bg:var(--chrome-raised-surface);box-shadow:var(--chrome-shadow-elevation-medium);color:var(--chrome-text);font:500 12px / 16px var(--chrome-font);border:0;border-radius:8px;padding:8px 12px;transition:opacity .12s;position:relative}.editor-scale-tooltip:is([data-starting-style],[data-ending-style]){opacity:0}.editor-controls .theme-scale-table .theme-scale-step-column{width:auto}.editor-controls .theme-scale-table col:not(:first-child){width:calc(var(--editor-field-width) / 3)}.editor-controls .theme-customize-section[data-section=scale]>.theme-customize-body{padding-top:8px}.editor-controls.editor-controls .theme-scale-table .theme-value-field[data-compact] .theme-number-controls{display:block;position:relative}.editor-controls .theme-scale-table tbody tr{isolation:isolate;position:relative}.editor-controls .theme-scale-table td{isolation:auto}.editor-controls .theme-scale-table td>div{z-index:1;position:relative}.editor-controls .theme-scale-table td+td:before,.editor-controls .theme-font-weights>.theme-value-field~.theme-value-field:before{transition:translate .12s}.editor-controls .theme-scale-table td:has(.theme-number-controls:is(:hover,:focus-within))+td:before{translate:var(--editor-caret-hover-shift) 0}.editor-controls .theme-font-weights>.theme-value-field:has(.theme-number-controls:is(:hover,:focus-within))~.theme-value-field:before{translate:var(--editor-caret-hover-shift) 0}.editor-controls.editor-controls .theme-scale-table td:not(:last-child):has(.theme-number-controls:is(:hover,:focus-within)) button.theme-stepper-button{translate:var(--editor-caret-hover-shift) 0}.editor-controls.editor-controls .theme-font-weights>.theme-value-field:not(:last-of-type):has(.theme-number-controls:is(:hover,:focus-within)) button.theme-stepper-button{translate:var(--editor-caret-hover-shift) 0}.editor-controls :is(.theme-scale-table td:last-child,.theme-font-weights>.theme-value-field:last-of-type) .theme-number-input input{transition:padding-right .12s}.editor-controls :is(.theme-scale-table td:last-child,.theme-font-weights>.theme-value-field:last-of-type) .theme-number-controls:is(:hover,:focus-within) .theme-number-input input{padding-right:8px}.editor-controls .theme-hex-field>.color-swatch{box-shadow:none}.editor-controls .theme-font-weights{--editor-caret-hover-shift:8px;width:var(--editor-field-width);margin-left:auto;padding:0}.editor-controls .theme-font-weights>.theme-value-field~.theme-value-field:before{content:"";width:1px;box-shadow:inset 1px 0 0 var(--chrome-border);position:absolute;left:0}.editor-controls .theme-font-weights>.theme-value-field:has(.theme-number-controls:is(:hover,:focus-within))~.theme-value-field~.theme-value-field:before{translate:0}.editor-controls .theme-font-weights>.editor-control-surface{height:var(--editor-control-height);top:0;bottom:auto}.editor-controls .theme-font-weights>.theme-value-field~.theme-value-field:before{height:16px;top:12px;bottom:auto}.editor-controls.editor-controls :is(.theme-text-field>span:first-child,.property-label,.sbf-role-label,.theme-customize-color-label,.theme-sidebar-adjust-label>span:first-child,.theme-scale-table tbody th,.token-resolved-row>span:first-child),.editor-controls.editor-controls .theme-customizations .theme-value-field[data-compact]>.property-label{font-size:15px}.editor-controls.editor-controls .theme-font-weights .theme-value-field[data-compact]>.property-label{order:1;width:100%}.editor-controls.editor-controls :is(.sbs-head-title,.catalog-inspector-title-row h2){font:500 20px / 24px var(--chrome-font)}.editor-controls.editor-controls :is(.theme-customize-trigger,.inspector-section h3,.sbs-group-label h2){font-size:17px;line-height:24px}.editor-controls .theme-customize-group>legend,.editor-controls .editor-padding-label{font-size:15px;line-height:24px}.editor-controls.editor-controls :is(.theme-text-input input,.theme-number-input input,.theme-hex-value,.sbf-font-value,.token-select-value,.property-slider-value,.theme-sidebar-adjust-label output){font:var(--editor-input-value-font)}.editor-controls .theme-font-picker-row{grid-template-columns:minmax(0, 1fr) var(--editor-control-height);align-items:end;gap:var(--editor-control-inset);display:grid}.editor-controls .theme-font-picker-row .sbf-font-choice{width:calc(var(--editor-field-width) - var(--editor-control-height) - var(--editor-control-inset));border-radius:var(--editor-control-radius) var(--editor-control-inset) var(--editor-control-inset) var(--editor-control-radius)}.editor-controls .theme-font-picker-row .sbf-font-trigger{min-width:0}.editor-controls button:is(.editor-font-weights-toggle,.editor-padding-toggle){isolation:isolate;width:var(--editor-control-height);height:var(--editor-control-height);border-radius:var(--editor-control-inset) var(--editor-control-radius) var(--editor-control-radius) var(--editor-control-inset);color:var(--chrome-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.editor-controls :is(.editor-font-weights-toggle,.editor-padding-toggle):is(:hover,[aria-expanded=true]){color:var(--chrome-text)}:is(.editor-font-weights-toggle,.editor-padding-toggle):is(:hover,[aria-expanded=true]) .editor-control-surface{background:var(--chrome-hover)}:is(.editor-font-weights-toggle,.editor-padding-toggle):focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}.editor-font-weights-disclosure{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.16,1,.3,1),opacity .16s;display:grid}.editor-font-weights-disclosure[data-expanded=true]{opacity:1;grid-template-rows:1fr}.editor-font-weights-clip{min-height:0;overflow:hidden}.editor-font-weights-content{padding-top:4px}.editor-font-weights-disclosure[data-expanded=true] .editor-font-weights-clip{overflow:visible}.editor-controls .theme-font-weights .theme-value-field[data-compact]{gap:4px;padding:0}.editor-controls .sbs-adjust-control[data-inset-thumb]{grid-template-columns:minmax(0, 1fr) var(--editor-field-width);align-items:center;gap:12px;display:grid}.editor-controls .sbs-adjust-control[data-inset-thumb] .theme-sidebar-adjust-label{gap:8px;min-width:0}.editor-controls .sbs-adjust-control[data-inset-thumb] output{white-space:nowrap}.editor-controls .sbs-adjust-control[data-inset-thumb] .sbs-adjust-track{isolation:isolate;height:var(--editor-control-height);border-radius:var(--editor-control-radius);background:0 0}.editor-controls .sbs-adjust-control[data-inset-thumb] .sbs-adjust-fill{display:none}.editor-controls .sbs-adjust-control[data-inset-thumb] .sbs-adjust-stops{top:calc(50% - 2px);bottom:auto;left:calc(var(--editor-control-height) / 2 - 2px);right:calc(var(--editor-control-height) / 2 - 2px)}.editor-controls .sbs-adjust-control[data-inset-thumb] .sbs-adjust-track input{inset:0 var(--editor-control-inset);width:calc(100% - var(--editor-control-inset) * 2);height:var(--editor-control-height);border:0}.editor-controls .sbs-adjust-control[data-inset-thumb] input::-webkit-slider-runnable-track{height:var(--editor-control-height)}.editor-controls .sbs-adjust-control[data-inset-thumb] input::-moz-range-track{height:var(--editor-control-height)}.editor-controls .sbs-adjust-control[data-inset-thumb] input::-webkit-slider-thumb{width:var(--sbs-thumb-width);height:var(--editor-thumb-size);margin-top:var(--editor-control-inset);opacity:0}.editor-controls .sbs-adjust-control[data-inset-thumb] input::-moz-range-thumb{width:var(--sbs-thumb-width);height:var(--editor-thumb-size);opacity:0}.editor-controls .sbs-adjust-thumb{isolation:isolate;top:var(--editor-control-inset);left:var(--sbs-thumb-position);width:var(--sbs-thumb-width);height:var(--editor-thumb-size);border-radius:var(--editor-thumb-radius);--editor-control-bg:var(--theme-adjust-thumb-fill);box-shadow:var(--theme-adjust-thumb-shadow);pointer-events:none;place-items:center;transition:scale .16s;display:grid;position:absolute;transform:translate(-50%)}.editor-controls .sbs-adjust-thumb-value{color:var(--chrome-text);font:var(--editor-input-value-font);white-space:nowrap}.editor-controls .sbs-adjust-control[data-value-in-thumb] .sbs-adjust-thumb{width:max-content;min-width:var(--editor-thumb-size);padding-inline:8px}.editor-controls .sbs-adjust-track:has(input:active) .sbs-adjust-thumb{scale:1.08}.editor-controls .sbs-adjust-track:has(input:focus-visible){outline:2px solid var(--chrome-focus);outline-offset:4px}.editor-controls .sbs-adjust-track input:focus-visible{outline:none}.editor-controls .property-slider[data-inset-thumb] .property-slider-control{--slider-edge:calc(var(--editor-control-inset) + var(--editor-thumb-size) / 2);height:var(--editor-control-height);border-radius:var(--editor-control-radius)}.editor-controls .property-slider[data-inset-thumb] .property-slider-track:before,.editor-controls .property-slider[data-inset-thumb] .property-slider-fill:before{display:none}.editor-controls .property-slider-surface{isolation:isolate;inset:0 calc(-1 * var(--slider-edge));pointer-events:none;position:absolute}.editor-controls .property-slider-fill .property-slider-surface{--editor-control-bg:var(--chrome-hover)}.editor-controls .property-slider[data-inset-thumb] .property-slider-thumb{isolation:isolate;width:var(--editor-thumb-size);height:var(--editor-thumb-size);border-radius:var(--editor-thumb-radius);--editor-control-bg:var(--theme-adjust-thumb-fill);background:0 0}.editor-controls .property-slider[data-inset-thumb] .property-slider-control:has(:focus-visible) .property-slider-track>.property-slider-surface{outline:2px solid var(--chrome-focus);outline-offset:4px;border-radius:var(--editor-control-radius)}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] .theme-number-controls{height:var(--editor-control-height);display:block;position:relative}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] .theme-number-input{padding:0 24px 0 16px}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] .theme-number-input input{text-align:left}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets][data-compact] .theme-number-input{padding:0}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets][data-compact] .theme-number-input input{text-align:center}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] button.theme-stepper-button{isolation:isolate;z-index:2;top:var(--editor-control-inset);right:var(--editor-control-inset);width:calc((var(--editor-control-height) - var(--editor-control-inset) * 2) / 2);height:calc((var(--editor-control-height) - var(--editor-control-inset) * 2) / 2);--editor-control-bg:transparent;box-shadow:none;color:var(--chrome-muted);opacity:0;pointer-events:none;background:0 0;border-radius:0;transition:opacity .12s,translate .12s;position:absolute;left:auto;transform:none}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] button[data-direction=down]{top:calc(var(--editor-control-height) / 2)}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets]:not([data-compact]) .theme-number-input{padding:0 80px 0 16px}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets]:not([data-compact]) button.theme-stepper-button{width:32px;height:32px;top:4px}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets]:not([data-compact]) button[data-direction=down]{right:40px}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] .theme-number-controls:is(:hover,:focus-within) button.theme-stepper-button{opacity:1;pointer-events:auto}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] button.theme-stepper-button>svg{stroke-width:2.25px;width:12px;height:12px}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] button.theme-stepper-button:not(:disabled,[data-disabled]):hover{--editor-control-bg:var(--chrome-border);color:var(--chrome-text)}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] button.theme-stepper-button:not(:disabled,[data-disabled]):active{--editor-control-bg:var(--chrome-hover)}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] .theme-number-controls:is(:hover,:focus-within) button.theme-stepper-button:is(:disabled,[data-disabled]){opacity:.35}@media (hover:none){.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] button.theme-stepper-button{opacity:1;pointer-events:auto}.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] button.theme-stepper-button:is(:disabled,[data-disabled]){opacity:.35}}@media (prefers-reduced-motion:reduce){.editor-controls :is(.theme-scale-table td:last-child,.theme-font-weights>.theme-value-field:last-of-type) .theme-number-input input,.editor-scale-tooltip,.editor-controls .theme-scale-table td+td:before,.editor-controls .theme-font-weights>.theme-value-field~.theme-value-field:before,.editor-controls .theme-scale-table .theme-number-input,.editor-font-weights-disclosure,.editor-controls .sbs-adjust-thumb,.editor-controls.editor-controls .theme-value-field[data-stepper-style=carets] button.theme-stepper-button{transition:none}}.editor-padding-row{grid-template-columns:minmax(0, 1fr) var(--editor-field-width);align-items:center;gap:12px;display:grid}.editor-radius-corners,.editor-padding-sides{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:8px;display:grid}.editor-radius-corners[hidden],.editor-padding-sides[hidden]{display:none}.editor-padding-label{color:var(--chrome-text);font:var(--editor-input-value-font)}.editor-padding-split{grid-template-columns:minmax(0, 1fr) var(--editor-control-height);gap:var(--editor-control-inset);display:grid}.editor-controls .editor-padding-split .sbs-adjust-control[data-inset-thumb]{min-width:0;display:block}.editor-padding-split .theme-sidebar-adjust-label{display:none}.editor-padding-control .sbs-adjust-control[data-disabled] .sbs-adjust-thumb-value,.editor-padding-control .sbs-adjust-control[data-disabled] .sbs-adjust-stops{opacity:.4}.editor-padding-control .sbs-adjust-control[data-disabled] .sbs-adjust-thumb{box-shadow:none}.editor-padding-control .sbs-adjust-track input:disabled{cursor:default}.editor-controls.editor-controls .theme-font-weights .theme-value-field[data-compact]>.property-label,.editor-controls.editor-controls .theme-scale-table thead th{color:var(--chrome-muted);font:500 12px / 20px var(--chrome-font);text-align:center}.editor-controls .theme-scale-table thead th{white-space:nowrap}.editor-controls.editor-controls .theme-scale-table thead th:first-child{text-align:left}.editor-controls .theme-customize-body:not([hidden]){gap:8px;padding:8px 0 0}.editor-controls .theme-customize-section+.theme-customize-section{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--chrome-border) 50%, transparent);margin-top:8px;padding-top:16px}.editor-controls .theme-customize-group+.theme-customize-group{margin-top:8px}.editor-controls .theme-customize-group>legend{margin-bottom:8px}.editor-controls .sbs-adjust-sliders{flex-direction:column;gap:8px;margin-bottom:0;display:flex}.editor-controls .inspector-section-content{gap:8px}.editor-component-fields{flex-direction:column;gap:8px;display:flex}.editor-value-tooltip{overflow-wrap:anywhere;max-width:320px}.editor-controls .sbs-adjust-track{--theme-adjust-thumb-fill:var(--chrome-raised-surface);--theme-adjust-thumb-shadow:0 0 0 1px color-mix(in srgb, var(--chrome-drop-shadow-color) 3%, transparent), 0 2px 4px color-mix(in srgb, var(--chrome-drop-shadow-color) 12%, transparent)}[data-editor-color-mode=dark] .editor-controls .sbs-adjust-track{--theme-adjust-thumb-fill:var(--chrome-raised-surface);--theme-adjust-thumb-shadow:none}.editor-controls .theme-font-weights{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-controls .theme-font-weights .theme-number-controls{width:100%}.editor-controls .theme-value-field:not([data-compact]),.editor-controls .theme-text-field,.editor-controls .token-select-content{flex-direction:row;align-items:center}.editor-controls :where(.theme-text-input,.theme-value-field:not([data-compact]) .theme-number-controls,.token-select-value){width:var(--editor-field-width);flex-shrink:0;max-width:none}@media (max-width:1050px){.theme-sidebar.editor-controls .sbs-panel-content{padding-inline:24px}}.editor-controls .theme-font-weights .theme-value-field[data-compact]{flex-direction:column;position:relative}
[data-copy-surface]{position:relative}.catalog-entry-title{max-width:calc(100% - 88px)}.catalog-state-label{padding-right:40px}.copy-prompt-actions{z-index:4;opacity:0;pointer-events:none;color:var(--chrome-text);font:400 14px / 20px var(--chrome-font);letter-spacing:normal;position:absolute;top:12px;right:12px}[data-copy-surface]:hover>.copy-prompt-actions,.catalog-entry-surface:hover>.copy-prompt-actions,.catalog-state-card:hover>.copy-prompt-actions,.copy-prompt-actions:focus-within,.copy-prompt-actions[data-feedback]{opacity:1;pointer-events:auto}.copy-prompt-button{background:var(--catalog-return-fill,#00000008);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);width:32px;height:32px;box-shadow:none;color:var(--catalog-return-icon,var(--chrome-text));cursor:pointer;border:0;border-radius:12px;place-items:center;padding:8px;display:grid}.copy-prompt-button:hover{background:var(--catalog-return-hover,#0000000d);color:var(--catalog-return-icon-hover,var(--chrome-text))}.copy-prompt-button:focus-visible{outline:2px solid var(--chrome-muted);outline-offset:2px}.copy-prompt-icon-stack{flex:0 0 16px;width:16px;height:16px;display:grid}.copy-prompt-icon{pointer-events:none;grid-area:1/1;width:16px;height:16px;display:grid}.copy-prompt-actions .copy-prompt-icon>svg{--icon-stroke-width:1.5;width:16px;height:16px}.copy-prompt-actions[data-appearance=action]{opacity:1;pointer-events:auto;position:relative;inset:auto}.copy-prompt-actions[data-appearance=action]>button{width:100%;height:auto;display:flex}.copy-prompt-fallback{background:var(--chrome-popup-surface);width:min(320px,100vw - 64px);max-height:calc(100dvh - 64px);color:var(--chrome-text);box-shadow:0 0 0 1px var(--chrome-border), 0 8px 24px #00000029;font:400 14px / 20px var(--chrome-font);border:0;border-radius:12px;margin:auto;padding:16px;position:fixed;inset:0;overflow:auto}.copy-prompt-fallback::backdrop{background:#0000003d}.copy-prompt-fallback p{font:inherit;margin:0 0 12px}.copy-prompt-fallback textarea{background:var(--chrome-hover);width:100%;height:160px;color:inherit;font:400 12px / 16px var(--chrome-font);resize:vertical;border:0;border-radius:4px;padding:8px;display:block}.copy-prompt-fallback button{font:inherit;background:var(--chrome-hover);color:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:12px;padding:8px 12px}@media (hover:none){.copy-prompt-actions{opacity:1;pointer-events:auto}}
:root{--editor-panel:#101010;--editor-control:#242424;--editor-active:#404040;--editor-border:#383838;--editor-muted:#a3a3a3;--editor-text:#eee;--chrome-font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--editor-input-value-font:500 14px / 24px var(--chrome-font);--type-caption:12px;--type-body:14px;--type-title:16px;--type-display:var(--type-title);--chrome-canvas:#f7f7f7;--chrome-surface:#fff;--chrome-popup-surface:var(--chrome-surface);--chrome-hover:#ededed;--chrome-control-surface:var(--chrome-hover);--chrome-raised-surface:var(--chrome-surface);--chrome-drop-shadow-color:#000;--chrome-segment-track:#e8e8e8;--chrome-segment-shadow:0 4px 16px #0000001f;--chrome-shadow-color:0deg 0% 70%;--chrome-shadow-elevation-medium:0px 0px 4px hsl(var(--chrome-shadow-color) / .07), 0px 3px 6px -1px hsl(var(--chrome-shadow-color) / .22);--chrome-text:#262626;--chrome-muted:#737373;--chrome-icon:gray;--chrome-focus:#000;--chrome-selection:#000;--chrome-border:color-mix(in srgb, var(--chrome-text) 12%, transparent);--inspector-control-bg:var(--chrome-hover);--inspector-control-hover:color-mix(in srgb, var(--chrome-text) 8%, var(--chrome-hover));--inspector-control-fill:var(--chrome-surface);--inspector-control-focus:var(--chrome-focus);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-editor-color-mode=dark]{--chrome-canvas:#171717;--chrome-surface:var(--editor-panel);--chrome-popup-surface:color-mix(in srgb, var(--editor-panel) 60%, var(--editor-control));--chrome-hover:var(--editor-active);--chrome-control-surface:var(--editor-control);--chrome-raised-surface:var(--chrome-hover);--chrome-drop-shadow-color:transparent;--chrome-segment-track:var(--chrome-hover);--chrome-segment-shadow:none;--chrome-shadow-color:0deg 0% 0%;--chrome-shadow-elevation-medium:none;--chrome-text:var(--editor-text);--chrome-muted:var(--editor-muted);--chrome-icon:var(--editor-muted);--chrome-focus:var(--editor-text);--chrome-selection:var(--editor-text);--chrome-border:var(--editor-border);--inspector-control-bg:var(--chrome-control-surface);--inspector-control-hover:var(--chrome-hover);--inspector-control-fill:var(--chrome-raised-surface);--inspector-control-focus:var(--chrome-focus);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;border:0;margin:0;padding:0}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}ul,ol{list-style:none}button,input{color:inherit;background:0 0}svg{vertical-align:middle;display:block}[hidden]:not([hidden=until-found]){display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{width:100%;min-width:320px;height:100%;margin:0}body{background:var(--chrome-canvas);color:var(--chrome-text);font-family:var(--chrome-font);font-size:var(--type-body);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;position:relative;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.editor-shell{isolation:isolate;--selection:var(--chrome-selection);background:var(--chrome-canvas);width:100vw;height:100dvh;color:var(--chrome-text);overflow:hidden}.editor-grid{--sidebar-width:272px;--sidebar-track:calc(var(--sidebar-width) + 16px);--inspector-width:320px;grid-template-columns:var(--sidebar-track) minmax(0, 1fr);height:100dvh;padding:16px;transition:grid-template-columns .2s cubic-bezier(.2,.8,.2,1);display:grid;overflow:hidden}.editor-grid[data-sidebar-collapsed]{--sidebar-track:0px}.editor-sidebar{z-index:30;width:var(--sidebar-width,272px);background:var(--chrome-surface);max-width:calc(100vw - 32px);height:auto;min-height:0;max-height:calc(100dvh - 32px);color:var(--chrome-text);font-family:var(--chrome-font);border-radius:24px;flex-direction:column;align-self:start;margin:0;padding:12px;transition:width .2s,padding .2s,border-radius .2s,background-color .2s;display:flex;position:fixed;top:16px;left:16px;overflow:hidden}.editor-sidebar[data-collapsed]{pointer-events:none;background:0 0;border-radius:16px;width:48px;padding:8px}.sidebar-content-frame{min-height:0;overflow:hidden}.sidebar-panel-contents{flex-direction:column;width:248px;min-height:0;max-height:calc(100dvh - 56px);display:flex}.sidebar-header{flex-shrink:0;align-items:center;min-width:0;padding-right:40px;display:flex}.sidebar-identity{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sidebar-header h1{font-size:var(--type-title);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;line-height:24px;overflow:hidden}.sidebar-back,.sidebar-toggle{width:32px;height:32px;color:var(--chrome-icon);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;padding:0;text-decoration:none;transition:background-color .12s,color .12s;display:grid}.sidebar-back svg{stroke-width:2px;width:16px;height:16px}.sidebar-back:hover{background:var(--chrome-hover);color:var(--chrome-icon)}.sidebar-toggle{top:28px;left:calc(16px + var(--sidebar-width,272px) - 12px - 32px);z-index:1;isolation:isolate;pointer-events:auto;transition:top .2s,left .2s;position:fixed}.editor-sidebar[data-collapsed] .sidebar-toggle{top:32px;left:32px}.sidebar-toggle:before{content:"";z-index:0;border-radius:inherit;background:var(--chrome-hover);opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;inset:0}.sidebar-toggle:is(:hover,:focus-visible):before{opacity:1}.sidebar-toggle-glyph{z-index:1;pointer-events:none;width:24px;height:24px;position:absolute;inset:4px}.sidebar-toggle-icon{transform-origin:50%;width:24px;height:24px;display:block;position:absolute;inset:0}.sidebar-toggle-icon svg{flex-shrink:0;width:24px;height:24px;display:block;overflow:visible}.sidebar-navigation{scrollbar-width:thin;scrollbar-color:var(--chrome-focus) transparent;flex:0 auto;min-height:0;margin-top:16px;padding:4px;overflow-y:auto}.sidebar-groups,.sidebar-children{gap:var(--sidebar-row-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar-accordion-content{overflow:hidden}.sidebar-children{padding:var(--sidebar-row-gap) 4px var(--sidebar-row-gap) 24px}.sidebar-group-button,.sidebar-item{width:100%;max-width:100%;height:var(--sidebar-row-height);color:var(--chrome-text);font-size:var(--type-title);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-weight:500;line-height:24px;transition:background-color .12s,color .12s;display:flex}.sidebar-group-button[aria-expanded=true],.sidebar-group-button:hover{color:var(--chrome-text)}.sidebar-item:hover{background:var(--chrome-canvas);color:var(--chrome-text)}.sidebar-item[aria-current=page]{background:var(--chrome-canvas);color:var(--chrome-text);font-weight:500}.sidebar-back:focus-visible,.sidebar-toggle:focus-visible,.sidebar-group-button:focus-visible,.sidebar-item:focus-visible,.theme-library-link:focus-visible{outline:2px solid var(--chrome-focus);outline-offset:2px}.theme-library-page{width:min(400px,100%);color:var(--chrome-text);padding:32px}.theme-library-page h1{font-size:var(--type-title);margin:0 0 24px;font-weight:600;line-height:24px}.theme-library-link{background:var(--chrome-surface);min-height:48px;color:var(--chrome-text);font-size:var(--type-body);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;line-height:20px;text-decoration:none;display:flex}.theme-library-link:hover{background:var(--chrome-hover)}.theme-library-link+.theme-library-link{margin-top:8px}.theme-library-link svg{width:16px;height:16px;color:var(--chrome-muted)}.workbench{grid-column:2;grid-template-columns:minmax(0, 1fr) var(--inspector-width);background:0 0;gap:16px;min-width:0;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.component-canvas{min-width:0;min-height:0;color:var(--cte-text);font-family:var(--cte-font);border:0;border-radius:24px;place-items:center;transition:background-color .18s,color .18s;display:grid;position:relative;overflow:hidden}.specimen-anchor{place-items:center;min-width:48px;display:inline-grid}.component-states-canvas{scrollbar-width:thin;scrollbar-color:var(--chrome-border) transparent;width:100%;height:100%;min-height:0;overflow:auto}.component-live-example,.component-single-example{flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:100%;padding:120px 24px;display:flex}.component-states-canvas .component-live-example[hidden]{display:none}.component-single-example{-webkit-user-select:none;user-select:none}.combobox-example-option:focus-visible{outline:2px solid var(--chrome-selection);outline-offset:-4px}.combobox-composed-example{pointer-events:none;flex-direction:column;width:280px;min-width:0;max-width:100%;display:flex;position:relative}.combobox-example-label{margin-bottom:var(--space-xs);align-self:flex-start}.combobox-example-input,.combobox-example-option{justify-content:space-between;align-items:center;width:100%;min-width:0;display:flex}.combobox-example-placeholder{opacity:.45}.combobox-example-input>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.combobox-example-input svg,.combobox-example-option svg{flex-shrink:0;width:1em;height:1em}.combobox-example-popup{flex-direction:column;width:100%;display:flex}.combobox-example-option{text-align:left;pointer-events:auto;cursor:pointer}.inspector-part-state{float:right;color:var(--chrome-muted);font-size:12px}.canvas-mode-controls,.canvas-variant-controls{z-index:20;width:max-content;max-width:calc(100% - 32px);font-family:var(--chrome-font);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.canvas-mode-controls{flex-wrap:wrap;top:16px}.canvas-variant-controls{bottom:16px}.canvas-mode-controls .segmented-control,.canvas-variant-controls .segmented-control{background:var(--chrome-surface);box-shadow:0 0 0 1px var(--chrome-border), 0 4px 16px #00000014;border:0;border-radius:16px;gap:4px;padding:4px}.canvas-variant-controls .segmented-control{flex-wrap:wrap;justify-content:center}.canvas-mode-controls .segmented-control>button,.canvas-variant-controls .segmented-control>button{border-radius:12px;min-width:32px;height:32px;padding:0 8px}.canvas-mode-controls .segmented-control>button[data-active],.canvas-variant-controls .segmented-control>button[data-active]{background:var(--chrome-hover);box-shadow:none}.canvas-mode-controls .segmented-control>button svg{width:16px;height:16px}.field-specimen{gap:var(--space-xxs);flex-direction:column;width:300px;display:flex}.field-specimen>label,.field-specimen>.field-label{color:var(--cte-text);font-size:var(--size-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);line-height:var(--line-xs)}.field-specimen>span,.choice-specimen small{color:var(--cte-text-muted);font-size:var(--size-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular);line-height:var(--line-xs)}.choice-specimen{align-items:flex-start;gap:var(--space-s);min-width:320px;color:var(--cte-text);cursor:pointer;display:flex}.choice-specimen>[data-slot=checkbox],.choice-specimen>[data-slot=switch]{margin-top:2px}.choice-specimen>span:not(.themed-switch){gap:var(--space-zero);flex-direction:column;display:flex}.choice-specimen strong{font-size:inherit;font-weight:inherit;line-height:inherit}.inspector-panel{background:0 0;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden;container:inspector/inline-size}.inspector-header{background:var(--chrome-surface);border-radius:24px;flex:none;padding:16px}.inspector-header h2{color:var(--chrome-text);font-size:var(--type-display);margin:0;font-weight:600;line-height:24px}.inspector-header .segmented-control{width:100%;margin-top:12px;display:flex}.inspector-part-list{border:0;flex-direction:column;gap:4px;min-width:0;margin:12px 0 0;padding:0;display:flex}.inspector-part-option{min-height:40px;color:var(--chrome-text);font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:12px;padding:8px 44px 8px 12px;position:relative}.inspector-part-option:hover{background:color-mix(in srgb, var(--chrome-canvas) 50%, transparent)}.inspector-part-option[aria-pressed=true]{background:var(--chrome-canvas)}.inspector-part-check{width:16px;height:16px;color:var(--chrome-icon);visibility:hidden;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.inspector-part-option[aria-pressed=true] .inspector-part-check{visibility:visible}.inspector-part-option:focus-visible{outline:2px solid var(--chrome-text);outline-offset:2px}.component-canvas [data-part-preview],.combobox-positioner [data-part-preview]{position:relative}.component-canvas [data-part-preview]:after,.combobox-positioner [data-part-preview]:after{z-index:1;border-radius:inherit;box-shadow:0 0 0 2px var(--chrome-selection);pointer-events:none;content:"";position:absolute;inset:-4px}.inspector-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--chrome-border) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding:0;display:flex;overflow-y:auto}.inspector-section{background:var(--chrome-surface);border-radius:24px;flex:none;margin:0;padding:16px}.inspector-section h3{color:var(--chrome-muted);font-size:var(--type-body);margin:0 0 12px;font-weight:500;line-height:20px}.inspector-section-content{flex-direction:column;gap:12px;display:flex}.segmented-control{background:var(--chrome-hover);border:0;border-radius:10px;align-items:center;gap:2px;min-width:0;margin:0;padding:3px;display:inline-flex}.segmented-control>button{min-width:0;height:30px;color:var(--chrome-muted);font-size:var(--type-caption);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 auto;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-weight:550;line-height:1;display:inline-flex}.segmented-control>button:hover{color:var(--chrome-text)}.segmented-control>button[data-active]{color:var(--chrome-text);background:var(--chrome-surface);font-weight:650;box-shadow:0 1px 3px #18181b1a,0 0 0 1px #18181b09}.segmented-control>button svg{width:13px;height:13px}.segmented-control[data-compact]>button{width:32px;padding:0}.segmented-control[data-compact]>button span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.inspector-panel .segmented-control{background:var(--chrome-canvas);border-radius:16px;gap:4px;padding:4px}.inspector-panel .segmented-control>button{height:32px;color:var(--chrome-muted);font-size:var(--type-caption);border-radius:12px;flex:1 1 0;padding:0 4px;font-weight:500;transition:color .15s,background-color .15s,box-shadow .15s}.inspector-panel .segmented-control>button:hover{color:var(--chrome-text);background:var(--chrome-hover)}.inspector-panel .segmented-control>button[data-active]{color:var(--chrome-text);background:var(--inspector-control-fill);box-shadow:0 1px 2px #0f172a0f}.inspector-panel .segmented-control>button:focus-visible{outline:2px solid var(--inspector-control-focus);outline-offset:2px}@container inspector (max-width:260px){.inspector-header .segmented-control,.inspector-section .segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.property-label{color:var(--chrome-text);font-size:var(--type-body);font-weight:400}.color-swatch{background:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0/8px 8px;border-radius:8px;flex-shrink:0;width:20px;height:20px;display:block;overflow:hidden;box-shadow:0 0 0 1px #18181b14}.color-swatch>span{width:100%;height:100%;display:block}.property-slider-value{color:var(--chrome-muted);font:500 16px / 24px var(--chrome-font);font-variant-numeric:tabular-nums;flex-shrink:0}.property-slider{width:100%;min-width:0}.property-slider-control{--slider-edge:calc(4px + 28px / 2);height:36px;margin:0 var(--slider-edge);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:24px;padding:0;position:relative}.property-slider-track{border-radius:inherit;pointer-events:none;width:100%;height:100%;position:relative}.property-slider-track:before{content:"";inset:0 calc(-1 * var(--slider-edge));border-radius:inherit;position:absolute}.property-slider-fill:before{content:"";inset:0 calc(-1 * var(--slider-edge));border-radius:24px;position:absolute}.property-slider-stops{position:absolute;inset:0}.property-slider-stop{background:var(--chrome-text);opacity:.16;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;transform:translate(-50%,-50%)}.property-slider-heading{font:500 16px / 24px var(--chrome-font);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.property-slider-heading .property-label{min-width:0;font:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.property-slider-thumb{background:var(--theme-adjust-thumb-fill);width:28px;height:28px;box-shadow:var(--theme-adjust-thumb-shadow);border:0;border-radius:50%;transition:scale .16s}.property-slider-control[data-dragging] .property-slider-thumb{scale:1.08}.property-slider-control:has(:focus-visible) .property-slider-track:before{outline:2px solid var(--chrome-focus);outline-offset:4px}@media (prefers-reduced-motion:reduce){.inspector-panel .segmented-control>button,.property-slider-control,.property-slider-thumb{transition:none}}.pattern-preview{width:min(620px,100% - 72px);padding:var(--space-l);border-radius:var(--radius-l);background:var(--cte-surface);box-shadow:var(--border-shadow-s,0 0 0 var(--border-s) var(--cte-border)), var(--shadow-m);font-family:var(--cte-font);font-size:var(--cte-font-size);letter-spacing:var(--cte-letter-spacing);line-height:var(--cte-line-height);font-weight:var(--weight-ui-regular);border:0}.pattern-preview-header{justify-content:space-between;align-items:flex-start;gap:var(--space-m);margin-bottom:var(--space-l);display:flex}.pattern-preview h3{color:var(--cte-text);font-size:var(--size-l);letter-spacing:var(--letter-spacing-l);font-weight:var(--weight-brand-heavy);font-family:var(--font-brand);line-height:var(--line-l);margin:0}.pattern-preview p{margin:var(--space-xxs) 0 0;color:var(--cte-text-muted);font-size:var(--size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-xs)}.pattern-form{gap:var(--space-m);display:grid}.pattern-field{gap:var(--space-xxs);color:var(--cte-text);font-size:var(--size-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);line-height:var(--line-xs);display:grid}.pattern-switch-row{justify-content:space-between;align-items:center;gap:var(--space-l);padding:var(--space-xxs) 0;display:flex}.pattern-switch-row>div{gap:var(--space-zero);display:grid}.pattern-switch-row strong{color:var(--cte-text);font-size:inherit;font-weight:inherit}.pattern-switch-row span{color:var(--cte-text-muted);font-size:var(--size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-xs)}.pattern-actions{padding-top:var(--space-m);box-shadow:inset 0 var(--border-s) 0 var(--cte-border);justify-content:flex-end;display:flex}.table-frame{box-shadow:var(--border-shadow-s,0 0 0 var(--border-s) var(--cte-border));border-radius:var(--radius-m);overflow:hidden}.table-frame table{border-collapse:collapse;width:100%;color:var(--cte-text);font-size:var(--size-xs);letter-spacing:var(--letter-spacing-xs);line-height:var(--line-xs);text-align:left}.table-frame th{padding:var(--space-xs) var(--space-s);font-weight:var(--weight-ui-medium)}.table-frame td{padding:var(--space-s)}.table-frame tbody tr{box-shadow:inset 0 var(--border-s) 0 var(--cte-border)}.pattern-dependencies{flex-wrap:wrap;gap:6px;display:flex}.pattern-dependencies span{color:var(--chrome-muted);background:var(--chrome-surface);font-size:var(--type-caption);border-radius:7px;padding:7px 9px;font-weight:550}.pattern-inspector-copy{color:var(--chrome-muted);font-size:var(--type-caption);margin:0;line-height:18px}@media (max-width:1180px){.editor-grid{--inspector-width:280px}}@media (max-width:920px){.editor-grid{--sidebar-track:0px;--inspector-width:256px}}@media (max-width:680px){.editor-grid{--inspector-width:200px}.choice-specimen{min-width:min(280px,100vw - 90px)}.pattern-preview{width:calc(100% - 32px);padding:var(--space-m)}}@media (prefers-reduced-motion:reduce){.editor-grid,.editor-sidebar,.sidebar-back,.sidebar-toggle,.sidebar-toggle:before,.sidebar-group-button,.sidebar-item{transition:none}}.component-states-canvas[data-component=button]{padding-bottom:72px}.component-field-example{gap:var(--space-xs);flex-direction:column;width:280px;min-width:0;max-width:100%;display:flex}.component-choice-example{align-items:center;max-width:100%;display:flex}.component-static-example{pointer-events:none;position:relative}.choice-example-control{border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.choice-example-indicator{justify-content:center;align-items:center;display:flex}.choice-example-switch{position:relative}.choice-example-thumb{position:absolute}.animation-catalog{max-width:560px}.animation-curve{width:240px;margin:40px auto}.animation-curve svg{width:100%;display:block;overflow:visible}.animation-curve-grid{fill:none;stroke:var(--neutral-4);stroke-width:1px}.animation-curve-handle{stroke:var(--neutral-6);stroke-width:1px}.animation-curve-line{fill:none;stroke:var(--color-1);stroke-width:2px}.animation-curve circle{fill:var(--color-1)}.animation-demo{flex-direction:column;align-items:center;gap:40px;display:flex}.animation-travel{background:var(--neutral-3);border-radius:999px;width:240px;height:24px}.animation-travel>span{background:var(--color-1);width:24px;height:24px;animation:theme-travel var(--motion-duration) var(--motion-easing) both;border-radius:999px;display:block}.animation-popup-demo{gap:var(--space-xs);width:200px;padding:var(--space-m);border-radius:var(--radius-m);background:var(--neutral-1);box-shadow:var(--border-shadow-s,0 0 0 var(--border-s) var(--neutral-4-transparent)), var(--shadow-m);transform-origin:top;animation:theme-popup var(--motion-large-duration) var(--motion-large-easing) both;flex-direction:column;display:flex}.animation-popup-demo>span{width:100%;height:var(--space-xs);border-radius:var(--radius-xs);background:var(--neutral-3)}.animation-popup-demo>span:last-child{width:60%}.animation-replay{background:var(--chrome-surface);color:var(--chrome-text);box-shadow:0 0 0 1px var(--chrome-border);font:14px var(--chrome-font);cursor:pointer;border-radius:12px;align-items:center;gap:8px;margin:40px auto 0;padding:8px 12px;display:flex}.animation-replay svg{width:16px;height:16px}@keyframes theme-travel{0%{transform:translate(0)}to{transform:translate(216px)}}@keyframes theme-popup{0%{opacity:0;transform:scale(var(--motion-popup-scale))}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.animation-travel>span,.animation-popup-demo{animation:none}}.catalog-state-artwork{max-width:100%}.catalog-static-popup{width:320px;max-width:100%}.catalog-menu-open{width:max-content;max-width:100%}.catalog-state-artwork [data-menu-preview-open]{background-color:var(--ui-open-background);color:var(--ui-open-color);box-shadow:var(--ui-open-shadow)}.catalog-menu-open>:first-child{align-self:flex-start}.catalog-menu-popup.catalog-static-popup{width:calc(var(--size-s) * 15);max-width:none;max-height:none;overflow:visible}.catalog-sample-surface:not(.ui-modal){position:relative}.catalog-sample-footer{justify-content:flex-end;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.catalog-sample-surface .catalog-sample-close{top:var(--space-s);right:var(--space-s);position:absolute}.catalog-sample-surface:has(.catalog-sample-close) [data-ui-part=title]{padding-inline-end:var(--space-xl)}.catalog-drawer-handle{width:calc(var(--space-xl) * 2);height:var(--space-xxs);margin:0 auto var(--space-xs);border-radius:var(--radius-full);background:var(--neutral-4);display:block}.catalog-overlay-stack{align-items:center;max-width:100%}.catalog-overlay-stack>.ui-part{flex-shrink:0}.component-choice-example>:is(.themed-checkbox,.themed-switch){margin-inline-end:var(--control-gap)}.catalog-modal-stage{width:min(480px,100%);min-height:240px;padding:var(--space-l);border-radius:var(--radius-l);isolation:isolate;background-color:#0000;place-items:center;display:grid;position:relative;overflow:hidden}.catalog-modal-backdrop.ui-part{z-index:-1;border-radius:var(--ui-radius);padding:0;position:absolute;inset:0}.catalog-drawer-stage{align-items:end;padding-bottom:0}.catalog-modal-surface{width:100%;max-width:360px}.catalog-modal-surface>.ui-part{width:100%}.catalog-separator-example{gap:var(--space-m);color:var(--cte-text);font-size:var(--size-s);letter-spacing:var(--letter-spacing-s);flex-direction:column;display:flex}.catalog-state-artwork [data-simulated-state=hover],.component-single-example [data-simulated-state=hover],.component-single-example .ui-button[data-simulated-state=hover]>[data-ui-part=label]{--ui-background:var(--ui-hover-background);--ui-background-image:var(--ui-hover-background-image);--ui-bevel:var(--ui-hover-bevel);--ui-bevel-content:var(--ui-hover-bevel-content);--ui-color:var(--ui-hover-color);--ui-radius:var(--ui-hover-radius);--ui-shadow:var(--ui-hover-shadow);--ui-opacity:var(--ui-hover-opacity);--ui-filter:var(--ui-hover-filter);--ui-backdrop-filter:var(--ui-hover-backdrop-filter);--ui-elevation:var(--ui-hover-elevation);--ui-top:var(--ui-hover-top);--ui-bottom:var(--ui-hover-bottom);--ui-x:var(--ui-hover-x);--ui-left:var(--ui-hover-left);--ui-right:var(--ui-hover-right);--ui-gap:var(--ui-hover-gap);--ui-font:var(--ui-hover-font);--ui-size:var(--ui-hover-size);--ui-weight:var(--ui-hover-weight);--ui-line:var(--ui-hover-line);--ui-control:var(--ui-hover-control);--ui-edge:var(--ui-hover-edge);--ui-edge-width:var(--ui-hover-edge-width)}.catalog-state-artwork .lucide,.component-single-example .lucide{stroke-width:var(--icon-stroke-width,2)}.catalog-state-artwork [data-simulated-state=focus],.component-single-example [data-simulated-state=focus],.component-single-example .ui-button[data-simulated-state=focus]>[data-ui-part=label]{--ui-background:var(--ui-focus-background);--ui-background-image:var(--ui-focus-background-image);--ui-bevel:var(--ui-focus-bevel);--ui-bevel-content:var(--ui-focus-bevel-content);--ui-color:var(--ui-focus-color);--ui-radius:var(--ui-focus-radius);--ui-shadow:var(--ui-focus-shadow);--ui-opacity:var(--ui-focus-opacity);--ui-filter:var(--ui-focus-filter);--ui-backdrop-filter:var(--ui-focus-backdrop-filter);--ui-elevation:var(--ui-focus-elevation);--ui-top:var(--ui-focus-top);--ui-bottom:var(--ui-focus-bottom);--ui-x:var(--ui-focus-x);--ui-left:var(--ui-focus-left);--ui-right:var(--ui-focus-right);--ui-gap:var(--ui-focus-gap);--ui-font:var(--ui-focus-font);--ui-size:var(--ui-focus-size);--ui-weight:var(--ui-focus-weight);--ui-line:var(--ui-focus-line);--ui-control:var(--ui-focus-control);--ui-edge:var(--ui-focus-edge);--ui-edge-width:var(--ui-focus-edge-width)}.catalog-state-artwork [data-simulated-state=focus]:not(.ui-choice-row),.component-single-example [data-simulated-state=focus]:not(.ui-choice-row),.component-single-example[data-example=focus] :is(.themed-button,.themed-input,.choice-example-control,.combobox-example-input,.themed-checkbox,.themed-switch,.themed-select,.combobox-field){outline:var(--focus-ring-outline,max(2px, var(--border-m)) solid var(--cte-focus));outline-offset:var(--ui-edge-width,0px)}