.sframe{border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--obsidian);isolation:isolate;display:block;overflow:hidden}.sframe__bar{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:12px;padding:9px 12px;display:flex}.sframe__dots{flex:none;gap:6px;display:flex}.sframe__dots i{background:var(--border-strong);border-radius:50%;width:8px;height:8px;display:block}.sframe__url{border-radius:var(--r-pill);min-width:0;color:var(--ash);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;flex:0 auto;margin-inline:auto;padding:3px 14px;font-size:12px;line-height:1.5;overflow:hidden}.sframe__bar:after{content:"";flex:0 0 36px}.sframe__view{aspect-ratio:1 / var(--ar,.625);background:#1a1a20;display:block;position:relative;overflow:hidden;container-type:inline-size}.sframe__page{width:100%;height:auto;display:block;transform:translate(0,0)}.sframe__slide{object-fit:cover;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease-out);position:absolute;inset:0}.sframe__slide:first-child{opacity:1}.sframe[data-driven] .sframe__slide{opacity:0}.sframe[data-driven] .sframe__slide[data-on]{opacity:1}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sframe-host .sframe__page{transition:transform 1.1s var(--ease-out)}.sframe-host:hover .sframe__page,.sframe-host:focus-visible .sframe__page{transform:translate3d(0, calc(100cqw * var(--ar) - 100%), 0);transition:transform var(--scroll-dur,5s) cubic-bezier(.45, 0, .3, 1)}.sframe-host .sframe__slide:first-child{transition:opacity .9s var(--ease-out), transform 1.1s var(--ease-out)}.sframe-host:hover .sframe__slide:first-child{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.sframe__slide{transition:none}}