.color-input-wrapper:where(.astro-x6rxqzwg){display:flex;flex-direction:column;gap:.375rem}.color-input-row:where(.astro-x6rxqzwg){display:flex;align-items:center;gap:.5rem}.color-swatch:where(.astro-x6rxqzwg){position:relative;width:2rem;height:2rem;border-radius:.375rem;border:1px solid var(--border);cursor:pointer;overflow:hidden;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a;transition:transform .1s,box-shadow .1s}.color-swatch:where(.astro-x6rxqzwg):hover{transform:scale(1.05);box-shadow:inset 0 0 0 1px #0000001a,0 2px 4px #0000001a}.native-picker:where(.astro-x6rxqzwg){position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.color-label:where(.astro-x6rxqzwg){font-size:.6875rem;font-weight:500;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;user-select:none}.color-label:where(.astro-x6rxqzwg):hover{color:var(--foreground)}.color-text-wrapper:where(.astro-x6rxqzwg){display:none}.color-input-wrapper:where(.astro-x6rxqzwg).editing .color-text-wrapper:where(.astro-x6rxqzwg){display:block}.color-text-input:where(.astro-x6rxqzwg){width:100%;padding:.25rem .375rem;font-size:.625rem;font-family:ui-monospace,monospace;border:1px solid var(--ring);border-radius:.25rem;background:var(--background);color:var(--foreground)}.color-text-input:where(.astro-x6rxqzwg):focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary) / .2}.oklch-sliders:where(.astro-x6rxqzwg){display:none;flex-direction:column;gap:.25rem;padding:.375rem;background:var(--muted);border-radius:.375rem}.color-input-wrapper:where(.astro-x6rxqzwg).expanded .oklch-sliders:where(.astro-x6rxqzwg){display:flex}.slider-row:where(.astro-x6rxqzwg){display:flex;align-items:center;gap:.375rem}.slider-label:where(.astro-x6rxqzwg){width:.75rem;font-size:.5rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase}.slider:where(.astro-x6rxqzwg){flex:1;height:.25rem;appearance:none;background:var(--border);border-radius:.125rem;cursor:pointer}.slider:where(.astro-x6rxqzwg)::-webkit-slider-thumb{appearance:none;width:.75rem;height:.75rem;border-radius:50%;background:var(--primary);border:2px solid var(--background);box-shadow:0 1px 3px #0003;cursor:pointer}.slider:where(.astro-x6rxqzwg)::-moz-range-thumb{width:.75rem;height:.75rem;border-radius:50%;background:var(--primary);border:2px solid var(--background);box-shadow:0 1px 3px #0003;cursor:pointer}.slider-value:where(.astro-x6rxqzwg){width:2rem;font-size:.5rem;font-family:ui-monospace,monospace;color:var(--muted-foreground);text-align:right}.color-input-palette:where(.astro-x6rxqzwg) .color-input-row:where(.astro-x6rxqzwg){flex-direction:column;align-items:center;gap:.5rem}.color-input-palette:where(.astro-x6rxqzwg) .color-swatch:where(.astro-x6rxqzwg){width:3rem;height:3rem;border-radius:50%}.color-input-palette:where(.astro-x6rxqzwg) .color-label:where(.astro-x6rxqzwg){text-align:center;font-size:.75rem;white-space:normal;overflow:visible;text-overflow:clip}.theme-tabs:where(.astro-dz5h74bc){gap:0}.theme-tab:where(.astro-dz5h74bc)[data-state=active]{color:var(--foreground)}.theme-tab:where(.astro-dz5h74bc)[data-state=inactive]{color:var(--muted-foreground)}.theme-tabs:where(.astro-dz5h74bc)[data-theme-tabs-preloaded] :where(.astro-dz5h74bc)[data-slot=tabs-indicator],.theme-tabs:where(.astro-dz5h74bc)[data-theme-tabs-preloaded] :where(.astro-dz5h74bc)[data-slot=tabs-trigger]{transition:none}.theme-tabs:where(.astro-dz5h74bc)[data-theme-tabs-preloaded] :where(.astro-dz5h74bc)[data-slot=tabs-list]{position:relative}.theme-tabs:where(.astro-dz5h74bc)[data-theme-tabs-preloaded] :where(.astro-dz5h74bc)[data-slot=tabs-trigger]{color:var(--muted-foreground)}.theme-tabs:where(.astro-dz5h74bc)[data-theme-tabs-preloaded][data-value=light] :where(.astro-dz5h74bc)[data-slot=tabs-trigger][data-value=light],.theme-tabs:where(.astro-dz5h74bc)[data-theme-tabs-preloaded][data-value=dark] :where(.astro-dz5h74bc)[data-slot=tabs-trigger][data-value=dark],.theme-tabs:where(.astro-dz5h74bc)[data-theme-tabs-preloaded][data-value=auto] :where(.astro-dz5h74bc)[data-slot=tabs-trigger][data-value=auto]{color:var(--foreground)}.theme-tabs:where(.astro-dz5h74bc)[data-theme-tabs-preloaded] :where(.astro-dz5h74bc)[data-slot=tabs-indicator]{top:2px;bottom:2px;height:calc(100% - 4px);width:calc((100% - 4px) / 3);left:2px}.theme-tabs:where(.astro-dz5h74bc)[data-theme-tabs-preloaded][data-theme-choice-index="1"] :where(.astro-dz5h74bc)[data-slot=tabs-indicator]{left:calc(2px + ((100% - 4px) / 3))}.theme-tabs:where(.astro-dz5h74bc)[data-theme-tabs-preloaded][data-theme-choice-index="2"] :where(.astro-dz5h74bc)[data-slot=tabs-indicator]{left:calc(2px + (((100% - 4px) / 3) * 2))}