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