.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}}.card-information__wrapper .variant-section{gap:6px;margin:4px 0 8px}.variant-option.shape,.variant-option-squre.shape{width:26px;height:26px;flex:0 0 26px;border-radius:3px}.shape-swiper .variant-options{gap:8px;min-height:26px;align-items:center}.variant-option.metal{width:18px;height:18px;flex:0 0 18px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024!important}.variant-option.metal.active{border-color:transparent!important;box-shadow:inset 0 0 0 1px #00000024,0 0 0 1.5px #fff,0 0 0 3px #1a1a1a!important}.metal-swiper .variant-options{gap:8px;padding:3px 0;min-height:24px;align-items:center}.variant-swiper .shape-prev,.variant-swiper .shape-next,.variant-swiper .metal-prev,.variant-swiper .metal-next{width:16px}.variant-swiper .shape-prev svg,.variant-swiper .shape-next svg,.variant-swiper .metal-prev svg,.variant-swiper .metal-next svg{width:12px;height:12px}@media(max-width:768px){.card-information__wrapper .variant-section{gap:5px}.variant-option.shape,.variant-option-squre.shape{width:24px;height:24px;flex:0 0 24px}.shape-swiper .variant-options{gap:6px;min-height:24px}.variant-option.metal{width:16px;height:16px;flex:0 0 16px}.metal-swiper .variant-options{min-height:22px}}.card-information__wrapper .variant-section{gap:10px;margin:10px 0 12px}.variant-swiper .variant-option,.variant-swiper .variant-option-squre{transition-property:border-color,box-shadow!important}.variant-option.shape,.variant-option-squre.shape{width:28px;height:28px;flex:0 0 28px}.shape-swiper .variant-options{gap:5px;min-height:28px}.variant-option.metal{position:relative;width:22px;height:22px;flex:0 0 22px}.variant-option.metal img{width:118%;height:118%;max-width:none;margin:-9%}.variant-option.metal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f;pointer-events:none}.variant-option.metal.active{border:0!important;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #1a1a1a!important}.metal-swiper .variant-options{gap:10px;padding:3px;min-height:28px}.variant-swiper .shape-prev,.variant-swiper .metal-prev{width:22px;justify-content:flex-start;background:linear-gradient(to right,#fff 50%,#fff0)}.variant-swiper .shape-next,.variant-swiper .metal-next{width:22px;justify-content:flex-end;background:linear-gradient(to left,#fff 50%,#fff0)}.variant-swiper .shape-prev:hover,.variant-swiper .shape-next:hover,.variant-swiper .metal-prev:hover,.variant-swiper .metal-next:hover{background-color:transparent}.product-item .card-information__wrapper .civia-cr{height:22px}.product-item .card-information__wrapper:has(.variant-section):not(:has(.civia-cr)) .card__heading{margin-bottom:32px}@media(max-width:768px){.card-information__wrapper .variant-section{gap:8px;margin:8px 0 10px}.variant-option.shape,.variant-option-squre.shape{width:26px;height:26px;flex:0 0 26px}.shape-swiper .variant-options{gap:6px;min-height:26px}.variant-option.metal{width:20px;height:20px;flex:0 0 20px}.metal-swiper .variant-options{min-height:26px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/civia-card-variants.css.map */