main[data-ph-showcase],.ph-showcase{position:relative;width:100%;height:100svh;flex:0 0 auto;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:var(--ph-ink)}main[data-ph-showcase]::-webkit-scrollbar,.ph-showcase::-webkit-scrollbar{display:none}main[data-ph-showcase]>.shopify-section,.ph-showcase>.shopify-section{display:contents}main[data-ph-showcase] [data-ph-panel]:not([data-ph-landing]){position:relative;z-index:var(--layer-heightened)}@media(max-width:989px){main[data-ph-showcase],.ph-showcase{flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}}.ph-cinema-video{position:fixed!important;z-index:100!important;top:0!important;right:0!important;bottom:0!important;left:0!important;margin:auto;width:100vw!important;height:100svh!important;max-height:none;background:#000;object-fit:cover!important;transform:none!important;animation:ph-cinema-enter .38s cubic-bezier(.2,.8,.2,1) both}.ph-cinema-close{position:fixed;z-index:101;top:max(1.25rem,env(safe-area-inset-top));right:max(1.5rem,env(safe-area-inset-right));min-height:44px;border:0;padding:0 .5rem;color:#fff;background:transparent;cursor:pointer;font-family:var(--font-body--family);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 14px rgb(0 0 0 / .6);transition:letter-spacing .2s ease}.ph-cinema-close:hover,.ph-cinema-close:focus-visible{letter-spacing:.22em}.ph-cinema-close[hidden]{display:none}body.ph-cinema-mode [data-ph-header],body.ph-cinema-mode [data-ph-showcase-nav]{opacity:0;pointer-events:none}@keyframes ph-cinema-enter{0%{opacity:.75;scale:.78;border-radius:1rem;clip-path:inset(7% 9% round 1rem)}to{opacity:1;scale:1;border-radius:0;clip-path:inset(0)}}@media(prefers-reduced-motion:reduce){.ph-cinema-video{animation:none}}@media(prefers-reduced-motion:reduce){main[data-ph-showcase],.ph-showcase{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-homepage-showcase.css.map */