.kame-eb{--kame-eb-hh: var(--kame-eb-h, 36px);--kame-eb-u: calc(var(--kame-eb-hh) / 639);display:block;padding-block:var(--kame-eb-pad, 28px);overflow:hidden}.kame-eb--ink{background:transparent}.kame-eb--fade{--kame-eb-fade: 112px;position:relative;isolation:isolate;padding-bottom:calc(var(--kame-eb-pad, 28px) + var(--kame-eb-fade))}.kame-eb--fade:before{content:"";position:absolute;inset:auto 0 0;z-index:-1;height:calc(var(--kame-eb-fade) + var(--kame-eb-pad, 28px) * .5);background:radial-gradient(60% 100% at 50% 100%,color-mix(in srgb,var(--kame-amber) 22%,transparent) 0%,transparent 70%),var(--kame-ink);-webkit-mask-image:linear-gradient(to top,black,rgb(0 0 0 / .82) 25%,rgb(0 0 0 / .45) 55%,rgb(0 0 0 / .14) 80%,transparent);mask-image:linear-gradient(to top,black,rgb(0 0 0 / .82) 25%,rgb(0 0 0 / .45) 55%,rgb(0 0 0 / .14) 80%,transparent);pointer-events:none}@media(max-width:749px){.kame-eb{--kame-eb-hh: calc(var(--kame-eb-h, 36px) * .66);padding-block:calc(var(--kame-eb-pad, 28px) * .75)}.kame-eb--fade{--kame-eb-fade: 72px;padding-bottom:calc(var(--kame-eb-pad, 28px) * .75 + var(--kame-eb-fade))}}.kame-eb__logo{display:flex;justify-content:center}.kame-eb__logo .demon-logo{display:block;width:min(100%,calc(var(--kame-eb-hh) * 18));height:auto;overflow:visible}.demon-logo .brush,.demon-logo .w-demon,.demon-logo .w-arts,.demon-logo .stamp{transform-box:fill-box}.demon-logo .brush{transform-origin:left center}.demon-logo .w-demon,.demon-logo .w-arts{transform-origin:center bottom}.demon-logo .stamp{transform-origin:center}@media(prefers-reduced-motion:no-preference){.kame-eb.is-armed .demon-logo .brush{scale:0 1;opacity:0;transition:scale .42s cubic-bezier(.7,0,.2,1),opacity 80ms linear}.kame-eb.is-armed .demon-logo :is(.w-demon,.w-arts){opacity:0;translate:0 -46px;scale:1.18;transition:opacity .12s linear,translate 0ms,scale 0ms}.kame-eb.is-armed .demon-logo .stamp{opacity:0;scale:1.6;rotate:-10deg;transition:opacity .12s linear,scale 0ms,rotate 0ms}.kame-eb.is-firing .demon-logo .brush{scale:1;opacity:1}.kame-eb.is-firing .demon-logo :is(.w-demon,.w-arts){opacity:1;translate:0;scale:1;transition:opacity 90ms linear .38s,translate .26s cubic-bezier(.55,0,1,.45) .38s,scale var(--kame-dur-stamp) var(--kame-ease-stamp) .6s}.kame-eb.is-firing .demon-logo .w-arts{transition-delay:.56s,.56s,.78s}.kame-eb.is-firing .demon-logo .stamp{opacity:1;scale:1;rotate:0deg;transition:opacity 80ms linear .9s,scale var(--kame-dur-stamp) var(--kame-ease-stamp) .9s,rotate var(--kame-dur-stamp) var(--kame-ease-stamp) .9s}.kame-eb.is-impacted .kame-eb__logo{animation:kame-eb-thud .26s ease-out}}@keyframes kame-eb-thud{25%{translate:0 3px}55%{translate:0 -1px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kame-energy-beam.css.map */