.card-collection-wrapper-wrapper .hexagon-collection-wrapper{display:none}@media(max-width:979px){.card-collection-wrapper-wrapper .linkto-all-collection{position:absolute;top:10px;left:20px;cursor:pointer;z-index:3;font-size:14px;color:#333;border-bottom:2px solid #333}.card-collection-wrapper-wrapper .linkto-all-collection svg{width:10px;height:10px;display:inline}.card-collection-wrapper-wrapper .change{display:none}}@media(min-width:980px){.card-collection-wrapper-wrapper .linkto-all-collection{position:absolute;top:10px;left:20px;cursor:pointer;z-index:3;font-size:14px;color:#333;border-bottom:2px solid #333}.card-collection-wrapper-wrapper .linkto-all-collection svg{width:12px;height:12px;display:inline}.card-collection-wrapper-wrapper .change{display:flex;gap:30px;top:10px;right:20px;position:absolute;z-index:3}.card-collection-wrapper-wrapper .change svg{width:30px;height:30px;cursor:pointer}.card-collection-wrapper-wrapper .first{position:relative}.card-collection-wrapper-wrapper .first:after{content:"";position:absolute;top:0;right:-15px;height:100%;border-left:2px solid #000}.card-collection-wrapper-wrapper .hexagon-collection-wrapper{--hex-gap: 10px;--hex-frame: 6px;display:flex;flex-direction:column;width:calc(100% - 40px);max-width:980px;margin:0 auto;padding:50px 0;position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.card-collection-wrapper-wrapper .hexagon-collection-wrapper.animate{opacity:1;transform:translateY(0)}.hexagon-collection-row{display:flex;flex-wrap:nowrap;justify-content:center;gap:var(--hex-gap);width:100%}.hexagon-collection-row+.hexagon-collection-row{margin-top:calc((100% - 8 * var(--hex-gap)) / -32.4 + var(--hex-gap))}.hexagon-collection-row .hexagon-collection-container{flex:0 0 calc((100% - 8 * var(--hex-gap)) / 9);min-width:0}.hexagon-collection-row .hexagon-collection{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:9 / 10;position:relative;background:#d9d9d9;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.hexagon-collection-row .hexagon-collection>a{display:block;width:100%;height:100%;padding:var(--hex-frame);box-sizing:border-box}.hexagon-collection-row .hexagon{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);overflow:hidden}.hexagon-collection-row .hexagon img{width:100%;height:100%;object-fit:cover;opacity:.8}.hexagon-collection-row a:hover img,.hexagon-collection-row a:focus-visible img{opacity:1}.hexagon-collection-row .hexagon-collection:focus-within{background:#333}.hexagon-collection-row .coming-soon-hex{width:calc(100% - 2 * var(--hex-frame));height:calc(100% - 2 * var(--hex-frame));background:#f0f0f0;display:flex;align-items:center;justify-content:center}.hexagon-collection-row .coming-soon-text{text-align:center;color:#999;font-size:clamp(10px,.8vw,14px);font-weight:700;line-height:1.2}}@media(min-width:1340px){.card-collection-wrapper-wrapper .hexagon-collection-wrapper{max-width:1340px}.card-collection-wrapper-wrapper .linkto-all-collection{font-size:20px}.card-collection-wrapper-wrapper .linkto-all-collection svg{width:18px;height:18px}}@media(min-width:1860px){.card-collection-wrapper-wrapper .hexagon-collection-wrapper{max-width:1700px}.card-collection-wrapper-wrapper .change{top:50px;right:60px;gap:50px}.card-collection-wrapper-wrapper .change svg{width:50px;height:50px}.card-collection-wrapper-wrapper .first:after{right:-25px}.card-collection-wrapper-wrapper .linkto-all-collection{top:80px;left:60px}}@media(prefers-reduced-motion:reduce){.card-collection-wrapper-wrapper .hexagon-collection-wrapper{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/hexagon-collection.css.map */