.reel{background-color:#0a110b;border:4px solid #ff234f;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.reel__text{text-align:center;text-transform:uppercase;letter-spacing:.1rem;color:#ff234f;margin:0;font-size:1.3rem;font-weight:700}.reel__container{transform-origin:50%;will-change:transform;flex-direction:column;justify-content:center;align-items:center;gap:2rem;animation:2.4s ease-in-out infinite reel-pulse;display:flex}.reel__progress{z-index:5;background:#00000014;width:100%;height:4px;position:absolute;top:0;left:0}.reel__progress--bottom{top:auto;bottom:0}.reel__progress-bar{background:#ff234f;width:0%;height:100%;transition:width 80ms linear}.reel__close{cursor:pointer;z-index:10;background:#0a110b;border:4px solid #ff234f;border-radius:45px;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:absolute;top:10px;right:10px}.reel__close-bar{background-color:#fff;width:25px;height:2px;display:block;transform:rotate(45deg)}.reel__close-bar:before{content:"";background-color:#fff;width:25px;height:2px;display:block;transform:rotate(-90deg)}.reel video{width:100%;display:block}@keyframes reel-pulse{0%,to{transform:scale(1)}50%{transform:scale(.87)}}@media (prefers-reduced-motion:reduce){.reel__container{animation:none!important}}@media (min-width:768px){.reel{display:none}}