.svreel__frame{position:relative;width:100%;margin-inline:auto;overflow:hidden;background:var(--ink-soft)}.svreel__video{display:block;width:100%;height:100%;object-fit:cover}.svreel__play{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;background:linear-gradient(to top,#00000047,#0000 55%)}.svreel__disc{display:grid;place-items:center;width:clamp(64px,6vw,88px);aspect-ratio:1;padding-left:4px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background-color:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);transition:transform .5s var(--ease),background-color .3s,border-color .3s,color .3s}.svreel__play:hover .svreel__disc,.svreel__play:focus-visible .svreel__disc{transform:scale(1.06);background-color:var(--white);border-color:var(--white);color:var(--ink)}.svreel__play:focus-visible{outline:2px solid var(--yellow);outline-offset:-6px}@media(prefers-reduced-motion:reduce){.svreel__disc{transition:none}}