.sh-strip{gap:6px;display:flex}.sh-tile{flex:var(--ar) 1 0;min-width:0}@media (min-width:768px){.sh-strip[data-phones] .sh-tile{flex:0 0 clamp(190px,17vw,270px)}}.sh-frame{aspect-ratio:var(--ar);background:var(--muted);display:block;overflow:hidden}.sh-pic{transition:filter .35s}@media (prefers-reduced-motion:reduce){.sh-pic{transition:none}}.sh-shelf:has(#sh-blur:checked) .sh-pic{filter:blur(32px)}.sh-shelf:has(#sh-mute:checked) .sh-pic{filter:grayscale()}.sh-shelf:has(#sh-blur:checked):has(#sh-mute:checked) .sh-pic{filter:blur(32px)grayscale()}:is(.sh-shelf:has(#sh-web:checked) .sh-row:not([data-for~=web]),.sh-shelf:has(#sh-mobile:checked) .sh-row:not([data-for~=mobile]),.sh-shelf:has(#sh-ai:checked) .sh-row:not([data-for~=ai])),:is(.sh-shelf:has(#sh-web:checked) .sh-tile:not([data-for~=web]),.sh-shelf:has(#sh-mobile:checked) .sh-tile:not([data-for~=mobile]),.sh-shelf:has(#sh-ai:checked) .sh-tile:not([data-for~=ai])){display:none}.sh-opt{border:1px solid var(--border);cursor:pointer;align-items:center;height:2.25rem;padding-inline:.875rem;font-size:.875rem;font-weight:500;display:inline-flex;position:relative}.sh-opt:hover{background:var(--muted)}.sh-opt:has(input:checked){background:var(--foreground);color:var(--background);border-color:var(--foreground)}.sh-opt:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.sh-opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}@media (max-width:767px){.sh-strip{scroll-snap-type:x proximity;padding-inline:1rem;overflow-x:auto}.sh-tile{width:calc(var(--ar) * 12.5rem);scroll-snap-align:start;flex:none}}