.rl-landing-video{--rl-landing-video-mobile-max: 26.25em;--rl-landing-video-mobile-pad: var(--rl-space-6);--rl-landing-video-play-size: 4.25em;--rl-landing-video-play-bg: rgba(255, 255, 255, .92)}.rl-landing-video__frame{position:relative;width:100%;background-color:var(--rl-charcoal);background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.rl-landing-video__frame--desktop{aspect-ratio:16 / 9}.rl-landing-video__frame--mobile{aspect-ratio:9 / 16;max-width:var(--rl-landing-video-mobile-max);margin-inline:auto}.rl-landing-video__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--rl-charcoal)}.rl-landing-video__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--rl-space-6);text-align:center;color:var(--rl-muted)}.rl-landing-video__toggle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer}.rl-landing-video__toggle:before{content:"";position:absolute;top:50%;left:50%;width:var(--rl-landing-video-play-size);height:var(--rl-landing-video-play-size);transform:translate(-50%,-50%);border-radius:50%;background:var(--rl-landing-video-play-bg);box-shadow:0 8px 22px #00000040;opacity:0;transition:opacity .2s ease}.rl-landing-video__toggle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);width:0;height:0;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--rl-charcoal);opacity:0;transition:opacity .2s ease}.rl-landing-video__frame[data-rl-video-state=paused] .rl-landing-video__toggle:before,.rl-landing-video__frame[data-rl-video-state=paused] .rl-landing-video__toggle:after{opacity:1}.rl-landing-video__toggle:focus-visible{outline:2px solid var(--rl-white);outline-offset:-4px}.rl-landing-video__frame--mobile{display:block}.rl-landing-video__frame--desktop{display:none}@media screen and (min-width:750px){.rl-landing-video__frame--desktop{display:block}.rl-landing-video__frame--mobile{display:none}}@media screen and (max-width:749px){.rl-landing-video{--rl-landing-video-play-size: 3.5em}}.rl-landing-video--desktop-only .rl-landing-video__frame--desktop,.rl-landing-video--mobile-only .rl-landing-video__frame--mobile{display:block}
/*# sourceMappingURL=/cdn/shop/t/37/assets/rl-landing-video.css.map */