.appearance-trigger{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid var(--line);border-radius:100px;background:var(--teal);color:#fff;font:500 12px var(--sans);box-shadow:0 4px 20px #0002}.appearance-trigger>span{font-size:20px}.appearance-trigger:hover{filter:brightness(1.15)}
.appearance-panel{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:27px;border:1px solid var(--line);border-radius:18px;background:var(--cream);color:var(--ink)}.appearance-panel::backdrop{background:#13251f66;backdrop-filter:blur(4px)}.appearance-heading{display:flex;align-items:center;justify-content:space-between}.appearance-kicker{font:600 9px var(--sans);letter-spacing:1.8px;color:var(--muted)}.appearance-close{display:grid;place-items:center;border:0;background:transparent;color:var(--ink);font:28px var(--sans);width:36px;height:36px;border-radius:50%;padding:0}.appearance-panel h2{font:400 39px var(--serif);letter-spacing:-1px;margin:12px 0 8px}.appearance-panel>p{font:12px/1.7 var(--sans);color:var(--muted);margin:0 0 22px}.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-option{display:flex;flex-direction:column;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-family:var(--sans);gap:7px}.appearance-option[aria-pressed=true]{border:2px solid var(--teal);padding:11px;box-shadow:0 0 0 2px var(--sage)}.appearance-swatches{display:flex;overflow:hidden;width:100%;height:37px;border-radius:5px}.appearance-swatches i{width:33.33%;background:hsl(var(--swatch-hue) calc(35% * var(--swatch-saturation)) 24%)}.appearance-swatches i:nth-child(2){background:hsl(var(--swatch-hue) calc(28% * var(--swatch-saturation)) 76%)}.appearance-swatches i:nth-child(3){background:hsl(var(--swatch-hue) calc(25% * var(--swatch-saturation)) 94%)}.appearance-name{font-size:12px;font-weight:600;display:flex;width:100%;justify-content:space-between}.appearance-check{visibility:hidden}.appearance-option[aria-pressed=true] .appearance-check{visibility:visible}.appearance-description{font-size:10px;color:#626b66}.appearance-panel .appearance-note{font-size:10px;line-height:1.6;margin:18px 0;color:var(--muted)}.appearance-done{width:100%;border:0;background:var(--teal);color:#fff;border-radius:7px;padding:12px;font:500 12px var(--sans)}.appearance-panel button:focus-visible,.appearance-trigger:focus-visible{outline:3px solid var(--teal);outline-offset:4px}@media(max-width:600px){.appearance-trigger{right:14px;bottom:14px;padding:9px 13px;font-size:11px}.appearance-panel{padding:22px}.appearance-panel h2{font-size:34px}.page-footer,.site-footer{padding-bottom:85px}}