.caratory-size-option{--caratory-size-ink: rgb(var(--text-color));--caratory-size-muted: rgba(var(--text-color), .58);--caratory-size-soft: rgba(var(--text-color), .045);--caratory-size-line: rgba(var(--text-color), .14);--caratory-size-line-strong: rgba(var(--text-color), .24);margin-block-start:.15rem}.caratory-size-option .variant-picker__option-info{align-items:center}.caratory-size-option .variant-picker__option-info legend{font-weight:500}.caratory-size-option variant-option-value{min-width:2ch;color:var(--caratory-size-ink);font-weight:600}.caratory-size-selector{position:relative;display:grid;width:100%}.caratory-size-selector__hint{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:.5rem 0 0;color:var(--caratory-size-muted);font-size:.72rem;line-height:1.3;text-align:center}.caratory-size-selector--ring{gap:0}.caratory-ring-size__shell{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;min-width:0;padding:.35rem;border:1px solid var(--caratory-size-line);border-radius:.85rem;background:rgb(var(--background));box-shadow:0 .35rem 1rem #1f1c180b}.caratory-size-selector__arrow{position:relative;z-index:3;display:grid;place-items:center;width:2.35rem;height:2.35rem;padding:0;border:0;border-radius:.6rem;background:transparent;color:var(--caratory-size-ink);cursor:pointer;transition:background .16s ease,color .16s ease,opacity .16s ease}.caratory-size-selector__arrow:hover:not(:disabled){background:var(--caratory-size-soft)}.caratory-size-selector__arrow:focus-visible{outline:2px solid var(--caratory-size-ink);outline-offset:2px}.caratory-size-selector__arrow:disabled{opacity:.22;cursor:default}.caratory-ring-size__viewport{position:relative;min-width:0;overflow:hidden}.caratory-ring-size__viewport:before,.caratory-ring-size__viewport:after{position:absolute;z-index:2;top:0;bottom:0;width:1.65rem;pointer-events:none;content:""}.caratory-ring-size__viewport:before{left:0;background:linear-gradient(90deg,rgb(var(--background)) 18%,transparent)}.caratory-ring-size__viewport:after{right:0;background:linear-gradient(-90deg,rgb(var(--background)) 18%,transparent)}.caratory-ring-size__track{display:flex;align-items:center;gap:.35rem;min-width:0;padding:0 calc(50% - 1.4rem);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x}.caratory-ring-size__track::-webkit-scrollbar{display:none}.caratory-ring-size__item{position:relative;display:grid;flex:0 0 2.8rem;place-items:center;width:2.8rem;height:2.8rem;border:1px solid transparent;border-radius:.58rem;color:var(--caratory-size-muted);cursor:pointer;scroll-snap-align:center;transition:border-color .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}.caratory-ring-size__item[data-distance="2"],.caratory-ring-size__item[data-distance="3"]{opacity:.62}.caratory-ring-size__item:hover{border-color:var(--caratory-size-line);color:var(--caratory-size-ink)}.caratory-ring-size__track input:checked+.caratory-ring-size__item{border-color:var(--caratory-size-ink);background:var(--caratory-size-ink);color:rgb(var(--background));box-shadow:0 .35rem .75rem #19181624;font-weight:600;transform:translateY(-1px)}.caratory-ring-size__track input:focus-visible+.caratory-ring-size__item,.caratory-bracelet-size__track input:focus-visible+.caratory-bracelet-size__item{outline:2px solid var(--caratory-size-ink);outline-offset:3px}.caratory-ring-size__item.is-disabled,.caratory-bracelet-size__item.is-disabled{opacity:.34}.caratory-ring-size__item.is-disabled:after,.caratory-bracelet-size__item.is-disabled:after{position:absolute;width:55%;height:1px;background:currentColor;content:"";transform:rotate(-34deg)}.caratory-size-selector--bracelet{gap:.65rem}.caratory-bracelet-size__guide{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;border:1px solid var(--caratory-size-line);border-radius:.75rem;background:var(--caratory-size-soft)}.caratory-bracelet-size__guide-icon{display:grid;flex:0 0 2.35rem;place-items:center;width:2.35rem;height:2.35rem;border-radius:999px;background:rgb(var(--background));color:var(--caratory-size-ink);box-shadow:inset 0 0 0 1px var(--caratory-size-line)}.caratory-bracelet-size__guide-copy{display:grid;gap:.08rem;min-width:0;line-height:1.3}.caratory-bracelet-size__guide-copy strong{color:var(--caratory-size-ink);font-size:.78rem;font-weight:600}.caratory-bracelet-size__guide-copy span{color:var(--caratory-size-muted);font-size:.72rem}.caratory-bracelet-size__track{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.65rem,1fr));gap:.5rem}.caratory-bracelet-size__item{position:relative;display:grid;place-items:center;min-width:0;min-height:2.85rem;padding:.55rem .65rem;border:1px solid var(--caratory-size-line);border-radius:.65rem;background:rgb(var(--background));color:var(--caratory-size-ink);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.caratory-bracelet-size__item:hover{border-color:var(--caratory-size-line-strong);box-shadow:0 .2rem .6rem #1f1c180d}.caratory-bracelet-size__track input:checked+.caratory-bracelet-size__item{border-color:var(--caratory-size-ink);box-shadow:inset 0 0 0 1px var(--caratory-size-ink);font-weight:600;transform:translateY(-1px)}.caratory-bracelet-size__track input:checked+.caratory-bracelet-size__item:before{position:absolute;top:.25rem;right:.25rem;display:grid;place-items:center;width:.95rem;height:.95rem;border-radius:999px;background:var(--caratory-size-ink);color:rgb(var(--background));content:"\2713";font-size:.58rem;line-height:1}@media screen and (max-width:699px){.caratory-ring-size__shell{grid-template-columns:2.45rem minmax(0,1fr) 2.45rem;padding:.3rem}.caratory-size-selector__arrow{width:2.2rem;height:2.2rem}.caratory-ring-size__track{padding-inline:calc(50% - 1.3rem)}.caratory-ring-size__item{flex-basis:2.6rem;width:2.6rem;height:2.6rem}.caratory-bracelet-size__guide{padding:.7rem}.caratory-bracelet-size__track{grid-template-columns:repeat(auto-fit,minmax(4.25rem,1fr));gap:.4rem}}@media(prefers-reduced-motion:reduce){.caratory-size-selector__arrow,.caratory-ring-size__item,.caratory-bracelet-size__item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/caratory-size-selectors.css.map */