.custom-swatch-container{display:flex;flex-direction:column;gap:12px;margin-top:12px}.custom-swatch-mate-buttons,.custom-swatch-size-buttons{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.custom-swatch-mate-btn{width:140px;height:65px;background:none;cursor:pointer;position:relative;padding:0;border:5px solid transparent;border-radius:9999px;overflow:hidden}.custom-size-btn{width:7vw;height:7vw;border:none;background:none;cursor:pointer;position:relative;padding:0}.custom-swatch-mate-btn img{width:100%;height:100%;object-fit:cover}.custom-swatch-mate-btn.active{border-color:var(--swatch-border-color)}.custom-size-btn img{width:100%;height:100%;object-fit:fill;border-radius:5%}.custom-size-btn:hover img{opacity:1}.custom-size-btn:hover:after{content:"";display:block;width:100%;height:100%;border-radius:5%;background-size:cover;background-position:center;position:absolute;top:0;left:0;background-image:var(--swatch-hover-image)}.custom-hidden{display:none}.swatch-color{width:140px!important;height:65px;border:5px solid transparent}.swatch-color.active{border:5px solid var(--swatch-background)!important;box-shadow:0 0 5px #0003}.gap-4{gap:1.2rem}@media (max-width: 768px){.custom-swatch-mate-btn{width:24vw;height:4vh;border:5px solid transparent;background:none;cursor:pointer;position:relative;padding:0;min-height:48.67px}.custom-swatch-mate-btn.active{border-color:var(--swatch-border-color)}.gap-4{gap:.8rem}.custom-size-btn{width:25vw;height:25vw;border:none;background:none;cursor:pointer;position:relative;padding:0;border:5px solid transparent;border-radius:9999px;overflow:hidden}.swatch-color{width:24vw!important;height:4vh;min-height:48.67px!important}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/custom-swatch.css.map */