.vi-trailer-banner{position:relative}.vi-trailer-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:86px;height:86px;padding:0;border:2px solid #fff;border-radius:50%;color:#fff;background:#1c0d32a6;box-shadow:0 5px 35px #10001e66;backdrop-filter:blur(7px);cursor:pointer;transition:background .18s,box-shadow .18s}.vi-trailer-play:hover{background:#ab3c91df;box-shadow:0 0 0 9px #ffffff22}.vi-trailer-play:focus-visible{outline:3px solid #9ee9df;outline-offset:6px}.vi-trailer-play svg{width:30px;height:30px;fill:currentColor;margin-left:5px}.vi-trailer-motion{position:absolute;right:18px;bottom:18px;padding:9px 13px;border:1px solid #ffffff70;border-radius:24px;background:#180c25c9;color:white;font:500 12px/1.3 Arial,sans-serif;backdrop-filter:blur(6px)}.vi-trailer-motion:hover{background:#482443}.vi-trailer-motion[hidden]{display:none}
.vi-trailer-background{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;opacity:0;transition:opacity .8s;background:#140c20}.vi-trailer-background.is-playing{opacity:1}.vi-trailer-background iframe{position:absolute;left:50%;top:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.7778vh;transform:translate(-50%,-50%);border:0;pointer-events:none}.vi-trailer-background:after{content:'';position:absolute;inset:0;background:linear-gradient(#160c22a6,#160c22db)}body.day .vi-trailer-background:after{background:linear-gradient(#edf1f49c,#edf1f4d6)}

body.community-site .vi-trailer-banner>.vi-trailer-play{inset:0;margin:auto;transform:none!important;translate:none!important;scale:1!important;rotate:none!important}body.community-site .vi-trailer-banner>.vi-trailer-play:is(:hover,:focus,:focus-visible,:active){transform:none!important;translate:none!important;scale:1!important;rotate:none!important}
.vi-trailer-inline{position:absolute;inset:0;background:#000;z-index:3}.vi-trailer-inline[hidden]{display:none!important}.vi-trailer-inline-stage,.vi-trailer-inline-stage iframe{display:block;width:100%;height:100%;border:0}.vi-trailer-banner.is-trailer-playing>.vi-launch-art{visibility:hidden}.vi-trailer-banner.is-trailer-playing>.vi-trailer-play,.vi-trailer-banner.is-trailer-playing>.vi-trailer-motion{visibility:hidden;pointer-events:none}.vi-trailer-return{position:absolute;z-index:2;right:14px;top:14px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff90;border-radius:50%;background:#170d26de;color:#fff;font:400 28px/1 Arial,sans-serif}.vi-trailer-external{position:absolute;left:14px;top:14px;z-index:2;background:#170d26de;color:#fff;padding:8px 12px;border:1px solid #ffffff70;border-radius:20px;font:12px/1.4 Arial,sans-serif}.vi-trailer-return:hover{background:#8f367a}.vi-trailer-return:focus-visible{outline:3px solid #9ee9df;outline-offset:3px}
@media(max-width:600px){.vi-trailer-play{width:64px;height:64px}.vi-trailer-play svg{width:23px;height:23px}.vi-trailer-motion{right:10px;bottom:10px;font-size:10px;padding:7px 10px}.vi-trailer-return{width:32px;height:32px;top:8px;right:8px;font-size:23px}.vi-trailer-external{top:8px;left:8px;padding:6px 9px;font-size:10px}}@media(prefers-reduced-motion:reduce){.vi-trailer-play,.vi-trailer-background{transition:none}}