@property --sweep{syntax:"<angle>";inherits:true;initial-value:0deg}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;overflow:hidden;animation:isweep 2.4s cubic-bezier(.55,0,.25,1) .3s both,iend .01s linear 4.4s forwards}.intro.skip{animation:none;visibility:hidden}html.no-curtain .intro{display:none}@keyframes isweep{0%{--sweep:0deg}to{--sweep:360deg}}@keyframes iend{to{visibility:hidden;pointer-events:none}}.intro__h{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:#5e2519}.intro__h--t{top:0;animation:iup .9s cubic-bezier(.7,0,.2,1) 3.4s forwards}.intro__h--b{bottom:0;animation:idn .9s cubic-bezier(.7,0,.2,1) 3.4s forwards}@keyframes iup{to{transform:translateY(-101%)}}@keyframes idn{to{transform:translateY(101%)}}.intro__r,.intro__r2{position:absolute;left:0;right:0;height:200%;-webkit-mask-composite:source-in;mask-composite:intersect}.intro__h--t .intro__r,.intro__h--t .intro__r2{top:0}.intro__h--b .intro__r,.intro__h--b .intro__r2{top:-100%}.intro__r{background:repeating-conic-gradient(from -.25deg at 50% 50%,rgba(246,210,194,.75) 0 .5deg,transparent .5deg 6deg);-webkit-mask-image:conic-gradient(from 0deg at 50% 50%,#000 0,#000 var(--sweep),transparent var(--sweep)),radial-gradient(circle at 50% 50%,transparent 0,transparent 36vmin,#000 36.1vmin,#000 40vmin,transparent 40.1vmin);mask-image:conic-gradient(from 0deg at 50% 50%,#000 0,#000 var(--sweep),transparent var(--sweep)),radial-gradient(circle at 50% 50%,transparent 0,transparent 36vmin,#000 36.1vmin,#000 40vmin,transparent 40.1vmin)}.intro__r2{background:repeating-conic-gradient(from -.5deg at 50% 50%,#F6D2C2 0 1deg,transparent 1deg 30deg);-webkit-mask-image:conic-gradient(from 0deg at 50% 50%,#000 0,#000 var(--sweep),transparent var(--sweep)),radial-gradient(circle at 50% 50%,transparent 0,transparent 34vmin,#000 34.1vmin,#000 43vmin,transparent 43.1vmin);mask-image:conic-gradient(from 0deg at 50% 50%,#000 0,#000 var(--sweep),transparent var(--sweep)),radial-gradient(circle at 50% 50%,transparent 0,transparent 34vmin,#000 34.1vmin,#000 43vmin,transparent 43.1vmin)}.intro__c{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;animation:ifade .45s ease 3.05s forwards}@keyframes ifade{to{opacity:0}}.intro__logo{width:min(40vw,260px);height:auto;opacity:0;transform:scale(.94);animation:ilogo 1s cubic-bezier(.2,.7,.2,1) 1.4s forwards}@keyframes ilogo{to{opacity:1;transform:none}}.intro__tag{margin:0;font:500 12px/1 Jost,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#f6d2c2;opacity:0;animation:ilogo 1s ease 1.9s forwards}.intro__hand{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--sweep));pointer-events:none}.intro__hand i{position:absolute;left:-.5px;bottom:0;width:1px;height:43vmin;background:linear-gradient(to top,#f6d2c200,#f6d2c2e6)}.intro__hand b{position:absolute;left:-3px;bottom:43vmin;width:6px;height:6px;border-radius:50%;background:#f6d2c2;box-shadow:0 0 16px 3px #f6d2c280}.intro__skip{position:absolute;z-index:3;bottom:22px;inset-inline:0;text-align:center;font-size:11px;letter-spacing:.2em;color:#f6d2c280;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.intro{display:none}}.cine.is-live .act .act__info{transform:none;overflow:visible;max-height:none}.cine .act__t{font-size:clamp(40px,5vw,76px);margin:6px 0 4px}.cine .act__s{margin-bottom:12px}.cine .parts button{padding:5px 10px}.cine .act .detail{position:absolute;inset-inline-end:clamp(20px,5vw,80px);inset-inline-start:auto;bottom:84px;width:min(400px,38vw);z-index:8;background:#1b1310d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 18px;border-radius:10px;border:1px solid rgba(246,210,194,.25);margin:0}.cine .act .detail[hidden]{display:none}.cine.is-live .fig img{height:calc(100svh - var(--hh) - 130px)}.cine.is-live .act--cars .fig img{height:auto;width:min(42vw,680px);max-width:100%}.cine .act--cars .act__stage{overflow:hidden;justify-content:center}.cine .act--cars .fig{margin-inline:auto}.cine .reset{inset-inline-end:auto;inset-inline-start:12px}@media(max-width:820px){.cine .act .detail{position:static;width:auto;inset-inline-end:auto;bottom:auto;margin-top:6px}.cine.is-live .fig img{height:30svh}.cine.is-live .act--cars .fig img{width:84vw;height:auto}.cine .reset{inset-inline-start:auto;inset-inline-end:12px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/mg-intro.css.map */