#haenger-intro{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#fff;overflow:hidden}#haenger-intro::backdrop{background:transparent}#haenger-intro[open]{display:grid;place-items:center}.haenger-intro__logo{width:min(78vw,760px);position:relative;transform-origin:top left}.haenger-intro__logo img{display:block;width:100%;height:auto;max-height:60dvh;object-fit:contain}.is-selected .haenger-intro__logo{outline:2px solid #8bd900;outline-offset:10px}.is-selected .haenger-intro__logo:after{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border:5px dashed #8bd900;pointer-events:none}#haenger-intro.is-flying{background:transparent;transition:background-color .32s ease}#haenger-intro.is-flying::backdrop{background:transparent;transition:background-color .32s ease}.haenger-intro__can{position:absolute;width:clamp(45px,7vw,85px);height:110px;opacity:0;pointer-events:none}.haenger-intro__can:before{content:"";position:absolute;width:160px;height:130px;right:65%;top:-45px;background:radial-gradient(ellipse,#b5f94599,#b5f94500 70%);filter:blur(8px)}.haenger-intro__can svg{position:relative;width:100%;height:100%}.haenger-intro__skip{position:absolute;right:24px;bottom:24px;padding:12px 20px;border:1px solid #222;border-radius:30px;background:#fff;color:#111;cursor:pointer;font:inherit}@media(prefers-reduced-motion:reduce){#haenger-intro[open]{display:none}}.haenger-intro__art{display:block;width:100%;height:auto;aspect-ratio:1916 / 821}.haenger-intro__logo{width:min(78vw,760px,130dvh)}.haenger-intro__can{height:auto;aspect-ratio:80 / 120;width:clamp(36px,6vw,65px)}.haenger-intro__can:before{width:65px;height:65px;left:40%;top:10.8%;right:auto;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#1117,#1110 70%);opacity:0;filter:blur(5px)}.haenger-intro__can.is-spraying:before{opacity:1}.haenger-intro__can svg{display:block}.haenger-intro__particle{position:absolute;pointer-events:none;border-radius:50%;background:#111;opacity:0}
/*# sourceMappingURL=/cdn/shop/t/12/assets/haenger-intro.css.map */