:root{--fx-lenses-shade:4 6 13;--fx-lenses-shade-k:1}.theme-light{--fx-lenses-shade:16 18 35;--fx-lenses-shade-k:.55}.fx-lenses-graded .maplibregl-canvas,.fx-lenses-crossfade,.fx-lenses-film{filter:var(--fx-lens-filter,none);transition:filter var(--fx-lens-ms,.45s) var(--ease-settle)}.fx-lenses-crossfade{z-index:1;opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fx-lenses-vignette{pointer-events:none;position:absolute;inset:0}.fx-lenses-vignette>span{opacity:0;transition:opacity var(--fx-lens-ms,.45s) var(--ease-settle);position:absolute;inset:0}.fx-lenses-vignette>span[data-on]{opacity:1}.fx-lenses-frame{transition:opacity var(--fx-lens-ms,.45s) var(--ease-settle)}.fx-lenses-frame[data-off]{opacity:0}.fx-lenses-chip:after{content:"";border:1px solid var(--accent);border-radius:inherit;pointer-events:none;opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .16s var(--ease-settle), clip-path 0s linear .16s;position:absolute;inset:-1px}.fx-lenses-chip[aria-pressed=true]:after{opacity:1;clip-path:inset(0);transition:opacity 0s, clip-path .36s var(--ease-settle)}.fx-lenses-swatch{background:var(--bg);opacity:.58;filter:saturate(.6);width:40px;height:24px;transition:opacity .16s var(--ease-settle), filter .16s var(--ease-settle);border-radius:6px;flex:none;display:block;position:relative;overflow:hidden}.fx-lenses-swatch:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border-strong);pointer-events:none;position:absolute;inset:0}.fx-lenses-swatch>svg{display:block}.fx-lenses-swatch[data-lit]{opacity:1;filter:none;animation:fx-lenses-ignite .32s var(--ease-settle)}.fx-lenses-swatch[data-lit]:after{box-shadow:inset 0 0 0 1px var(--border-accent), 0 0 12px #ffb65c24}.theme-light .fx-lenses-swatch[data-lit]:after{box-shadow:inset 0 0 0 1px var(--border-accent)}@keyframes fx-lenses-ignite{0%{opacity:.58;filter:brightness(1.6)saturate(.6);transform:scale(.985)}to{opacity:1;filter:brightness()saturate();transform:none}}.fx-lenses-row{transition:background-color .16s var(--ease-settle)}.fx-lenses-row:has(input:checked){background:color-mix(in srgb, var(--surface-raised) 72%, transparent)}@media (prefers-reduced-motion:reduce){.fx-lenses-graded .maplibregl-canvas,.fx-lenses-crossfade,.fx-lenses-film,.fx-lenses-vignette>span,.fx-lenses-frame,.fx-lenses-swatch,.fx-lenses-row,.fx-lenses-chip:after,.fx-lenses-chip[aria-pressed=true]:after{transition:none}.fx-lenses-swatch[data-lit]{animation:none}}:root[data-motion=reduced] .fx-lenses-graded .maplibregl-canvas,:root[data-motion=reduced] .fx-lenses-crossfade,:root[data-motion=reduced] .fx-lenses-film,:root[data-motion=reduced] .fx-lenses-film path,:root[data-motion=reduced] .fx-lenses-film circle,:root[data-motion=reduced] .fx-lenses-vignette>span,:root[data-motion=reduced] .fx-lenses-frame,:root[data-motion=reduced] .fx-lenses-swatch,:root[data-motion=reduced] .fx-lenses-row,:root[data-motion=reduced] .fx-lenses-chip:after,:root[data-motion=reduced] .fx-lenses-chip[aria-pressed=true]:after{transition:none}:root[data-motion=reduced] .fx-lenses-swatch[data-lit]{animation:none}@media (forced-colors:active){.fx-lenses-chip[aria-pressed=true]:after{border-color:highlight}.fx-lenses-swatch{forced-color-adjust:none;opacity:1;filter:none}.fx-lenses-swatch:after{box-shadow:inset 0 0 0 1px canvastext}}