x-3d-product-options{--sj-stepper-height-tall: calc(var(--height-input, 2.75rem) * 3 + 3.7rem)}.sj-image-stepper{--sj-stepper-height: calc(var(--height-input, 2.75rem) * 3);--sj-stepper-visible: 3;position:relative;width:100%;z-index:3;font-family:inherit;font-weight:inherit;font-size:inherit}.sj-image-stepper.is-open{z-index:80}.sj-image-stepper__row{display:flex;align-items:stretch;gap:.3rem;width:100%;min-height:var(--sj-stepper-height);height:var(--sj-stepper-height);padding:.2rem .3rem .1rem;border:0;background:#fff;box-sizing:border-box}.sj-image-stepper__btn{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;border:0;background:transparent;box-shadow:none;color:#111;cursor:pointer;padding:0;flex:0 0 auto;align-self:center;height:2rem;transition:transform .16s ease,opacity .16s ease,color .16s ease}.sj-image-stepper__btn:hover:not(:disabled){background:transparent;transform:scale(1.18);color:#000}.sj-image-stepper__btn[data-sj-stepper-prev]:hover:not(:disabled){transform:translate(-2px) scale(1.18)}.sj-image-stepper__btn[data-sj-stepper-next]:hover:not(:disabled){transform:translate(2px) scale(1.18)}.sj-image-stepper__btn:active:not(:disabled){transform:scale(.96)}.sj-image-stepper__btn:disabled{opacity:.28;cursor:default;transform:none}.sj-image-stepper__viewport{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.05rem;height:100%}.sj-image-stepper__track{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(var(--sj-stepper-visible),minmax(0,1fr));gap:.25rem;width:100%;align-items:stretch}.sj-image-stepper__empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666}.sj-image-stepper__card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.15rem;min-width:0;height:100%;padding:.15rem .1rem .1rem;border:1px solid transparent;background:transparent;cursor:pointer;color:inherit;font:inherit;font-size:11px;font-weight:inherit;line-height:1.15;text-align:center}.sj-image-stepper__card:hover:not(.is-selected){background:#f7f7f7}.sj-image-stepper__card.is-selected,.sj-image-stepper__card.is-selected:hover{border-color:#111;background:#f5f5f5}.sj-image-stepper__card-img{width:auto;height:calc(var(--sj-stepper-height) * .62);max-width:100%;object-fit:contain;display:block;background:transparent;flex:0 0 auto}.sj-image-stepper--seal .sj-image-stepper__card-img{width:calc(var(--sj-stepper-height) * .72);height:calc(var(--sj-stepper-height) * .72);max-width:96%}.sj-image-stepper--seal .sj-image-stepper__option-img{width:4.25rem;height:4.25rem}.sj-image-stepper--ring,.sj-image-stepper--band:not(.sj-image-stepper--menu){--sj-stepper-height: var(--sj-stepper-height-tall)}.sj-image-stepper--band.sj-image-stepper--menu{--sj-stepper-height: auto}.sj-image-stepper--band .sj-image-stepper__card-img{width:calc(var(--sj-stepper-height) * .74);height:calc(var(--sj-stepper-height) * .74);max-width:100%}.sj-image-stepper--band .sj-image-stepper__option-img{width:4.5rem;height:4.5rem}.sj-image-stepper--ring .sj-image-stepper__card{overflow:hidden}.sj-image-stepper--ring .sj-image-stepper__card-img{width:calc(var(--sj-stepper-height) * .74);height:calc(var(--sj-stepper-height) * .74);max-width:100%;transform:scale(1.08);transform-origin:center center}.sj-image-stepper--ring .sj-image-stepper__card[data-value="71"] .sj-image-stepper__card-img,.sj-image-stepper--ring .sj-image-stepper__card[data-value=SIG] .sj-image-stepper__card-img{transform:none}.sj-image-stepper--ring .sj-image-stepper__option-img{width:4.5rem;height:4.5rem;transform:scale(1.08);transform-origin:center center}.sj-image-stepper--ring .sj-image-stepper__option[data-value="71"] .sj-image-stepper__option-img,.sj-image-stepper--ring .sj-image-stepper__option[data-value=SIG] .sj-image-stepper__option-img{transform:none}@media(max-width:959px){.sj-image-stepper__btn,.sj-image-stepper__chevron{display:none!important}.sj-image-stepper--swipe.sj-image-stepper--ring .sj-image-stepper__footer,.sj-image-stepper--swipe.sj-image-stepper--band .sj-image-stepper__footer{display:none}.sj-image-stepper--swipe,.sj-image-stepper--swipe .sj-image-stepper__row,.sj-image-stepper--swipe .sj-image-stepper__viewport{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.sj-image-stepper--swipe .sj-image-stepper__viewport{-webkit-mask-image:linear-gradient(to right,#000 76%,transparent);mask-image:linear-gradient(to right,#000 76%,transparent)}.sj-image-stepper--swipe.sj-image-stepper--seal .sj-image-stepper__viewport{-webkit-mask-image:none;mask-image:none}.sj-image-stepper--swipe .sj-image-stepper__row{padding-left:.2rem;padding-right:.2rem}.sj-image-stepper--swipe .sj-image-stepper__track{display:flex;grid-template-columns:none;gap:.4rem;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;touch-action:pan-x pan-y;scrollbar-width:none;padding-bottom:.1rem;box-sizing:border-box}.sj-image-stepper--swipe .sj-image-stepper__track::-webkit-scrollbar{display:none}@media(hover:hover){.sj-image-stepper--swipe .sj-image-stepper__track{cursor:grab}.sj-image-stepper--swipe .sj-image-stepper__track:active{cursor:grabbing}}.sj-image-stepper--swipe .sj-image-stepper__card{flex:0 0 31%;width:31%;max-width:31%;min-width:0;box-sizing:border-box;scroll-snap-align:start;height:auto;touch-action:pan-x pan-y}[data-sj-image-stepper-host=ring],[data-sj-image-stepper-host=band],[data-sj-image-stepper-host=seal]{width:100%;max-width:100%;min-width:0;min-height:0!important;height:auto!important;box-sizing:border-box}.sj-image-stepper--swipe,.sj-image-stepper--swipe .sj-image-stepper__row{min-height:0!important;height:auto!important}}.sj-image-stepper__card-img--empty{width:2.2rem;height:calc(var(--sj-stepper-height) * .62);border:1px dashed #ccc}.sj-image-stepper__card-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;max-width:100%;font:inherit;font-size:11.5px;font-weight:inherit;line-height:1.15;color:#111;text-align:center;word-break:break-word}.sj-image-stepper__footer{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.2rem .45rem .35rem;border-top:1px solid #eee;box-sizing:border-box;background:#fff}.sj-image-stepper__footer-extra{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0}.sj-image-stepper--band .sj-image-stepper__footer,.sj-image-stepper--ring .sj-image-stepper__footer{justify-content:center}.sj-image-stepper--band .sj-image-stepper__footer-extra:empty,.sj-image-stepper--ring .sj-image-stepper__footer-extra:empty{display:none}.sj-image-stepper__chevron{display:flex;align-items:center;justify-content:center;align-self:center;width:auto;height:auto;margin:0;padding:.15rem .45rem;border:0;background:none;box-shadow:none;color:#111;line-height:0;flex:0 0 auto;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.sj-image-stepper__chevron:hover:not(:disabled){transform:translateY(1px)}.sj-image-stepper__chevron:disabled,.sj-image-stepper__chevron[hidden]{visibility:hidden;pointer-events:none}.sj-image-stepper.is-open .sj-image-stepper__chevron{transform:rotate(180deg)}.sj-seal-size-chips{display:flex;align-items:stretch;justify-content:center;gap:.55rem;width:100%;padding:.15rem 0 .1rem}.sj-seal-size-chip{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:.45rem;min-height:3.7rem;padding:.55rem .5rem;border:1px solid #ddd;background:#fff;color:#111;cursor:pointer;font-family:var(--font-body, inherit);font-weight:var(--font-body-weight, inherit);font-style:var(--font-body-style, inherit);letter-spacing:var(--font-body-base-letter-spacing, normal);line-height:1.15;text-align:center;transition:background .14s ease,border-color .14s ease,transform .14s ease}.sj-seal-size-chip:hover:not(.is-selected){background:#f5f5f5;border-color:#bbb}.sj-seal-size-chip.is-selected,.sj-seal-size-chip.is-selected:hover{border-color:#111;background:#f5f5f5}.sj-seal-size-chip:active{transform:scale(.985)}.sj-seal-size-chip:disabled{opacity:.7;cursor:default}.sj-seal-size-chip__text{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:0}.sj-seal-size-chip__title{font-family:inherit;font-size:15px;font-weight:500;letter-spacing:inherit;white-space:nowrap}.sj-seal-size-chip__subtitle{font-family:inherit;font-size:11px;font-weight:400;color:#555;white-space:nowrap}.sj-seal-size-chip--two-tone{flex:1 1 0;position:relative;overflow:hidden;isolation:isolate}.sj-seal-size-chip--two-tone:after{content:"";position:absolute;top:-20%;right:-40%;bottom:-20%;left:-40%;z-index:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,0) 42%,rgba(255,255,255,.55) 50%,rgba(212,175,106,.22) 54%,transparent 62%);transform:translate(-55%) skew(-18deg);animation:sj-two-tone-sheen 4.8s ease-in-out infinite}.sj-seal-size-chip--two-tone>*{position:relative;z-index:1}.sj-seal-size-chip--two-tone.is-on:after,.sj-seal-size-chip--two-tone.is-selected:after{animation-duration:3.2s}@keyframes sj-two-tone-sheen{0%,55%{transform:translate(-55%) skew(-18deg);opacity:0}62%{opacity:1}78%{transform:translate(55%) skew(-18deg);opacity:.85}86%,to{transform:translate(55%) skew(-18deg);opacity:0}}@media(prefers-reduced-motion:reduce){.sj-seal-size-chip--two-tone:after{animation:none!important;display:none}}@media(max-width:420px){.sj-seal-size-chips{gap:.35rem;flex-wrap:wrap}.sj-seal-size-chip{flex:1 1 calc(50% - .35rem);min-height:3.4rem;padding:.45rem .4rem}.sj-seal-size-chip__title{font-size:14px}.sj-seal-size-chip__subtitle{font-size:10px}}.sj-image-stepper--seal[data-seal-size=N] .sj-image-stepper__card-img,.sj-image-stepper--seal[data-seal-size=E] .sj-image-stepper__card-img{border-radius:50%}.sj-image-stepper--seal[data-seal-size=L] .sj-image-stepper__card-img{border-radius:50%/38%}.sj-image-stepper--seal .sj-image-stepper__row{border-bottom:0}[data-option="Seal Size"].sj-seal-size-absorbed,[data-option=Two-tone].sj-seal-size-absorbed{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sj-image-stepper__menu{position:absolute;left:0;right:0;top:calc(100% - 1px);max-height:min(22rem,55vh);overflow:auto;overscroll-behavior:contain;border:1px solid #111;background:#fff;box-shadow:0 10px 28px #00000024;z-index:90;font:inherit;box-sizing:border-box}.sj-image-stepper--menu{position:relative;width:100%}.sj-image-stepper__trigger{display:flex;align-items:center;gap:.65rem;width:100%;min-height:var(--height-input, 2.75rem);padding:.35rem .65rem;border:1px solid #cfcfcf;border-radius:2px;background:#fff;cursor:pointer;text-align:left;color:#111;font:inherit;font-size:14px;box-sizing:border-box}.sj-image-stepper__trigger:after{content:"";margin-left:auto;width:10px;height:10px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);opacity:.7;flex-shrink:0}.sj-image-stepper--menu.is-open .sj-image-stepper__trigger:after{transform:rotate(-135deg) translate(-2px,-2px)}.sj-image-stepper__trigger-img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.sj-image-stepper__trigger-img--empty{display:inline-block;width:36px;height:36px;background:#f0f0f0}.sj-image-stepper__trigger-label{flex:1;min-width:0}.sj-image-stepper--menu .sj-image-stepper__menu{top:calc(100% + 2px)}.sj-image-stepper__option{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;width:100%;padding:.45rem .65rem;border:0;border-bottom:1px solid #eee;background:#fff;cursor:pointer;text-align:left;color:#111;font:inherit;font-size:14px;font-weight:inherit;box-sizing:border-box}.sj-image-stepper__option:last-child{border-bottom:1px solid #eee}.sj-image-stepper__option:hover,.sj-image-stepper__option.is-selected{background:#f5f5f5}.sj-image-stepper__option-img{width:2.85rem;height:4.35rem;object-fit:contain;flex:0 0 auto;background:transparent}.sj-image-stepper__option-img--empty{display:inline-block;border:1px dashed #ccc;background:transparent}.sj-image-stepper__option-label{flex:1 1 auto;min-width:0;font:inherit;font-weight:inherit;line-height:1.25}[data-sj-image-stepper-host=band],[data-sj-image-stepper-host=seal],[data-sj-image-stepper-host=ring]{display:block!important;position:relative;height:auto!important;min-height:var(--sj-stepper-height, calc(var(--height-input, 2.75rem) * 3));border:1px solid #111!important;font-family:inherit;font-weight:inherit;z-index:2;overflow:visible;box-sizing:border-box}.preset-3d-options[data-variant-matrix=true] [data-sj-image-stepper-host=band],.preset-3d-options[data-variant-matrix=true] [data-sj-image-stepper-host=seal],.preset-3d-options[data-variant-matrix=true] [data-sj-image-stepper-host=ring]{min-height:0!important;height:auto!important;border:0!important}[data-sj-image-stepper-host=ring],[data-sj-image-stepper-host=band]:not(:has(.sj-image-stepper--menu)){min-height:var(--sj-stepper-height-tall, calc(var(--height-input, 2.75rem) * 3 + 3.7rem))}[data-sj-image-stepper-host=band]:has(.sj-image-stepper--menu){min-height:0}[data-sj-image-stepper-host=band] .sj-image-stepper-mount,[data-sj-image-stepper-host=band] .sj-image-stepper,[data-sj-image-stepper-host=seal] .sj-image-stepper-mount,[data-sj-image-stepper-host=seal] .sj-image-stepper,[data-sj-image-stepper-host=ring] .sj-image-stepper-mount,[data-sj-image-stepper-host=ring] .sj-image-stepper{border:0}[data-sj-image-stepper-host=band]:has(.sj-image-stepper.is-open),[data-sj-image-stepper-host=seal]:has(.sj-image-stepper.is-open),[data-sj-image-stepper-host=ring]:has(.sj-image-stepper.is-open){z-index:80;overflow:visible}[data-sj-image-stepper-host=band]>.product__label-wpper,[data-sj-image-stepper-host=band]>.select-wrapper,[data-sj-image-stepper-host=seal]>.product__label-wpper,[data-sj-image-stepper-host=seal]>.select-wrapper,[data-sj-image-stepper-host=ring]>.product__label-wpper,[data-sj-image-stepper-host=ring]>.select-wrapper{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}x-3d-product-options [data-option="Ring Size"]{position:relative;z-index:1}@media(min-width:960px){.sj-image-stepper.can-slide:not(.sj-image-stepper--swipe) .sj-image-stepper__viewport{-webkit-mask-image:linear-gradient(to right,#000 60%,transparent);mask-image:linear-gradient(to right,#000 60%,transparent)}}@media(min-width:960px){.sj-image-stepper--swipe.sj-image-stepper--band .sj-image-stepper__btn,.sj-image-stepper--swipe.sj-image-stepper--band .sj-image-stepper__chevron,.sj-image-stepper--swipe.sj-image-stepper--band .sj-image-stepper__footer{display:none!important}.sj-image-stepper--swipe.sj-image-stepper--band .sj-image-stepper__viewport{-webkit-mask-image:linear-gradient(to right,#000 76%,transparent);mask-image:linear-gradient(to right,#000 76%,transparent)}.sj-image-stepper--swipe.sj-image-stepper--band .sj-image-stepper__track{display:flex;grid-template-columns:none;gap:.4rem;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:none;scrollbar-width:none;padding-bottom:.1rem;box-sizing:border-box}.sj-image-stepper--swipe.sj-image-stepper--band .sj-image-stepper__track::-webkit-scrollbar{display:none}.sj-image-stepper--swipe.sj-image-stepper--band .sj-image-stepper__card{flex:0 0 31%;width:31%;max-width:31%;min-width:0;box-sizing:border-box;scroll-snap-align:start;height:auto}@media(hover:hover){.sj-image-stepper--swipe.sj-image-stepper--band .sj-image-stepper__track{cursor:grab}.sj-image-stepper--swipe.sj-image-stepper--band .sj-image-stepper__track:active{cursor:grabbing}}[data-sj-image-stepper-host=band]:has(.sj-image-stepper--swipe){min-height:var(--sj-stepper-height, calc(var(--height-input, 2.75rem) * 3))}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/sj-image-stepper.css.map */