.ax-theme-selector{align-items:center;gap:var(--ax-space-xs);display:inline-flex}.ax-theme-selector__mode,.ax-theme-selector__shape{width:2rem;height:2rem;font-size:var(--ax-font-size-base);color:var(--ax-text-muted);border:var(--ax-border-width) solid transparent;border-radius:var(--ax-radius-sm);cursor:pointer;transition:color var(--ax-transition-fast), background-color var(--ax-transition-fast), border-color var(--ax-transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ax-theme-selector__mode:hover,.ax-theme-selector__shape:hover{color:var(--ax-text);background-color:var(--ax-bg-tertiary);border-color:var(--ax-border)}.ax-theme-selector__mode:focus-visible{outline:2px solid var(--ax-accent);outline-offset:2px}.ax-theme-selector__shape:focus-visible{outline:2px solid var(--ax-accent);outline-offset:2px}.ax-theme-selector__mode--active,.ax-theme-selector__shape--active{color:var(--ax-accent);border-color:var(--ax-accent)}.ax-theme-selector__theme-wrap{align-items:center;display:inline-flex;position:relative}.ax-theme-selector__theme-wrap:after{content:"";right:var(--ax-space-xs);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--ax-text-muted);pointer-events:none;width:0;height:0;transition:border-color var(--ax-transition-fast);position:absolute;top:50%;transform:translateY(-50%)}.ax-theme-selector__theme-wrap:hover:after{border-top-color:var(--ax-accent)}.ax-theme-selector__theme-wrap .ax-theme-selector__theme{appearance:none;padding-right:var(--ax-space-lg)}.ax-theme-selector__theme{padding:var(--ax-space-xs) var(--ax-space-sm);font-family:var(--ax-font-family);font-size:var(--ax-font-size-xs);color:var(--ax-text);background-color:var(--ax-bg-tertiary);border:var(--ax-border-width) solid var(--ax-border);border-radius:var(--ax-radius-sm);cursor:pointer;transition:color var(--ax-transition-fast), background-color var(--ax-transition-fast), border-color var(--ax-transition-fast)}.ax-theme-selector__theme:hover{border-color:var(--ax-accent)}.ax-theme-selector__theme:focus-visible{outline:2px solid var(--ax-accent);outline-offset:2px}@media (width<=640px){.ax-theme-selector{gap:2px}.ax-theme-selector__mode,.ax-theme-selector__shape{width:1.75rem;height:1.75rem;font-size:var(--ax-font-size-sm)}.ax-theme-selector__theme{font-size:var(--ax-font-size-xs);padding:2px var(--ax-space-xs)}.ax-theme-selector__theme-wrap .ax-theme-selector__theme{padding-right:var(--ax-space-md)}}