.ring-sizer{display:block;--ring-sizer-accent: rgb(var(--heading-color));--ring-sizer-line: rgb(var(--text-color) / .25);--ring-sizer-thumb: #4d4d4d}.ring-sizer__intro{margin-bottom:1.5rem}.ring-sizer__stage{display:flex;align-items:center;justify-content:center;min-height:190px;margin:1.5rem 0}.ring-sizer__reference{box-sizing:border-box;border:2px dashed var(--ring-sizer-accent);background:rgb(var(--text-color) / .04)}.ring-sizer__ring{box-sizing:border-box;border:2px solid var(--ring-sizer-accent);border-radius:50%;flex:0 0 auto}.ring-sizer__caption{margin-top:.75rem;text-align:center;opacity:.7}.ring-sizer__readout{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;text-align:start}.ring-sizer__readout-secondary{display:grid;gap:.5rem;text-align:end}.ring-sizer__readout-label{display:block;margin-bottom:.25rem;opacity:.7}.ring-sizer__readout-value{display:block;font-size:1.5rem;line-height:1.2;color:rgb(var(--heading-color))}.ring-sizer__readout-value--lead{font-size:2.25rem}.ring-sizer__equivalents{margin-top:.5rem;margin-bottom:0;text-align:start;opacity:.7}.ring-sizer__slider{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:.5rem 0;background:transparent;cursor:pointer}.ring-sizer__slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--ring-sizer-line)}.ring-sizer__slider::-moz-range-track{height:4px;border-radius:999px;background:var(--ring-sizer-line)}.ring-sizer__slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:32px;margin-top:-14px;border:0;border-radius:9px;background:var(--ring-sizer-thumb);box-shadow:0 1px 4px #00000059}.ring-sizer__slider::-moz-range-thumb{width:28px;height:32px;border:0;border-radius:9px;background:var(--ring-sizer-thumb);box-shadow:0 1px 4px #00000059}.ring-sizer__slider:focus-visible::-webkit-slider-thumb{outline:2px solid rgb(var(--heading-color));outline-offset:2px}.ring-sizer__slider:focus-visible::-moz-range-thumb{outline:2px solid rgb(var(--heading-color));outline-offset:2px}.ring-sizer__controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.ring-sizer__select{padding:.5rem .75rem;border:1px solid var(--ring-sizer-line);border-radius:var(--btn-border-radius);background:transparent;color:inherit;font-size:var(--input-text-size, 16px)}.ring-sizer__hint{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--btn-border-radius);background:rgb(var(--text-color) / .06)}.ring-sizer__hint>*:last-child{margin-bottom:0}.ring-sizer__confirm{display:block;width:fit-content;min-width:12rem;max-width:100%;margin:1.25rem auto 0}.ring-sizer [data-step]:focus{outline:none}.ring-sizer__status{margin-top:.75rem;color:rgb(var(--error-text-color, 190 30 30))}.ring-sizer__status:empty{display:none}.ring-sizer__detected{margin-top:.75rem;opacity:.7}.ring-sizer__detected>*:last-child{margin-bottom:0}.ring-sizer__desktop{padding:1rem 0 .5rem;text-align:center}.ring-sizer__desktop-icon{display:block;margin:0 auto 1rem;width:40px;height:64px;border:2px solid var(--ring-sizer-accent);border-radius:6px}.ring-sizer__note{margin-top:1rem;opacity:.7}.ring-sizer__link{color:inherit;text-decoration:underline;text-underline-offset:2px}.ring-sizer__ring,.ring-sizer__reference{transition:none}.ring-sizer-modal__window{display:flex;flex-direction:column;width:100%;max-width:720px;max-height:calc(var(--viewport-height) - var(--gutter) * 2);margin:var(--gutter);overflow:hidden;border-radius:var(--modal-border-radius);box-shadow:0 0 10px #0000004d;opacity:0;transition:opacity .15s ease-in 0s}.modal[open] .ring-sizer-modal__window,[open]:not(.is-closing) .ring-sizer-modal__window{opacity:1;transition:opacity .15s ease-out .1s}.ring-sizer-modal__content{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:64px var(--gutter) var(--gutter)}.ring-sizer-modal__window .modal__edge-title{z-index:1;inset-inline:0;top:0;margin:0;padding:var(--gutter) 56px var(--gutter) var(--gutter);background-color:rgb(var(--bg-color))}.ring-sizer-modal__window .modal__close-btn{z-index:2}@media(max-width:767px){.ring-sizer-modal__window{max-width:none;height:100%;max-height:none;margin:0;border-radius:0}}.modal__window:has(.ring-sizer),.modal[open] .modal__window:has(.ring-sizer){transform:none}
/*# sourceMappingURL=/cdn/shop/t/103/assets/ring-sizer.css.map */