.sf-panel{transition:translate .25s var(--ease-expo,ease-out),box-shadow .25s var(--ease-expo,ease-out),border-color .3s ease-out;height:auto;display:flex;flex-direction:column}.sf-panel>:not(.sf-lit){position:relative}.sf-panel[data-featured] .sf-lit{opacity:.6}.sf-panel[data-featured]:focus-within .sf-lit,.sf-panel[data-featured]:hover .sf-lit{opacity:1}.sf-panel:focus-within .sf-lit{opacity:1}@media (hover:none){.sf-panel:hover{translate:none}.sf-panel:not([data-featured]):hover .sf-lit{opacity:0;animation:none}}.sf-skel{display:block;border-radius:.375rem;background:rgb(var(--ol-hairline)/.08)}@media (prefers-reduced-motion:no-preference){.sf-skel{animation:sf-skel 1.4s ease-in-out infinite}}@keyframes sf-skel{50%{opacity:.45}}.sf-glyph{width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;margin-top:2rem}.sf-rail{position:absolute;left:1.1rem;top:2rem;bottom:2rem;width:2px;border-radius:1px;background:linear-gradient(180deg,rgb(var(--ol-accent)/.55),rgb(var(--ol-accent)/.1));transform-origin:top}@media (prefers-reduced-motion:reduce){.sf-panel{transition:none}}