shop-by-category-v2{display:block;width:100%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.shop-by-category-v2__header{margin-bottom:4rem;text-align:center}.shop-by-category-v2__heading{margin:0;font-size:4.8rem;font-weight:600;color:rgb(var(--color-foreground))}@media screen and (width >= 1200px){.shop-by-category-v2__grid{display:flex;gap:32px}}@media screen and (min-width: 767px) and (max-width: 1199px){.shop-by-category-v2__card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.shop-by-category-v2__card>*{flex:1}.shop-by-category-v2__grid>*:nth-child(2n) .shop-by-category-v2__card-image-wrapper{order:1}}@media screen and (width < 767px){.shop-by-category-v2__card{margin-bottom:32px}}.shop-by-category-v2__card{position:relative;overflow:hidden;background-color:rgb(var(--color-background));flex:1;min-width:0;transition:flex .6s cubic-bezier(.4,0,.2,1)}.shop-by-category-v2__grid:hover .shop-by-category-v2__card{flex:.7}.shop-by-category-v2__grid:hover .shop-by-category-v2__card:hover{flex:1.5}.shop-by-category-v2__card-link{display:block;text-decoration:none;color:inherit}.shop-by-category-v2__card-image-wrapper{position:relative;width:100%;height:38rem;overflow:hidden;background-color:rgba(var(--color-foreground),.05);border-radius:20px}.shop-by-category-v2__card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.shop-by-category-v2__card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground),.1)}.shop-by-category-v2__card-image-placeholder .placeholder-svg{width:100%;height:100%;opacity:.3}.shop-by-category-v2__video-wrapper{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer}.shop-by-category-v2__video-poster{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.shop-by-category-v2__video-poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground),.1)}.shop-by-category-v2__video-poster-placeholder .placeholder-svg{width:100%;height:100%;opacity:.3}.shop-by-category-v2__card:hover .shop-by-category-v2__video-poster{transform:scale(1.05)}.shop-by-category-v2__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:2;transition:opacity .3s ease,transform .3s ease}.shop-by-category-v2__play-button:hover{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}.shop-by-category-v2__play-button:active{transform:translate(-50%,-50%) scale(.95)}.shop-by-category-v2__play-button svg{width:64px;height:64px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.shop-by-category-v2__video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.shop-by-category-v2__video-modal.is-open{opacity:1;visibility:visible}.shop-by-category-v2__video-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;cursor:pointer}.shop-by-category-v2__video-modal-content{position:relative;width:90%;max-width:1200px;max-height:90vh;z-index:1;background-color:#000;border-radius:8px;overflow:hidden;transform:scale(.9);transition:transform .3s ease}.shop-by-category-v2__video-modal.is-open .shop-by-category-v2__video-modal-content{transform:scale(1)}.shop-by-category-v2__video-modal-close{position:absolute;top:1rem;right:1rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background-color:#fff3;border:none;border-radius:50%;cursor:pointer;z-index:2;color:#fff;transition:background-color .3s ease,transform .3s ease}.shop-by-category-v2__video-modal-close:hover{background-color:#ffffff4d;transform:scale(1.1)}.shop-by-category-v2__video-modal-close svg{width:2.4rem;height:2.4rem}.shop-by-category-v2__video-modal-player{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.shop-by-category-v2__video-modal-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.shop-by-category-v2__card-title{margin:0;font-size:2.4rem;font-weight:600;text-transform:uppercase}.shop-by-category-v2__card-arrow{width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background));border-radius:50%;flex-shrink:0;transition:transform .3s ease}.shop-by-category-v2__card-arrow svg{width:1.6rem;height:1.6rem}.shop-by-category-v2__card-arrow path{stroke:rgb(var(--color-foreground))}.shop-by-category-v2__card-link:hover .shop-by-category-v2__card-image{transform:scale(1.05)}.shop-by-category-v2__card:hover .shop-by-category-v2__card-arrow{transform:translate(.4rem) rotate(-45deg)}@media screen and (max-width: 749px){.shop-by-category-v2__card{transition:none}.shop-by-category-v2__grid:hover .shop-by-category-v2__card,.shop-by-category-v2__grid:hover .shop-by-category-v2__card:hover{flex:none}.shop-by-category-v2__card-image,.shop-by-category-v2__video{transition:none}.shop-by-category-v2__card-link:hover .shop-by-category-v2__card-image,.shop-by-category-v2__card:hover .shop-by-category-v2__video{transform:none}.shop-by-category-v2__card-arrow{width:2.8rem;height:2.8rem;transition:none}.shop-by-category-v2__card:hover .shop-by-category-v2__card-arrow{transform:none}.shop-by-category-v2__card-arrow svg{width:1.4rem;height:1.4rem}.shop-by-category-v2__header{margin-bottom:3rem}.shop-by-category-v2__heading{font-size:2.4rem}.shop-by-category-v2__card-title{font-size:1.6rem}.shop-by-category-v2__card-image-wrapper{aspect-ratio:1;height:auto}.shop-by-category-v2__video-modal-content{width:95%;max-height:85vh}.shop-by-category-v2__video-modal-close{width:3.2rem;height:3.2rem;top:.8rem;right:.8rem}.shop-by-category-v2__video-modal-close svg{width:2rem;height:2rem}.shop-by-category-v2__play-button svg{width:48px;height:48px}}
/*# sourceMappingURL=/cdn/shop/t/390/assets/section-shop-by-category-v2.css.map */