page-transition{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;visibility:hidden}.page-overlay{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:#000;transform:translateY(100%);display:flex;align-items:center;justify-content:center;overflow:hidden;will-change:transform}.page-transition-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:clamp(2rem,6vw,5rem);font-weight:var(--font-heading--weight);text-transform:uppercase;letter-spacing:.05em;line-height:1;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;pointer-events:none;will-change:transform,opacity}.page-transition-title span{display:inline-block;will-change:transform,opacity}[data-animate]{opacity:0;visibility:hidden;will-change:transform,opacity}[data-animate].inview{visibility:visible;opacity:1}[data-animate=bounce-up]{transform-origin:center left}[data-animate=bounce-up] span{opacity:0;transform:translateY(20px);display:inline-block;will-change:transform,opacity}[data-animate=bounce-up].inview span{animation:bounceUp .75s ease forwards;animation-delay:calc(var(--i, 1) * .05s)}[data-animate=fade] span{opacity:0;transform:translateY(20px);display:inline-block;will-change:transform,opacity}[data-animate=fade].inview span{animation:bounceUp2 .6s ease forwards;animation-delay:calc(var(--i, 1) * .05s);visibility:visible;opacity:1}@keyframes bounceUp{0%{opacity:0;transform:translateY(10px) scale(.95) skewY(5deg) rotate(3deg)}10%{opacity:0;transform:translateY(10px) scale(.95) skewY(5deg) rotate(3deg)}50%{opacity:1;transform:translateY(-4px) scale(1) skewY(0) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) skewY(0) rotate(0)}}@keyframes bounceUp2{10%{opacity:0;transform:translateY(15px) scale(.95) skewY(7deg) rotate(3deg)}50%{opacity:1;transform:translateY(-3px) scale(1) skewY(-1deg) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) skewY(0) rotate(0)}}@keyframes bounceUp3{0%{opacity:0;transform:translateY(10px) scale(.95)}10%{opacity:0;transform:translateY(10px) scale(.95)}50%{opacity:1;transform:translateY(-4px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.animation-grid,.animation-grid .animation-grid-item{transition:opacity .2s ease,transform .2s ease}.ananimationmated-grid .animation-grid-item{opacity:0}.animation-grid .animation-grid-item.inview{opacity:1}.animation-grid .animation-grid-item.inview>div{opacity:0;transform-origin:bottom left;animation:bounceUp .75s ease forwards;animation-delay:calc(var(--i, 1) * .05s)}.animation-block{opacity:0;transition:opacity .2s ease,transform .2s ease;animation-delay:calc(var(--i, 1) * .05s)}.animation-block.inview{opacity:1}.animated-block.inview>div{opacity:0;animation:bounceUp3 .75s ease forwards;animation-delay:calc(var(--i, 1) * .05s)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/theme.css.map */