.product .product__jewelry_swatch--container{display:flex;flex-wrap:wrap;gap:16px;width:100%;align-items:flex-start}.product .product__custom-jewelry_swatch-wrapper .jewelry-swatch-text{margin-bottom:1.5rem}.product .product__jewelry_swatch--container .product__jewelry_swatch-item{display:inline-block;position:relative;max-width:max(160px,calc(50% - 8px));cursor:pointer;padding:5px;border:1px solid transparent;border-radius:7px}.product .product__jewelry_swatch--container .product__jewelry-image{width:66px;height:66px;border-radius:7px;overflow:hidden;margin:auto}.product .product__jewelry_swatch--container img{width:100%;height:100%;object-fit:contain}.product .product__jewelry_swatch--container .product__jewelry_swatch--hover-item{padding:4px;background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-background));font-size:14px;z-index:9;border-radius:4px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:max-content;overflow:hidden;max-width:108px;word-break:break-word;line-height:1.5;opacity:0;pointer-events:none;transition:all .2s ease-in;text-align:center}.product .product__jewelry_swatch--hover-item:before{content:"";position:absolute;left:50%;top:100%;border:5px solid transparent;border-top-color:rgb(var(--color-foreground));transform:translate(-50%)}.product .product__jewelry_swatch--hover-item img{width:100%;height:100%;object-fit:cover}.product .product__jewelry_swatch--hover-item .product__jewelry_swatch--title{font-size:12px}.product .product__jewelry_swatch-item:hover .product__jewelry_swatch--hover-item{opacity:1;animation-name:imageSwatchesTooltipSlide;animation-duration:.4s;overflow:unset}.product__jewelry_swatch--container .product__jewelry-quantity-selector{display:flex;align-items:center;justify-content:center;margin-top:5px;border:.1rem solid rgba(var(--color-foreground),.08);width:100%;border-radius:var(--buttons-radius-outset)}.product__jewelry_swatch--container .quantity-btn{background-color:#ddd;border:none;padding:10px;font-size:16px;cursor:pointer;width:20px;height:20px;text-align:center;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;background:transparent;color:rgba(var(--color-foreground),.5)}.product__jewelry_swatch--container .quantity-input{width:50px;text-align:center;max-width:30px;height:auto;font-size:1rem;border:unset;color:rgba(var(--color-foreground),.5)}.product__custom-jewelry_swatch-wrapper .product__jewelry_status{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.product__jewelry_swatch--container input[type=checkbox]{display:none}.product__jewelry_swatch--container input[type=checkbox]:checked+.product__jewelry_swatch-item{border:1px solid #000}.product__jewelry_swatch--container input[type=checkbox]:disabled+.product__jewelry_swatch-item{opacity:.5;cursor:not-allowed}.product .product__jewelry_swatch--title{text-align:center;font-size:10px;margin:5px 0}@keyframes imageSwatchesTooltipSLide{0%{bottom:70%;visibility:hidden}to{bottom:calc(100% + 6px);visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product--custom-jewlery-swatch.css.map */