/* Алпатыч — ролики блока «Как это работает» (ORDER-199). Шрифт экранов продукта — Golos Text страницы. */
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url("../golos-text.woff2") format("woff2")}
.alp-rolik{position:relative;width:100%;max-width:390px;margin:0 auto;overflow:hidden;background:#E8EAEF;border-radius:18px;aspect-ratio:1/1;font-family:"Golos Text",system-ui,sans-serif}
.alp-rolik[data-box="laptop"]{max-width:none;aspect-ratio:1440/900}
.alp-scroll{position:relative}
.alp-scroll .alp-sticky{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px}
.alp-rolik .alp-poster{display:block;width:100%;height:auto;position:absolute;inset:0;z-index:3;transition:opacity .25s}
.alp-rolik .alp-poster.off{opacity:0;pointer-events:none}
.alp-rolik video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:4;opacity:0;transition:opacity .25s}
.alp-rolik video.on{opacity:1}
.alp-rolik .alp-live{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden}
.alp-rolik .alp-cam{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;transform-style:preserve-3d}
.alp-rolik .alp-dev{position:absolute;box-sizing:border-box;padding:14px;background:#14171A;overflow:hidden;will-change:transform;
  box-shadow:0 2px 0 1px rgba(255,255,255,.06) inset,0 30px 60px -30px rgba(20,23,26,.45),0 14px 28px -16px rgba(20,23,26,.35);will-change:opacity}
.alp-rolik .alp-scr{position:absolute;left:14px;top:14px;transform-origin:0 0;overflow:hidden;background:#E8EAEF;contain:layout paint}
@media (prefers-reduced-motion:reduce){.alp-rolik .alp-live,.alp-rolik video{display:none}.alp-rolik .alp-poster.off{opacity:1}}
.alp-rolik .alp-stamp{position:absolute;inset:0;display:none;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:rgba(20,23,26,.38);z-index:5;pointer-events:none}
.alp-rolik .alp-stamp b{display:none;color:#FFFFFF;font-size:22px;font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(20,23,26,.4)}
.alp-rolik .alp-stamp i{display:flex;align-items:center;justify-content:center;width:124px;height:124px;border-radius:50%;background:#FFFFFF;color:#1A1C1E;box-shadow:0 18px 40px -16px rgba(20,23,26,.5)}
.alp-rolik .alp-stamp svg{width:66px;height:66px}