.hexagon-collection-wrapper.animate{transition:opacity .5s ease-in-out,transform .5s ease-in-out;opacity:1;transform:translateY(0)}@media (min-width: 1860px){.linkto-all-collection{position:absolute;top:80px;left:60px;cursor:pointer;z-index:3;font-size:20px;color:#333;border-bottom:2px solid #333333}.linkto-all-collection svg{width:18px;height:18px;display:inline}.change{display:flex;gap:50px;top:50px;right:60px;position:absolute;z-index:3}.change svg{width:50px;height:50px;cursor:pointer}.first{position:relative}.first:after{content:"";position:absolute;top:0;right:-25px;height:100%;border:1px solid #000}.hexagon-collection-wrapper{display:flex;flex-wrap:wrap;height:100%;width:100%;justify-content:center;padding:50px 100px 50px 0;opacity:0;transform:translateY(50px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;z-index:2;position:relative;align-items:center;gap:10px}.hexagon-collection-container{box-sizing:border-box;margin-bottom:-60px}.hexagon-collection{display:flex;width:180px;height:200px;justify-content:center;align-items:center;position:relative}.hexagon{width:160px;height:180px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);overflow:hidden}.hexagon img{width:100%;height:100%;object-fit:cover;opacity:.8;cursor:pointer}.hexagon-collection:hover img{opacity:1}.hexagon-collection:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#d9d9d9;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transform:scale(1);transition:transform .3s}.hexagon-collection:hover:before{transform:scale(1.05)}.hexagon-collection.coming-soon .coming-soon-hex{background-color:#f0f0f0;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;cursor:default}.coming-soon-text{text-align:center;color:#999;font-size:14px;font-weight:700;line-height:1.2}.hexagon-collection.coming-soon:before{background-color:#f0f0f0;border:2px dashed #ccc}.hexagon-collection.coming-soon:hover:before{transform:scale(1.02);background-color:#e8e8e8}.hexagon-row-break{width:100%;height:0;flex-basis:100%}}@media (min-width: 1340px) and (max-width: 1859px){.linkto-all-collection{position:absolute;top:10px;left:20px;cursor:pointer;z-index:3;font-size:20px;color:#333;border-bottom:2px solid #333333}.linkto-all-collection svg{width:18px;height:18px;display:inline}.change{display:flex;gap:30px;top:10px;right:20px;position:absolute;z-index:3}.change svg{width:30px;height:30px;cursor:pointer}.first{position:relative}.first:after{content:"";position:absolute;top:0;right:-15px;height:100%;border:1px solid #000}.hexagon-collection-wrapper{display:flex;flex-wrap:wrap;height:100%;width:100%;justify-content:center;opacity:0;transform:translateY(50px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;z-index:2;position:relative;align-items:center;gap:10px}.hexagon-collection-container{box-sizing:border-box;margin-bottom:-50px}.hexagon-collection{display:flex;width:140px;height:160px;justify-content:center;align-items:center;position:relative}.hexagon{width:120px;height:140px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);overflow:hidden}.hexagon img{width:100%;height:100%;object-fit:cover;opacity:.8;cursor:pointer}.hexagon-collection:hover img{opacity:1}.hexagon-collection:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#d9d9d9;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transform:scale(1);transition:transform .3s}.hexagon-collection:hover:before{transform:scale(1.05)}.hexagon-collection.coming-soon .coming-soon-hex{background-color:#f0f0f0;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;cursor:default}.coming-soon-text{text-align:center;color:#999;font-size:14px;font-weight:700;line-height:1.2}.hexagon-collection.coming-soon:before{background-color:#f0f0f0;border:2px dashed #ccc}.hexagon-collection.coming-soon:hover:before{transform:scale(1.02);background-color:#e8e8e8}.hexagon-row-break{width:100%;height:0;flex-basis:100%}}@media (min-width: 980px) and (max-width: 1339px){.linkto-all-collection{position:absolute;top:10px;left:20px;cursor:pointer;z-index:3;font-size:14px;color:#333;border-bottom:2px solid #333333}.linkto-all-collection svg{width:12px;height:12px;display:inline}.change{display:flex;gap:30px;top:10px;right:20px;position:absolute;z-index:3}.change svg{width:30px;height:30px;cursor:pointer}.first{position:relative}.first:after{content:"";position:absolute;top:0;right:-15px;height:100%;border:1px solid #000}.hexagon-collection-wrapper{display:flex;flex-wrap:wrap;height:100%;width:100%;justify-content:center;padding:50px 0;opacity:0;transform:translateY(50px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;z-index:2;position:relative;align-items:center;gap:10px}.hexagon-collection-container{box-sizing:border-box;margin-bottom:-40px}.hexagon-collection{display:flex;width:100px;height:120px;justify-content:center;align-items:center;position:relative;z-index:2}.hexagon{width:80px;height:100px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);overflow:hidden}.hexagon img{width:100%;height:100%;object-fit:cover;opacity:.8;cursor:pointer}.hexagon-collection:hover img{opacity:1}.hexagon-collection:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#d9d9d9;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transform:scale(1);transition:transform .3s}.hexagon-collection:hover:before{transform:scale(1.05)}.hexagon-collection.coming-soon .coming-soon-hex{background-color:#f0f0f0;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;cursor:default}.coming-soon-text{text-align:center;color:#999;font-size:14px;font-weight:700;line-height:1.2}.hexagon-collection.coming-soon:before{background-color:#f0f0f0;border:2px dashed #ccc}.hexagon-collection.coming-soon:hover:before{transform:scale(1.02);background-color:#e8e8e8}.hexagon-row-break{width:100%;height:0;flex-basis:100%}}@media (max-width: 979px){.linkto-all-collection{position:absolute;top:10px;left:20px;cursor:pointer;z-index:3;font-size:14px;color:#333;border-bottom:2px solid #333333}.linkto-all-collection svg{width:10px;height:10px;display:inline}.change,.hexagon-collection-wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hexagon-collection.css.map */