variant-selects{display:block}.product--no-media .product-form__input--pill,.product--no-media .product-form__input--swatch,.product--no-media .product-form__input--dropdown{display:flex;align-items:center;justify-content:center;text-align:center}.product--no-media .product-form__input.product-form__input--pill,.product--no-media .product-form__input.product-form__input--swatch{flex-wrap:wrap;margin:0 auto 1.2rem}.product--no-media .product-form__input--dropdown{flex-direction:column;max-width:100%}.swatch-popup{display:flex;grid-gap:30px;margin:0 0 20px}.swatch-popup .product-popup-modal__opener{margin:15px 0 0}.swatch-popup.no-swatch-popup{margin:0}.product-form__input .slick-slider:has(.slide-arrow){padding:0 30px}.product-form__input .slide-arrow{left:0;right:auto;margin:auto;font-size:0;line-height:0;position:absolute;top:50%;display:block;width:26px;height:26px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);cursor:pointer;color:transparent;border:1px solid #111;border-radius:50%;padding:5px;outline:none;background:transparent;z-index:1;opacity:1;transition:all .4s ease-in-out 0s}.product-form__input .slide-arrow.slick-disabled{opacity:.6;cursor:not-allowed}.product-form__input .slide-arrow.slick-next{right:0;left:auto}.product-form__input .slide-arrow svg{width:12px;height:12px}.product-form__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__input input[type=radio]:not(.disabled):not(.visually-disabled)+label>.label-unavailable{display:none}.product-form__input--dropdown{--swatch-input--size: 2rem;margin-bottom:0;flex:none}.product-form__input--dropdown .dropdown-swatch+select{padding-left:calc(2.4rem + var(--swatch-input--size))}.product-form__input--dropdown .dropdown-swatch{position:absolute;left:1.6rem;top:calc(50% - var(--swatch-input--size) / 2);width:var(--swatch-input--size);height:var(--swatch-input--size);z-index:1}.product-form__input .slide-arrow.slick-prev svg{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.product-form__input--pill input[type=radio]+label{outline:1px solid var(--bs-border-color);outline-offset:-2px;color:#181919;display:block;margin:0 8px 0 0;padding:9px 14px;font-size:16px;line-height:18px;font-weight:400;text-align:center;transition:all .4s ease-in-out;cursor:pointer;position:relative;border-radius:5px}.product-form__input--pill input[type=radio]+label.shapes{padding:8px;background:transparent;outline:transparent;display:inline-block}.product-form__input--pill input[type=radio]+label:before{content:"";position:absolute;top:calc(var(--variant-pills-border-width) * -1);right:calc(var(--variant-pills-border-width) * -1);bottom:calc(var(--variant-pills-border-width) * -1);left:calc(var(--variant-pills-border-width) * -1);z-index:-1;border-radius:var(--variant-pills-radius)}.product-form__input--pill input[type=radio]+label:hover{background:#f5f5f5}.product-form__input--pill input[type=radio]:checked+label:hover{background:transparent}.product-form__input--pill input[type=radio]:checked+label{outline:2px solid #5E7C6A}.product-form__input--pill input[type=radio]:disabled+label,.product-form__input--pill input[type=radio].disabled+label{border-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.6);text-decoration:line-through}.product-form__input--pill input[type=radio].disabled:checked+label,.product-form__input--pill input[type=radio]:disabled:checked+label{color:rgba(var(--color-background),.6)}.product-form__input--pill input[type=radio]:focus-visible+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input--pill input[type=radio].focused+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input--swatch{display:flex;flex-wrap:wrap}.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 3.6rem;margin:.7rem 1.2rem .2rem 0}.swatch-input__label.swatch-input__label--square.color-swatches{margin-right:10px;border:1px solid transparent;border-radius:50%}.swatch-input__label.swatch-input__label--square.color-swatches.active{border:1px solid #5e7c6a}a.swatch.swatch--square.color-swatch,.active-metal-data .variant-data{height:36px;width:36px;border-radius:50%;margin:5px}@media screen and (min-width: 850px){.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 2.8rem}.variant-active-data{display:none}.inner-variant-option{display:flex;justify-content:start;width:100%;overflow-x:auto;overflow-y:hidden;padding:0 0 10px}.variant-option{float:none;margin-bottom:0;display:inline-block;vertical-align:top;position:relative;flex:0 0 auto}.inner-variant-option::-webkit-scrollbar{height:4px!important}.inner-variant-option::-webkit-scrollbar-thumb{border-radius:10px!important;background:#d3d3d3!important}.inner-variant-option::-webkit-scrollbar-track{background:#f8f8f8!important}.shape-value,.data-close,.metal-title,.clarity-cnt{display:none}}@media (max-width: 849px){.selected_product_variant_title{display:none}.product-form__input--pill input[type=radio]+label.shapes{padding:10px 20px;display:flex;flex-direction:column;flex:1;align-items:center;gap:10px}.swatch-popup{margin:0}body.variant-open .variant-active-data:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;display:block;cursor:default;content:" ";background:#1111117a;transition:all .6s ease-in-out 0s}.product-form__input{margin:0 0 10px}.main-variants{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:4;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;display:flex;justify-content:center;align-items:flex-end;padding:0 10px}.main-variants.active{opacity:1;visibility:visible}.main-variants-inner{position:relative;max-width:800px;width:100%;background:#fff;border-radius:20px 20px 0 0;transition:transform .5s ease-in-out;transform:translateY(100%);padding:20px;box-shadow:0 -5px 15px #0003}.main-variants.active .main-variants-inner{transform:translateY(0)}.product-form__input .form__label{display:flex;justify-content:space-between;border-bottom:1px solid var(--bs-border-color);padding-bottom:10px;margin-bottom:15px}.variant-active-data{gap:10px;justify-content:space-between}.variant-data{display:flex;flex-direction:column;text-align:center;border:1px solid var(--bs-border-color);padding:10px;flex:1;align-items:center;gap:8px;border-radius:10px}.variant-title{font-size:14px;border-bottom:1px solid var(--bs-border-color);padding:0 5px 5px;color:var(--bs-heading-color);display:flex;align-items:center;gap:5px}.variant-cnt{font-size:12px;line-height:1}span.carat-cnt{font-size:15px;font-weight:600;color:var(--bs-heading-color);line-height:36px}.inner-variant-option{display:grid;width:100%;gap:5px;grid-template-columns:repeat(auto-fill,minmax(82px,1fr))}.variant-option{flex:1;text-align:center;width:100%}span.shape-value,.metal-title{font-size:12px;line-height:1;font-weight:400}.product-form__input--pill input[type=radio]+label.shapes{outline:1px solid var(--bs-border-color);outline-offset:-2px}.product-form__input--pill input[type=radio]:checked+label.shapes{outline:2px solid #5E7C6A}.product-form__input--pill input[type=radio]+label{margin:0;white-space:nowrap;padding:9px}.swatch-input__label.swatch-input__label--square.color-swatches{border-color:var(--bs-border-color);border-radius:10px;padding:10px;margin:0;text-align:center}.product-form__input--pill input[type=radio]+label{border-radius:10px}.swatch-input__label.swatch-input__label--square.color-swatches.active{background:#5e7c6a}.swatch-input__label.swatch-input__label--square.color-swatches.active .metal-title{color:#fff}a.swatch.swatch--square.color-swatch{margin:auto}.open-metal .metal-data,.open-shape .shape-data,.open-carat .carat-data{display:block}.shape-data,.carat-data,.metal-data{display:none}.clarity-cnt{font-size:13px;line-height:20px;margin:10px 0 0;display:block}.product-popup-modal__button{font-size:14px}.swatch-popup{grid-gap:15px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-product-variant-picker.css.map */