.variant-section{display:flex;flex-direction:column;gap:16px;font-size:14px;padding-top:15px}.variant-group{display:flex;align-items:center;justify-content:left}.variant-label{width:60px;font-size:14px}.variant-swiper{position:relative;width:100%;padding:0}.variant-swiper .variant-options{display:flex;gap:10px;min-height:30px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.variant-swiper .variant-options::-webkit-scrollbar{display:none}.variant-option,.variant-option-squre{width:30px;height:30px;flex:0 0 30px;margin:0;border:1px solid #a4a4a4;box-sizing:border-box;overflow:hidden;cursor:pointer;transition:border .3s;display:block}.variant-option.active,.variant-option-squre.active{border:1px solid #000!important}.variant-option img,.variant-option-squre img{width:100%;height:100%;display:block;border-radius:0}.variant-swiper .shape-prev,.variant-swiper .shape-next,.variant-swiper .metal-prev,.variant-swiper .metal-next{position:absolute;top:0;bottom:0;height:auto;margin:0;width:20px;background-color:#fff;border-radius:5%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;z-index:2}.variant-swiper .shape-prev:hover,.variant-swiper .shape-next:hover,.variant-swiper .metal-prev:hover,.variant-swiper .metal-next:hover{background-color:#f0f0f0}.variant-swiper .shape-prev,.variant-swiper .metal-prev{left:0;right:auto}.variant-swiper .shape-next,.variant-swiper .metal-next{right:0;left:auto}.variant-swiper .shape-prev svg,.variant-swiper .shape-next svg,.variant-swiper .metal-prev svg,.variant-swiper .metal-next svg{width:16px;height:16px;flex:0 0 auto}.variant-swiper .shape-prev:after,.variant-swiper .shape-next:after,.variant-swiper .metal-prev:after,.variant-swiper .metal-next:after,.variant-swiper .shape-prev:before,.variant-swiper .shape-next:before,.variant-swiper .metal-prev:before,.variant-swiper .metal-next:before{content:none}.variant-swiper [data-scroll-end]{opacity:.35;display:none!important;cursor:auto;pointer-events:none}.wishlist-heart-filled,.wishlist-icon.wishlist-added .wishlist-heart-default{display:none}.wishlist-icon.wishlist-added .wishlist-heart-filled{display:inline-flex}.wishlist-icon.is-added svg{width:22px;height:22px}@media(max-width:768px){.variant-option,.variant-option-squre{width:25px;height:25px;flex:0 0 25px}.variant-swiper .variant-options{min-height:25px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/civia-card-variants.css.map */