.zombie-portal{display:block;position:relative;z-index:0;isolation:isolate;--portal-h: var(--portal-h-mobile, 668px);color:var(--color-foreground);background-color:var(--color-background)}@media only screen and (min-width:768px){.zombie-portal{--portal-h: var(--portal-h-desktop, 760px)}}.zombie-portal__slider{display:block;position:relative;height:var(--portal-h)}.zombie-portal__track{height:100%}.zombie-portal__world{position:relative;height:var(--portal-h);overflow:hidden;container-type:inline-size;background-color:var(--world-bg, var(--color-background));color:#fff}.zombie-portal__layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.zombie-portal__img{display:block;width:100%;height:auto}.zombie-portal__img--cover{height:100%;object-fit:cover;object-position:center}.zombie-portal__bg{z-index:0}.zombie-portal__product{z-index:3;inset:auto;left:calc(var(--product-x, 72) * 1%);top:calc(var(--product-y, 50) * 1%);width:calc(var(--product-w, 46) * 1cqw);transform:translate(-50%,-50%) rotate(var(--product-rotate, 0deg));transform-origin:50% 50%}.zombie-portal__product--art{aspect-ratio:100 / var(--art-ratio, 92);container-type:inline-size}.zombie-portal__art{position:absolute;left:calc(var(--ax) * 1%);top:calc(var(--ay) * 1%);z-index:var(--az, 10);width:calc(var(--aw) * 1%);opacity:var(--ao, 1);transform:translate(-50%,-50%) rotate(var(--ar, 0deg));transform-origin:50% 50%}.zombie-portal__art-img{display:block;width:100%;height:auto;max-width:none}.zombie-portal__art--far .zombie-portal__art-img{filter:brightness(.62) saturate(.9) blur(.16cqw) drop-shadow(0 1cqw 1.8cqw rgba(0,0,0,.45))}.zombie-portal__art--mid .zombie-portal__art-img{filter:brightness(.8) blur(.06cqw) drop-shadow(0 1.6cqw 2.6cqw rgba(0,0,0,.5))}.zombie-portal__art--near .zombie-portal__art-img{filter:drop-shadow(0 2.2cqw 3.4cqw rgba(0,0,0,.55))}.zombie-portal__art--front .zombie-portal__art-img{filter:drop-shadow(0 3cqw 4.4cqw rgba(0,0,0,.6))}.zombie-portal__art--glow .zombie-portal__art-img{filter:drop-shadow(0 0 min(12.5cqw,90px) rgba(255,10,220,.45)) drop-shadow(0 min(5.5cqw,40px) min(8.3cqw,60px) rgba(0,0,0,.6))}.zombie-portal__art picture{display:block}.zombie-portal__product--deco{container-type:inline-size}.zombie-portal__product--deco>.zombie-portal__deco-product{position:relative;z-index:10;display:block}@media only screen and (max-width:767px){.zombie-portal__art--desktop-only{display:none}.zombie-portal__art--glow .zombie-portal__art-img{filter:drop-shadow(0 0 min(22.8cqw,84px) rgba(255,10,220,.45)) drop-shadow(0 min(10.1cqw,38px) min(15.2cqw,56px) rgba(0,0,0,.6))}.zombie-portal__art{left:calc(var(--ax-m, var(--ax)) * 1%);top:calc(var(--ay-m, var(--ay)) * 1%);width:calc(var(--aw-m, var(--aw)) * 1%);transform:translate(-50%,-50%) rotate(var(--ar-m, var(--ar, 0deg)))}}.zombie-portal__placeholder{display:block;width:100%;height:auto;opacity:.35}.zombie-portal__flying{transform:translate3d(var(--fly-x, 0px),var(--fly-y, 0px),0) rotate(var(--fly-r, 0deg));transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform}.zombie-portal__flying--front{z-index:4}.zombie-portal__flying--back{z-index:2;transform:translate3d(calc(var(--fly-x, 0px) * .5),calc(var(--fly-y, 0px) * .5),0) rotate(calc(var(--fly-r, 0deg) * .5))}.zombie-portal__content{position:absolute;top:150px;left:max(var(--container-margin),calc((100% - var(--ideal-width)) / 2));width:min(640px,calc(100% - var(--container-margin) * 2))}.zombie-portal__headline{position:relative;z-index:1;max-width:576px;margin:0;font-family:var(--font-display);font-weight:400;font-size:80px;line-height:1;letter-spacing:0;text-transform:uppercase;color:#fff}.zombie-portal__headline em{display:block;margin:.14em 0 .06em;font-style:normal;font-size:.3em;line-height:1}@media only screen and (max-width:767px){.zombie-portal__headline em{font-size:.34em}}.zombie-portal__headline br:last-child{display:none}.zombie-portal__ui{position:relative;z-index:6;margin-top:32px}.zombie-portal__copy{max-width:44ch;margin-bottom:24px;font-size:16px}.zombie-portal__benefits{display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;gap:14px 40px;margin:0;padding:0;list-style:none}.zombie-portal__benefit{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1;letter-spacing:0;text-transform:uppercase;color:#fff}.zombie-portal__benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:52px}.zombie-portal__benefit:nth-child(3){grid-column:1 / -1;justify-self:start}.zombie-portal__benefit-icon svg{width:auto;height:100%;max-width:100%}.zombie-portal__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.zombie-portal .zombie-portal__btn,.zombie-portal .zombie-portal__btn:not([disabled]):not(.disabled):hover{position:relative;overflow:hidden;isolation:isolate;min-height:56px;padding-left:30px;padding-right:30px;border:0;border-radius:999px;background-color:var(--zombie-color-pink);opacity:1;transition:color .12s linear .12s,background-color 0s}.zombie-portal .zombie-portal__btn{color:#000;font-weight:700}.zombie-portal .zombie-portal__btn{--zombie-bloom: #000000;--zombie-bloom-ink: #ffffff}.zombie-portal .zombie-portal__btn:hover,.zombie-portal .zombie-portal__btn:focus-visible,.zombie-portal .zombie-portal__btn:not([disabled]):not(.disabled):hover{color:#fff;box-shadow:none}.zombie-portal .zombie-portal__btn--secondary,.zombie-portal .zombie-portal__btn--secondary:not([disabled]):not(.disabled):hover{background-color:#fff;box-shadow:inset 0 0 0 2px #000}.zombie-portal .zombie-portal__btn--secondary{color:#000}.zombie-portal .zombie-portal__btn--secondary{--zombie-bloom: var(--zombie-color-pink);--zombie-bloom-ink: #000000}.zombie-portal .zombie-portal__btn--secondary:hover,.zombie-portal .zombie-portal__btn--secondary:focus-visible,.zombie-portal .zombie-portal__btn--secondary:not([disabled]):not(.disabled):hover{color:#000;box-shadow:inset 0 0 0 2px #000}.zombie-portal .zombie-portal__btn:not([disabled]):not(.disabled):is(:hover,:focus-visible){background-color:var(--zombie-bloom);transition:color .12s linear .26s,background-color 0s linear var(--zombie-slime-settle, .62s)}.zombie-portal .zombie-portal__btn:not(.has-zombie-slime):is(:hover,:focus-visible){transition:none}.zombie-portal .zombie-portal__btn.disabled{background-color:var(--zombie-color-pink)!important;color:#000!important;opacity:1!important;cursor:default}.zombie-portal .zombie-portal__btn.disabled:hover,.zombie-portal .zombie-portal__btn.disabled:focus-visible{color:#fff!important}.zombie-portal .zombie-portal__btn--secondary.disabled{background-color:#fff!important;color:#000!important}.zombie-portal .zombie-portal__btn--secondary.disabled:hover,.zombie-portal .zombie-portal__btn--secondary.disabled:focus-visible{color:#000!important}.zombie-portal .gridy-indicator{position:absolute;inset:auto auto 38px max(var(--container-margin),calc((100% - var(--ideal-width)) / 2));width:auto;padding:0;z-index:7;align-items:flex-start}.zombie-portal .gridy-indicator .indicator--dots{gap:10px!important}.zombie-portal .gridy-indicator .dot{position:relative;width:10px;height:10px;padding:0;border:0;border-radius:999px;background-color:#fff;opacity:1;cursor:pointer;pointer-events:auto;transition:width .3s ease,background-color .3s ease}.zombie-portal .gridy-indicator .dot:before{content:"";position:absolute;top:-11px;right:-5px;bottom:-11px;left:-5px}.zombie-portal .gridy-indicator .dot.active{width:34px;background-color:var(--zombie-color-pink)}.zombie-portal .gridy-indicator .dot:focus-visible{outline:2px solid var(--zombie-color-pink);outline-offset:3px}@media only screen and (min-width:768px)and (max-width:1023px){.zombie-portal__content{width:min(46%,440px)}.zombie-portal__headline{font-size:64px}.zombie-portal__benefits{gap:10px 24px}.zombie-portal__benefit{font-size:18px}.zombie-portal__benefit-icon{width:36px;height:38px}}@media only screen and (max-width:767px){.zombie-portal__product{left:calc(50% + (var(--product-x-m, 50) - 50) * min(1cqw,3.9px));top:calc(var(--product-y-m, 80) * 1%);width:calc(var(--product-w-m, 80) * min(1cqw,3.9px))}.zombie-portal__flying--desktop-only{display:none}.zombie-portal__flying{top:calc(var(--portal-h) * -.27);bottom:calc(var(--portal-h) * .27)}.zombie-portal__content{top:100px;bottom:32px;left:var(--container-margin);width:calc(100% - var(--container-margin) * 2);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.zombie-portal__content>*{pointer-events:auto}.zombie-portal__headline{max-width:none;font-size:44px;line-height:.96}.zombie-portal__ui{margin-top:0}.zombie-portal__benefits{gap:10px 16px}.zombie-portal__benefit{min-height:28px;gap:8px;font-size:14px}.zombie-portal__benefit-icon{width:27px;height:28px}.zombie-portal__buttons,.zombie-portal__buttons.btn-group{flex-wrap:wrap;margin-top:6px;gap:8px}.zombie-portal .zombie-portal__btn,.zombie-portal .zombie-portal__btn.disabled,.zombie-portal .zombie-portal__btn:not([disabled]):not(.disabled):hover{min-height:48px;padding-left:20px;padding-right:20px;font-size:14px}.zombie-portal .gridy-indicator{inset:auto auto 16px var(--container-margin)}.zombie-portal .gridy-indicator .indicator--dots{gap:16px!important}.zombie-portal .gridy-indicator .dot{width:8px;height:8px}.zombie-portal .gridy-indicator .dot:before{top:-14px;right:-8px;bottom:-14px;left:-8px}.zombie-portal .gridy-indicator .dot.active{width:28px}}.zombie-portal--motion .zombie-portal__world .zombie-portal__product{transition:transform .4s cubic-bezier(.22,.61,.36,1),opacity .25s ease}.zombie-portal--motion .zombie-portal__world:not(.active) .zombie-portal__product{opacity:0;transform:translate(-50%,calc(-50% + 20px)) rotate(var(--product-rotate, 0deg))}.zombie-portal--motion .zombie-portal__world .zombie-portal__flying{transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .25s ease .03s}.zombie-portal--motion .zombie-portal__world:not(.active) .zombie-portal__flying{opacity:0;transform:translate3d(0,16px,0) scale(1.02)}@media(prefers-reduced-motion:reduce){.zombie-portal--motion .zombie-portal__world .zombie-portal__product,.zombie-portal--motion .zombie-portal__world:not(.active) .zombie-portal__product{transition:none;opacity:1;transform:translate(-50%,-50%) rotate(var(--product-rotate, 0deg))}.zombie-portal .gridy-indicator .dot{transition:none}.zombie-portal__flying,.zombie-portal--motion .zombie-portal__world .zombie-portal__flying,.zombie-portal--motion .zombie-portal__world:not(.active) .zombie-portal__flying{transition:none;opacity:1;transform:none;will-change:auto}.zombie-portal .zombie-portal__btn,.zombie-portal .zombie-portal__btn:hover,.zombie-portal .zombie-portal__btn:focus-visible,.zombie-portal .zombie-portal__btn:not([disabled]):not(.disabled):hover{transition:none!important}.zombie-portal .zombie-portal__btn:hover,.zombie-portal .zombie-portal__btn:focus-visible{background-color:#000!important;color:#fff!important}.zombie-portal .zombie-portal__btn--secondary:hover,.zombie-portal .zombie-portal__btn--secondary:focus-visible{background-color:var(--zombie-color-pink)!important;color:#000!important}}@media only screen and (max-width:767px){.zombie-portal__benefit{min-width:0}}@media only screen and (max-width:359px){.zombie-portal__product{top:calc(var(--product-y-m, 80) * 1% - 24px)}}@media only screen and (min-width:391px)and (max-width:767px){.zombie-portal__flying .zombie-portal__img--cover{object-fit:contain}}@media only screen and (max-width:767px){.zombie-portal__headline{z-index:5}}.zombie-portal__arrows{position:absolute;right:max(var(--container-margin),calc((100% - var(--ideal-width)) / 2));bottom:19px;z-index:7;display:flex;gap:12px}.zombie-portal__arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:2px solid rgba(255,255,255,.85);border-radius:999px;background:#00000040;color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.zombie-portal__arrow svg{width:18px;height:18px}.zombie-portal__arrow:hover{background-color:var(--zombie-color-pink);border-color:var(--zombie-color-pink);color:#000}.zombie-portal__arrow:active{transform:scale(.94)}.zombie-portal__arrow:focus-visible{outline:2px solid var(--zombie-color-pink);outline-offset:3px}@media only screen and (max-width:767px){.zombie-portal__arrows{display:none}}@media(prefers-reduced-motion:reduce){.zombie-portal__arrow{transition:none}.zombie-portal__arrow:active{transform:none}}@media only screen and (min-width:768px)and (max-width:1023px){.zombie-portal__world[data-world=Bars]{background-image:linear-gradient(#3a0a45,#3a0a45)}.zombie-portal__world[data-world=Bars] .zombie-portal__bg .zombie-portal__img--cover{position:absolute;left:0;top:calc(var(--product-y, 50) * 1%);width:100%;height:auto;transform:translateY(calc(var(--product-y, 50) * -1%));-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 80%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 80%,transparent)}}.zombie-portal__world[data-world=Range]{background-image:radial-gradient(27.8% 46.7% at 77% 52%,#562fcb30,#562fcb0f 60%,#562fcb00),radial-gradient(36.8% 64.5% at 74% 52%,#c81a9457,#c81a941f 53%,#c81a9400)}@media only screen and (max-width:767px){.zombie-portal__world[data-world=Range]{background-image:radial-gradient(190px 160px at 52% 56%,#562fcb21,#562fcb0a 60%,#562fcb00),radial-gradient(280px 230px at 50% 56%,#c81a9461,#c81a942b 53%,#c81a9400)}}@media only screen and (max-width:359px){.zombie-portal__world[data-world=Range]{background-position:0 -28px}}.zombie-portal__world[data-world=Range] .zombie-portal__btn--secondary{background-color:#fff!important;color:#000!important}.zombie-portal__world[data-world=Range] .zombie-portal__btn--secondary:not(.disabled):is(:hover,:focus-visible){background-color:var(--zombie-bloom)!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/zombie-portal-hero.css.map */