dialog.ring-sizer{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(480px,100vw);max-width:none;max-height:none;height:100vh;height:100dvh;margin:0;padding:0;border:0;background:var(--cz-paper, #FFFFFF);color:var(--cz-ink, #1A1A17);box-shadow:-20px 0 60px #0000001f;overflow:hidden;z-index:10001;opacity:0;transform:translate(100%);will-change:transform,opacity;transition:transform 1.3s cubic-bezier(.22,1,.36,1),opacity .5s ease .5s,overlay 1.3s allow-discrete,display 1.3s allow-discrete}dialog.ring-sizer[open]{opacity:1;transform:translate(0)}@starting-style{dialog.ring-sizer[open]{opacity:0;transform:translate(100%)}}dialog.ring-sizer::backdrop{background:#fff0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background-color 1.3s cubic-bezier(.22,1,.36,1),backdrop-filter 1.3s cubic-bezier(.22,1,.36,1),overlay 1.3s allow-discrete,display 1.3s allow-discrete}dialog.ring-sizer[open]::backdrop{background:#ffffffd9;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@starting-style{dialog.ring-sizer[open]::backdrop{background:#fff0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.ring-sizer__panel{height:100%;display:flex;flex-direction:column;background:var(--cz-paper, #FFFFFF);overflow:hidden}@media(prefers-reduced-motion:reduce){dialog.ring-sizer,dialog.ring-sizer::backdrop{transition:none}}.ring-sizer__head{position:relative;padding:18px 24px 0;min-height:56px}.ring-sizer__title{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.ring-sizer__close{position:absolute;top:18px;left:18px;width:36px;height:36px;display:grid;place-items:center;background:transparent;border:1px solid var(--cz-line, #E4DED2);border-radius:999px;cursor:pointer;color:var(--cz-ink, #1A1A17);transition:border-color .22s ease,background .22s ease}.ring-sizer__close:hover{border-color:var(--cz-ink, #1A1A17);background:var(--cz-mint-whisper, #F4ECDC)}.ring-sizer__close svg{width:11px;height:11px}.ring-sizer__body{flex:1;overflow-y:auto;padding:8px 32px 24px}.ring-sizer__footer{padding:20px 32px 28px;display:flex;gap:14px;align-items:center;border-top:1px solid var(--cz-line, #E4DED2);background:var(--cz-paper, #FFFFFF);flex-shrink:0}.ring-sizer__cta{flex:1;padding:16px 22px;font-family:var(--cz-font-body, "Inter", sans-serif);font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;border:0;cursor:pointer;transition:background .22s ease,color .22s ease;background:var(--cz-ink, #1A1A17);color:#fff}.ring-sizer__cta:hover{background:#2d2d28}.ring-sizer__cta:disabled{opacity:.35;cursor:not-allowed}.ring-sizer__cta--ghost{background:transparent;color:var(--cz-ink-soft, #3B3A34);padding:16px 4px;flex:0 0 auto;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--cz-line, #E4DED2)}.ring-sizer__cta--ghost:hover{text-decoration-color:var(--cz-ink, #1A1A17);color:var(--cz-ink, #1A1A17);background:transparent}.ring-sizer__dots{display:flex;gap:10px;justify-content:center;margin:8px auto 24px}.ring-sizer__dot{width:6px;height:6px;border-radius:50%;background:transparent;border:1px solid var(--cz-line, #E4DED2);transition:background .2s ease,border-color .2s ease}.ring-sizer__dot[data-state=on]{background:var(--cz-mint-tier, #F68274);border-color:var(--cz-mint)}.ring-sizer__dot[data-state=done]{background:transparent;border-color:var(--cz-mint)}.ring-sizer__eyebrow{font-family:var(--cz-font-body, "Inter", sans-serif);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--cz-mint);font-weight:500;margin:0 0 14px;text-align:center}.ring-sizer__step-h{font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-weight:400;font-size:30px;line-height:1.1;letter-spacing:-.005em;margin:0 auto 14px;color:var(--cz-ink, #1A1A17);text-align:center;max-width:340px}.ring-sizer__step-h--compact{font-size:22px;margin-bottom:8px}cz-ring-sizer.is-adjusting .ring-sizer__dots,cz-ring-sizer.is-adjusting .ring-sizer__eyebrow,cz-ring-sizer.is-adjusting .ring-sizer__step-h,cz-ring-sizer.is-adjusting .ring-sizer__step-p,cz-ring-sizer.is-adjusting .ring-sizer__card-meta,cz-ring-sizer.is-adjusting .ring-sizer__hint,cz-ring-sizer.is-adjusting .ring-sizer__calibrate-actions{opacity:0;visibility:hidden;max-height:0;margin:0;padding:0;overflow:hidden;transition:opacity .18s ease,visibility 0s linear .18s,max-height .22s ease,margin .22s ease,padding .22s ease}.ring-sizer__dots,.ring-sizer__eyebrow,.ring-sizer__step-h,.ring-sizer__step-p,.ring-sizer__card-meta,.ring-sizer__hint,.ring-sizer__calibrate-actions{transition:opacity .18s ease 80ms,visibility 0s linear 0s,max-height .22s ease,margin .22s ease,padding .22s ease}.ring-sizer__step-h em{font-style:italic;color:var(--cz-mint)}.ring-sizer__step-p{font-size:13px;color:var(--cz-ink-muted, #7A7870);line-height:1.6;margin:0 auto 24px;text-align:center;max-width:320px}.ring-sizer__method-list{display:flex;flex-direction:column;gap:10px;margin:8px 0 16px}.ring-sizer__method{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid var(--cz-line, #E4DED2);background:var(--cz-paper, #FFFFFF);text-align:left;cursor:pointer;transition:border-color .22s ease,background .22s ease;width:100%;font:inherit}.ring-sizer__method:hover{border-color:var(--cz-ink-muted, #7A7870)}.ring-sizer__method[aria-pressed=true]{border-color:var(--cz-mint);background:var(--cz-mint-whisper, #F4ECDC)}.ring-sizer__method-radio{width:16px;height:16px;border:1px solid var(--cz-ink-muted, #7A7870);border-radius:50%;flex-shrink:0;margin-top:4px;position:relative}.ring-sizer__method[aria-pressed=true] .ring-sizer__method-radio{border-color:var(--cz-mint)}.ring-sizer__method[aria-pressed=true] .ring-sizer__method-radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--cz-mint-tier, #F68274);border-radius:50%}.ring-sizer__method-name{display:block;font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-size:19px;font-weight:400;margin-bottom:4px;line-height:1.25;color:var(--cz-ink, #1A1A17)}.ring-sizer__method-desc{display:block;font-size:12px;color:var(--cz-ink-muted, #7A7870);line-height:1.5}.ring-sizer__card-stage{position:relative;margin:12px auto 8px;min-height:200px;display:flex;align-items:center;justify-content:center}.ring-sizer__card{box-sizing:border-box;border:1px solid var(--cz-mint-tier, #F68274);background:var(--cz-mint-whisper, #F4ECDC);position:relative;box-shadow:0 1px 2px #1a1a170a,0 12px 24px -8px #1a1a171a}.ring-sizer__card-handle{position:absolute;width:24px;height:24px;background:var(--cz-ink, #1A1A17);border-radius:50%;right:-12px;bottom:-12px;cursor:nwse-resize;touch-action:none}.ring-sizer__card-handle:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:var(--cz-paper, #FFFFFF);border-radius:50%}.ring-sizer__card-meta{text-align:center;font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-style:italic;font-size:13px;color:var(--cz-ink-muted, #7A7870);margin:12px 0 4px}.ring-sizer__slider{width:100%;margin:14px 0 6px;accent-color:var(--cz-mint)}.ring-sizer__hint{font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-style:italic;font-size:12px;color:var(--cz-ink-muted, #7A7870);text-align:center;margin:4px 0 0}.ring-sizer__calibrate-controls{width:100%;display:flex;flex-direction:column}.ring-sizer__calibrate-controls .ring-sizer__slider{margin:0 0 4px}.ring-sizer__calibrate-controls .ring-sizer__hint{margin:0 0 14px}.ring-sizer__calibrate-actions{display:flex;gap:14px;align-items:center;width:100%}.ring-sizer__circle-stage{position:relative;margin:24px auto 12px;display:flex;align-items:center;justify-content:center;min-height:220px}.ring-sizer__circle{border:1.5px solid var(--cz-ink, #1A1A17);background:#fff3;border-radius:50%;position:relative;touch-action:none}.ring-sizer__circle-handle{position:absolute;width:24px;height:24px;background:var(--cz-mint-tier, #F68274);border-radius:50%;right:-12px;top:50%;transform:translateY(-50%);cursor:ew-resize;touch-action:none;box-shadow:0 2px 8px #1a1a172e}.ring-sizer__circle-handle:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:var(--cz-paper, #FFFFFF);border-radius:50%}.ring-sizer__measurement{text-align:center;margin:18px 0 4px;padding:18px 20px;background:var(--cz-mint-whisper, #F4ECDC)}.ring-sizer__measurement-label{font-family:var(--cz-font-body, "Inter", sans-serif);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--cz-ink-muted, #7A7870);margin-bottom:6px;font-weight:500}.ring-sizer__measurement-value{font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-size:32px;font-weight:400;line-height:1;color:var(--cz-ink, #1A1A17)}.ring-sizer__fine{display:flex;gap:14px;justify-content:center;margin-top:14px}.ring-sizer__fine-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--cz-line, #E4DED2);background:transparent;font-size:18px;cursor:pointer;line-height:1;color:var(--cz-ink, #1A1A17);transition:border-color .22s ease,background .22s ease}.ring-sizer__fine-btn:hover{border-color:var(--cz-ink, #1A1A17);background:var(--cz-mint-whisper, #F4ECDC)}.ring-sizer__recalibrate{display:block;text-align:center;font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-style:italic;font-size:12px;color:var(--cz-ink-muted, #7A7870);margin-top:22px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--cz-line, #E4DED2);background:none;border:0;cursor:pointer;width:100%}.ring-sizer__recalibrate:hover{text-decoration-color:var(--cz-ink, #1A1A17);color:var(--cz-ink, #1A1A17)}.ring-sizer__illustration{margin:16px -32px 8px;padding:0;overflow:hidden;background:var(--cz-mint-whisper, #F4ECDC)}.ring-sizer__illustration img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:16 / 9}.ring-sizer__instructions{margin:18px auto 22px;padding:0 0 0 24px;font-size:13px;color:var(--cz-ink-soft, #3B3A34);line-height:1.7;max-width:320px}.ring-sizer__instructions li{margin-bottom:6px}.ring-sizer__number-input{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px auto 8px;max-width:260px}.ring-sizer__number-input input{flex:1;padding:14px 12px;font-size:22px;border:1px solid var(--cz-line, #E4DED2);background:var(--cz-mint-whisper, #F4ECDC);font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-weight:400;text-align:center;color:var(--cz-ink, #1A1A17);outline:none;transition:border-color .22s ease}.ring-sizer__number-input input:focus{border-color:var(--cz-mint)}.ring-sizer__number-input input:invalid,.ring-sizer__number-input input[aria-invalid=true]{border-color:#c2362e}.ring-sizer__number-input-unit{font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-style:italic;font-size:14px;color:var(--cz-ink-muted, #7A7870)}.ring-sizer__error{font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-style:italic;font-size:13px;color:#c2362e;margin:4px auto 0;text-align:center;min-height:1.4em}.ring-sizer__result-mm{font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-size:44px;font-weight:400;text-align:center;margin:14px 0 4px;line-height:1;color:var(--cz-ink, #1A1A17)}.ring-sizer__result-mm em{font-style:italic;color:var(--cz-mint)}.ring-sizer__result-label{font-family:var(--cz-font-body, "Inter", sans-serif);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--cz-ink-muted, #7A7870);text-align:center;margin-bottom:24px;font-weight:500}.ring-sizer__result-table{display:flex;flex-direction:column;gap:1px;background:var(--cz-line, #E4DED2);margin-bottom:20px}.ring-sizer__result-row{display:flex;justify-content:space-between;align-items:baseline;padding:12px 18px;background:var(--cz-mint-whisper, #F4ECDC);font-size:13px;color:var(--cz-ink-soft, #3B3A34)}.ring-sizer__result-row b{font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-weight:400;font-size:18px;color:var(--cz-ink, #1A1A17)}.ring-sizer__result-banner{padding:20px 22px;background:var(--cz-mint-whisper, #F4ECDC);border-left:2px solid var(--cz-mint-tier, #F68274);text-align:left;font-size:13px;color:var(--cz-ink-soft, #3B3A34);line-height:1.55;margin:4px 0 14px}.ring-sizer__result-banner b{font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-style:italic;font-weight:400;font-size:26px;display:block;margin-top:8px;color:var(--cz-ink, #1A1A17)}.ring-sizer__warning{padding:14px 16px 14px 18px;background:var(--cz-mint-whisper, #F4ECDC);border-left:2px solid var(--cz-mint-tier, #F68274);font-family:var(--cz-font-display, "Cormorant Garamond", Georgia, serif);font-style:italic;font-size:13px;color:var(--cz-ink-soft, #3B3A34);line-height:1.55;margin:12px 0}.ring-sizer__warning a{color:var(--cz-ink, #1A1A17);text-decoration:underline;text-underline-offset:3px}@media(min-width:750px){.ring-sizer__panel{max-width:480px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/ring-sizer.css.map */