.collaborations-outer-container{display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden}.collaborations-container{width:100%;max-width:100%}.collaborations-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%;position:relative}.collaboration-item{border-bottom:1px dashed #7b7b7b;border-right:1px dashed #7b7b7b;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.collaboration-item:nth-child(4n){border-right:none}.collaboration-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;width:100%;height:100%}.collaboration-image-container{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.collaboration-link img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.collaboration-link:hover img{transform:scale(1.05)}.collaboration-title{margin-top:auto;color:#7b7b7b;font-size:1.2rem;font-family:poppinsregular}@media (max-width: 1200px){.collaborations-grid{grid-template-columns:repeat(3,1fr)}.collaboration-item:nth-child(4n){border-right:1px dashed #7b7b7b}.collaboration-item:nth-child(3n){border-right:none}}@media (max-width: 768px){.collaborations-grid{grid-template-columns:repeat(2,1fr)}.collaboration-item:nth-child(3n){border-right:1px dashed #7b7b7b}.collaboration-item:nth-child(2n){border-right:none}.collaboration-item{padding:.75rem}.collaboration-title{font-size:.9rem}}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;z-index:1000;overflow:auto;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;will-change:opacity;-webkit-overflow-scrolling:touch}.popup.active{opacity:1;visibility:visible}.popup-content{background-color:#fff;width:90%;max-width:900px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;color:#000;display:flex;flex-direction:column;box-shadow:0 0 30px #0000001a;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.close-popup{position:absolute;top:.5rem;right:.5rem;font-size:2rem;background:none;border:none;cursor:pointer;line-height:1;z-index:10;color:#000}.close-popup:hover,.close-popup:focus{color:#555;text-decoration:none}.collaboration-popup__grid{display:flex;flex-direction:column;width:100%}.collaboration-popup__images{width:100%;position:relative;margin-bottom:1.5rem}.collaborationMainSwiper{width:100%;height:50vh;margin-bottom:10px;border:1px dashed #7b7b7b}.collaborationMainSwiper .swiper-slide{display:flex;justify-content:center;align-items:center;background:#f8f8f8}.collaborationMainSwiper .swiper-slide img{max-width:100%;max-height:100%;object-fit:contain}.collaborationThumbsSwiper{width:100%;height:100px;box-sizing:border-box}.collaborationThumbsSwiper .swiper-slide{width:100px;height:100px;opacity:.6;cursor:pointer;overflow:hidden;transition:opacity .3s;position:relative}.collaborationThumbsSwiper .swiper-slide img{width:100%;height:100%;object-fit:contain}.collaborationThumbsSwiper .swiper-slide-thumb-active{opacity:1}.collaborationThumbsSwiper .swiper-slide-thumb-active .thumb-svg{display:block}.collaborationThumbsSwiper .thumb-svg{position:absolute;top:0;left:0;width:100%;height:100%;display:none;pointer-events:none;z-index:1}.swiper-button-next,.swiper-button-prev{color:#000;transform:translateY(-50%);background-image:none!important;opacity:1;transition:opacity .3s ease}.swiper-button-next img,.swiper-button-prev img{width:24px;height:24px;object-fit:contain}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;pointer-events:auto;cursor:not-allowed}.collaboration-popup__text-content{width:100%;padding:1rem 0;text-align:center}.collaboration-popup__title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;font-family:Poppinsmono,monospace!important;color:#000}.collaboration-popup__description{font-size:1rem;color:#7b7b7b;line-height:1.5;font-family:poppinsregular,sans-serif}.collaboration-popup__description p{margin-bottom:1rem}@media (max-width: 768px){.popup-content{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;margin:5% auto;max-height:95vh;width:95%}.collaboration-popup__title{font-size:1.5rem}.collaboration-popup__text-content{padding:.5rem 0}.collaborationMainSwiper{height:40vh}.collaborationThumbsSwiper{height:70px}.collaborationThumbsSwiper .swiper-slide{width:70px;height:70px}}body.popup-open-no-scroll{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-collaborations.css.map */