.variable-menu-search{color:#686868;border-bottom:1px solid #0000001a;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.variable-menu-search input{width:100%;min-width:0;height:100%;color:inherit;font:inherit;background:0 0;border:0;outline:none;padding:0}.variable-menu-scroll{overscroll-behavior:contain;overflow:hidden auto}.variable-menu-list{margin:0;padding:0;list-style:none;position:relative}.variable-menu-row{position:absolute;top:0;left:8px;right:8px}.variable-menu-group-label{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;color:#2c2c2c;height:100%;padding:8px;font-size:12px;font-weight:500;line-height:16px;overflow:hidden}.variable-menu-group-parents{color:#888}.variable-menu-item{box-sizing:border-box;width:100%;height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;display:flex}.variable-menu-item:hover{background:#00000006}.variable-menu-item[data-selected]{background:#0000000a}.variable-menu-item-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.variable-menu-empty{color:#888;padding:8px 16px;font-size:11px}.variable-menu-thumbnail{height:100%;padding:3px}.variable-menu-thumbnail[data-selected]{box-shadow:inset 0 0 0 1px #0006}[data-thumbnail-size=large] .variable-menu-thumbnail{border-radius:0;padding:0}.variable-menu-item:focus-visible{outline:none}.variable-menu-item[data-highlighted]:not([data-selected]){background:#00000006}.variable-menu-tooltip-trigger{height:100%;display:block}.color-mix-panel{flex-direction:column;display:flex}.color-mix-preview{aspect-ratio:1;background:conic-gradient(#ddd 25%, #fff 0 50%, #ddd 0 75%, #fff 0) 0 0 / 12px 12px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.color-mix-preview>span{position:absolute;inset:0}.color-mix-preview em{text-align:center;color:#555;padding:56px 12px;display:block;position:relative}.color-mix-content{gap:var(--color-popover-gap);padding:var(--color-popover-padding);flex-direction:column;display:flex}.color-mix-heading{justify-content:flex-end;align-items:center;font-size:11px;display:flex}.color-mix-actions,.color-mix-methods{align-items:center;gap:4px;display:flex}.color-mix-methods>[data-component=control-dropdown]{flex:1;min-width:0}.color-mix-source{flex-direction:column;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:4px;min-width:0;display:grid}.color-mix-weight{grid-area:1/1;width:auto}.color-mix-expression{font-size:10px}.color-mix-expression textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:70px;color:inherit;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;margin-top:6px;padding:6px;font:10px/1.5 monospace;display:block}.color-mix-error{color:#aa2424;margin:0;font-size:10px}.color-mix-spectrum-wrap{padding:8px 6px}.color-mix-probes{display:none}.color-mix-spectrum{touch-action:none;cursor:ew-resize;background:conic-gradient(#ddd 25%, #fff 0 50%, #ddd 0 75%, #fff 0) 0 0 / 8px 8px;border-radius:999px;outline:none;height:16px;position:relative;box-shadow:0 0 0 1px #0002}.color-mix-spectrum-paint{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.color-mix-spectrum canvas{width:100%;height:100%;display:block}.color-mix-spectrum-midpoint{pointer-events:none;background:#fff;border:2px solid #fff;border-radius:3px;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 1px #0004}.color-mix-spectrum-midpoint>span{border-radius:1px;position:absolute;inset:0}.color-mix-spectrum:focus-visible{outline-offset:4px;outline:2px solid #6d5ce7}.color-mix-source>[data-component=control]{grid-area:1/2}.color-mix-actions{flex-shrink:0}.color-mix-symbol{width:calc(var(--color-swatch-height) * 1.375);height:var(--color-swatch-height);flex-shrink:0;display:inline-flex;position:relative}.color-mix-symbol>span{width:var(--color-swatch-height);height:var(--color-swatch-height);border-radius:50%;position:absolute;top:0;overflow:hidden}.color-mix-symbol>span:last-child{right:0}.color-mix-symbol-lens{top:0;left:calc(var(--color-swatch-height) * -.375);width:var(--color-swatch-height);height:var(--color-swatch-height);box-shadow:0 0 0 .5px var(--control-surface-background);border-radius:50%;position:absolute}.color-mix-weight [data-slot=control-leading]{display:none}.color-mix-weight [data-component=control]{padding-left:8px}.color-variable-resolution{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.color-css-suggestions{border:0;flex-wrap:wrap;gap:4px;min-width:0;margin:0;padding:0;display:flex}.color-css-suggestions button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:999px;padding:2px 7px;font-size:10px;line-height:14px}.color-css-suggestions button:hover:not(:disabled){border-color:#0006}.color-css-suggestions button[aria-pressed=true]{color:#2563eb;border-color:#3b82f6}.color-css-suggestions button:focus-visible{outline-offset:1px;outline:2px solid #60a5fa}.color-css-suggestions button:disabled{opacity:.4;cursor:default}.variable-menu-thumbnail .color-variable-swatch{border-radius:4px;width:100%;height:100%}[data-thumbnail-size=large] .color-variable-swatch{box-shadow:none;border-radius:0}.color-swatch{width:var(--color-swatch-width);height:var(--color-swatch-height);border-radius:var(--color-swatch-radius);--swatch-checker:repeating-conic-gradient(var(--color-checker-dark) 0% 25%, var(--color-checker-light) 0% 50%) 0 0 / var(--color-checker-size) var(--color-checker-size);background:var(--swatch-checker);flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.color-swatch-paint,.color-swatch-opaque{position:absolute;inset:0}.color-swatch-opaque{background:rgb(from var(--swatch-color) r g b / 1);right:50%}.color-swatch[data-kind=mix]{width:calc(var(--color-swatch-height) * 1.375);background:0 0}.color-swatch[data-kind=mix]>.color-swatch-paint{visibility:hidden}.variable-menu-thumbnail .color-swatch[data-kind=mix]{background:var(--swatch-checker);width:100%}.variable-menu-thumbnail .color-swatch[data-kind=mix]>.color-swatch-paint{visibility:visible}.variable-menu-thumbnail .color-swatch[data-kind=mix]>.color-mix-symbol{display:none}.color-swatch-mixed{background:var(--control-surface-background);height:100%;color:var(--control-muted-color);font-size:var(--control-font-size);place-items:center;line-height:1;display:grid}.color-popover,.color-contrast-colors-popup{box-shadow:0 0 0 1px #0000000d,0 2px 21px #0000000a,0 2px 35px #00000014}.color-popover{box-sizing:border-box;width:var(--color-popover-width);border-radius:var(--color-popover-radius);background:var(--editor-panel-background-color);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);max-width:calc(100vw - 24px);height:auto;max-height:min(620px,100dvh - 24px);color:var(--control-text-color);font:var(--control-font-size) / 1.4 Inter, sans-serif;border:0;outline:none;padding:0;overflow:hidden auto}.color-popover-positioner{z-index:auto}.color-popover button:not([data-component=control-dropdown]),.color-popover input:not([data-slot=control-input]),.color-popover select{font:inherit}.color-popover button:not([data-component=control-dropdown]),.color-popover select{cursor:pointer}.color-popover button:disabled,.color-popover-trigger:disabled{opacity:.45;cursor:default}.color-popover button:not([data-component=control-dropdown]):focus-visible,.color-popover input:not([data-slot=control-input],[type=search]):focus-visible,.color-popover select:focus-visible,.color-popover-trigger:focus-visible{outline-offset:2px;outline:1px solid #00000040}.color-popover-header,.color-popover-tools{align-items:center;gap:8px;display:flex}.color-popover-header{touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;height:var(--color-popover-header-height);border-bottom:1px solid var(--control-outline);justify-content:flex-start;gap:2px;padding:5px}.color-popover-header h2{margin:0;font-size:12px;font-weight:600}.color-popover-icon-button{width:var(--control-height);height:var(--control-height);border-radius:var(--control-radius);color:inherit;background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.color-popover-icon-button:hover:not(:disabled){background:var(--control-hover-background)}.color-popover-surfaces{position:relative}.color-popover-surfaces canvas{clip-path:inset(0 0 72px);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.color-popover-surfaces canvas[hidden]{display:none}.color-popover-plane{touch-action:none;cursor:default;border:0;min-width:0;margin:0;padding:0;position:absolute;inset:0 0 auto;overflow:clip}.color-popover-thumb{box-sizing:border-box;width:var(--color-handle-size);height:var(--color-handle-size);border:var(--color-handle-border-width) solid white;pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000017}.color-popover-track{left:calc(var(--color-popover-padding) + var(--control-height) + var(--color-popover-gap));width:calc(100% - 2 * var(--color-popover-padding) - var(--control-height) - var(--color-popover-gap));height:var(--color-track-height);appearance:none;cursor:pointer;background:0 0;border-radius:999px;margin:0;position:absolute;box-shadow:inset 0 0 0 1px #00000015}.color-popover-track::-webkit-slider-runnable-track{height:var(--color-track-height);background:0 0}.color-popover-track::-moz-range-track{height:var(--color-track-height);background:0 0}.color-popover-track::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--color-handle-size);height:var(--color-handle-size);margin-top:calc((var(--color-track-height) - var(--color-handle-size)) / 2);border:var(--color-handle-border-width) solid white;background:currentColor;border-radius:50%;box-shadow:0 0 0 1px #00000017}.color-popover-track::-moz-range-thumb{box-sizing:border-box;width:var(--color-handle-size);height:var(--color-handle-size);border:var(--color-handle-border-width) solid white;background:currentColor;border-radius:50%;box-shadow:0 0 0 1px #00000017}.color-popover-picker{isolation:isolate;position:relative}.color-popover-tools{left:var(--color-popover-padding);position:absolute;transform:translateY(-50%)}.color-popover-value-row{gap:var(--color-popover-gap);margin:0 var(--color-popover-padding) var(--color-popover-padding);flex-direction:column;display:flex}.color-popover-comparison,.color-popover-swatch{background:conic-gradient(#ddd 25%, white 0 50%, #ddd 0 75%, white 0) 0 0 / 8px 8px;display:inline-flex;overflow:hidden}.color-popover-comparison{width:40px;height:var(--control-height);border-radius:var(--control-radius);border:1px solid #0002}.color-popover-comparison>span{width:50%;height:100%}.color-popover-fields{grid-template-columns:repeat(3, minmax(0, 1fr)) var(--control-end-width);gap:var(--control-split-gap);border-radius:var(--control-radius);flex:1 1 0;min-width:0;display:grid}.color-popover-value-control input{width:100%;padding-inline:var(--control-input-padding-start)}.color-popover-unit{width:9px;margin-right:var(--control-padding-x);color:var(--control-muted-color)}.color-popover-swatch{border-radius:var(--control-radius);border:1px solid #0002;flex-shrink:0;width:20px;height:20px;padding:0}.color-popover-swatch>span{width:100%;height:100%}.color-popover-error{color:#b42318;margin:8px 0 0;font-size:11px;display:block}.color-popover-render-error{pointer-events:none;text-align:center;position:absolute;top:60px;left:12px;right:12px}.color-popover-trigger{border-radius:var(--control-radius);color:var(--control-text-color);font:var(--control-font-size) / 1.4 Inter, sans-serif;cursor:pointer;background:#fff;border:1px solid #ddd;align-items:center;gap:8px;padding:6px 8px;display:inline-flex}.color-popover-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.color-popover,.color-popover-thumb{border-color:canvastext}.color-popover-surfaces canvas,.color-popover-swatch,.color-popover-comparison{forced-color-adjust:none}}.color-popover-types{border:0;gap:6px;min-width:0;margin:0 auto 0 0;padding:0;display:flex}.color-popover-types .color-popover-icon-button{border-radius:50%}.color-popover-types [aria-pressed=true]{background:#0000000f}.color-popover-text-fields{grid-template-columns:minmax(0, 1fr) var(--control-end-width)}.color-popover-text-control{padding-inline:0}.color-popover-text-control [data-slot=control-input]{padding-inline-start:var(--control-padding-x)}.color-popover-text-control input[aria-invalid=true]{color:#b42318}.color-popover-approximation{width:6px;height:6px;box-shadow:none;background:#fff;border:0}.color-popover-approximation-link{pointer-events:none;border-top:1px dotted #ffffff8c;position:absolute;transform:translateY(-50%)}.color-popover-tooltip-trigger{display:inline-flex}.color-popover-tooltip-trigger>button:disabled{pointer-events:none}.color-wheel-surface{position:relative}.color-wheel{aspect-ratio:1;touch-action:none;border:0;width:100%;min-width:0;margin:0;padding:0;position:absolute;inset:0 0 auto;overflow:clip}.color-wheel-ring{pointer-events:none;border-radius:50%;position:absolute;inset:3.79%;-webkit-mask:radial-gradient(circle closest-side,#0000 81.9%,#000 82%);mask:radial-gradient(circle closest-side,#0000 81.9%,#000 82%)}.color-wheel canvas,.color-wheel-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.color-popover-value-control{font-size:var(--control-font-size);border-radius:0}.color-channel-field [data-component=control]{border-radius:0}.color-channel-field:first-child [data-component=control]{border-radius:var(--control-radius) 0 0 var(--control-radius)}.color-channel-field:last-child [data-component=control]{border-radius:0 var(--control-radius) var(--control-radius) 0}.color-popover-channel{padding-inline:var(--control-input-padding-start)}.color-text-contrast{box-sizing:border-box;color:#373737;background:#fff;align-items:center;gap:5px;width:100%;min-height:28px;margin-bottom:4px;padding:2px 8px 2px 12px;font:11px/1.2 Inter,sans-serif;display:flex}.color-text-contrast-visibility[aria-pressed=true]{color:#2c2c2c;background:#0000000d}.color-text-contrast-values{white-space:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.color-text-contrast-ratio{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.color-text-contrast-level{color:#222;background:0 0;border:0;align-items:center;gap:4px;margin-left:auto;padding:0;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.color-contrast-guide{z-index:2;pointer-events:none;border-radius:var(--control-radius);width:100%;height:256px;position:absolute;top:0;left:0;overflow:hidden}.color-contrast-guide[data-wheel]{aspect-ratio:1;height:auto}.color-contrast-colors-trigger,.color-popover button.color-contrast-colors-trigger{height:var(--control-height);color:inherit;font:inherit;cursor:default;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:0;font-size:12px;display:inline-flex}.color-contrast-colors-trigger:hover,.color-contrast-colors-trigger[data-popup-open]{background:0 0}.color-contrast-colors-trigger:focus-visible{outline-offset:1px;outline:2px solid #6d5ce7}.color-contrast-pair{flex-shrink:0;width:16px;height:16px;display:block}.color-contrast-colors-positioner{z-index:auto}.color-contrast-colors-popup{background:var(--editor-panel-background-color);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);color:#222;font:var(--control-font-size) / 1.4 Inter, sans-serif;border:0;border-radius:10px;gap:4px;padding:10px 12px;display:grid}.color-contrast-color-row{min-height:var(--control-height);grid-template-columns:76px 16px minmax(54px,auto) auto;align-items:center;gap:8px;display:grid}.color-contrast-color-label,.color-contrast-color-alpha{color:gray}.color-contrast-color-swatch{box-sizing:border-box;border-radius:var(--control-radius);border:1px solid #0000001f;width:16px;height:16px}.color-contrast-color-code{font-variant-numeric:tabular-nums}.color-text-contrast-level:enabled{cursor:pointer}.color-popover .color-text-contrast-level:disabled{opacity:1}.color-apca-guidance{white-space:normal;color:#666;width:min(300px,100vw - 48px);font-size:11px}.color-apca-guidance p{margin:6px 0}.color-apca-guidance a{text-decoration:underline}.color-channel-field{flex-direction:column;gap:4px;min-width:0;display:flex}.color-channel-caption{text-align:center;height:14px;font-size:var(--color-channel-label-size);color:var(--color-channel-label-color);line-height:14px}.color-channel-field-scrubbable{padding-bottom:18px}.color-channel-caption.color-channel-scrubber{width:100%;height:14px;font-weight:400;position:absolute;top:calc(100% + 4px);left:0}.color-popover-channel{text-align:center}.color-popover-icon-button>svg{width:var(--control-icon-size);height:var(--control-icon-size)}.color-value-control[data-component=control]{--control-background:var(--control-surface-background);border-radius:var(--control-radius);box-shadow:none;background:0 0;outline:none}.color-value-control[data-component=control]:before{content:"";inset:0 calc(var(--control-end-width) + var(--control-split-gap)) 0 0;z-index:-1;border-radius:var(--control-radius) 0 0 var(--control-radius);background:var(--control-background);transition:background-color .12s,box-shadow .12s;position:absolute}.color-value-control[data-component=control]:not([data-disabled]):hover{--control-background:var(--control-hover-background)}.color-value-control[data-component=control]:not([data-disabled]):is(:focus-within,[data-dragging]){--control-background:var(--control-focus-background);--color-control-focus:0 0 0 var(--control-outline-focus-width) var(--control-outline-focus)}.color-value-control[data-component=control]:before,.color-opacity-control [data-component=control]{box-shadow:var(--color-control-focus,none)}.color-control-leading,.color-swatch-trigger{height:var(--control-height);width:var(--control-start-width);-webkit-user-select:none;user-select:none;flex-shrink:0;place-items:center;display:grid}.color-swatch-trigger{background:0 0;border:0;padding:0}.color-control-leading+div{padding-left:var(--control-input-padding-start)}.color-opacity-control{width:var(--control-end-width);margin-left:var(--control-split-gap);position:relative}.color-opacity-control [data-component=control]{--control-input-padding-end:calc(var(--control-padding-x) + 9px);background:var(--control-background);border-radius:0 var(--control-radius) var(--control-radius) 0;outline:none}.color-opacity-control [data-slot=control-leading]{right:var(--control-padding-x);width:9px;color:var(--control-muted-color);position:absolute}.color-opacity-control .dimension-control-expression-input{text-align:right;padding-left:var(--control-input-padding-start)}.color-value-control-token:not([data-disabled]),.color-value-control-token:not([data-disabled]) :is(.color-expression-native-input,[data-slot=control-leading],[data-slot=control-leading] input,.color-token-action-slot button){cursor:default}.color-value-control[data-disabled] [data-component=control]{background-image:none!important}.color-input-scrub-overlay{color:inherit;font:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;line-height:1;display:flex;position:absolute;inset:0;overflow:hidden}.color-value-control[data-option-scrub] .color-input-scrub-overlay{z-index:2;pointer-events:auto}.color-expression-native-input{z-index:1;color:#0000;caret-color:var(--control-text-color);text-transform:inherit;position:relative}.color-expression-native-input,.color-input-scrub-overlay{font-kerning:none;font-variant-ligatures:none;font-variant-numeric:tabular-nums}.color-input-text-selection{z-index:-1;height:var(--control-height);background:#0000001a;position:absolute;top:50%;transform:translateY(-50%)}[data-color-adjustment-active] .color-input-text-selection{display:none}.color-input-scrub-overlay [data-expression-scrubbable]{height:var(--control-height);vertical-align:baseline;align-items:center;display:inline-flex}[data-color-adjustment-active] .color-expression-native-input::selection{background:0 0}[data-color-text-selected] .color-expression-native-input::selection{background:0 0}.color-input-scrub-overlay [data-expression-syntax=variable]{color:inherit;border-radius:2px}.color-input-scrub-overlay [data-color-variable-label]{height:var(--control-chip-height);border-radius:var(--control-chip-radius);background:var(--control-chip-background);font-size:inherit;vertical-align:middle;align-items:center;padding-inline:6px;display:inline-flex}[data-color-single-variable] [data-color-variable-label]{background:var(--control-chip-background);padding-inline:6px}.color-token-action-slot{opacity:1;pointer-events:auto;transition:opacity .12s}.color-token-action-slot button:hover{background-color:#0000}.color-value-control:is(:hover,:focus-within) .color-token-action-slot{opacity:1;pointer-events:auto}.color-value-control:has(.color-token-action-slot [aria-expanded=true]) .color-token-action-slot{opacity:1;pointer-events:auto}@media (hover:none){.color-token-action-slot{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.color-value-control[data-component=control],.color-value-control [data-component=control],.color-token-action-slot{transition:none}}.color-value-control:hover [data-color-variable-label]{background:var(--control-chip-hover-background)}