.has-ring-size-picker{overflow:hidden}.RingSizePickerModal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(520px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 48px);padding:32px;border:0;border-radius:var(--radius-md, 8px);background:var(--color-surface-canvas, #fff);color:var(--text-color);overflow:hidden;font-size:max(var(--font-size-min, 12px),14px)}.RingSizePickerModal::backdrop{background:#00000059}.RingSizePickerModal .UiModal__Close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;padding:10px;border:0;background:transparent;color:inherit}.RingSizePickerModal .UiModal__Close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.RingSizePickerModal .UiModal__Close:hover{background:transparent;color:inherit}.RingSizePickerModal .UiModal__Title{margin:0 40px 24px 0;font-size:20px;line-height:1.3}.RingSizePicker__product{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:24px}.RingSizePicker__product img{width:80px;height:100px;object-fit:cover}.RingSizePicker__product p{margin:0;font-size:14px}.RingSizePicker__product .RingSizePicker__name{margin-bottom:8px;font-size:16px;line-height:1.4}.RingSizePicker__form fieldset{margin:0;padding:0;border:0}.RingSizePicker__form legend{margin-bottom:12px;font-size:16px}.RingSizePicker__choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.RingSizePicker__choice{display:grid;place-items:center;min-width:44px;height:44px;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius-round, 50%);background:transparent;color:inherit;font-size:14px}.RingSizePicker__choice[aria-pressed=true]{background:var(--button-background, #180329);color:var(--button-text-color, #fff);border-color:var(--button-background, #180329)}.RingSizePicker__choice:focus-visible,.RingSizeGuide summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}.RingSizePicker__add{margin-top:0;min-height:44px;font-size:14px}.RingSizePicker__add:disabled{opacity:.45;cursor:default}.RingSizeGuide{margin:16px 0;font-size:max(var(--font-size-min, 12px),14px)}.RingSizeGuide summary{width:fit-content;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.RingSizeGuide__content{margin-top:16px}.RingSizeGuide__content p{margin:0 0 12px;font-size:14px;line-height:1.6}.RingSizeGuide__table{overflow-x:auto}.RingSizeGuide table{width:100%;margin-bottom:16px;border-collapse:collapse;font-size:12px;text-align:left}.RingSizeGuide caption{padding-bottom:12px;text-align:left;font-weight:500}.RingSizeGuide th,.RingSizeGuide td{padding:8px 6px;border-bottom:1px solid var(--border-color);font-size:12px}@media(max-width:640px){.RingSizePickerModal{inset:auto 0 0;width:100%;max-height:calc(100dvh - 24px);margin:0;padding:24px 20px max(24px,env(safe-area-inset-bottom));border-radius:12px 12px 0 0}}.RingSizePickerShowcase{margin:32px auto;padding:24px;max-width:640px}.RingSizePickerShowcase__card{max-width:280px}.RingSizePickerModal[open]{display:flex;flex-direction:column}.RingSizePickerModal>.UiModal__Title{flex-shrink:0}.RingSizePickerModal>.UiModal__Content,.RingSizePicker__form{display:flex;flex-direction:column;min-height:0}.RingSizePicker__scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2xs, 4px);margin:calc(-1 * var(--space-2xs, 4px));scroll-padding-block:var(--space-xs, 8px)}.RingSizePicker__actions{position:relative;flex-shrink:0;padding-top:var(--space-lg, 24px);background:var(--color-surface-canvas, #fff)}.RingSizePicker__actions:before{content:"";position:absolute;inset:auto 0 100%;height:var(--space-lg, 24px);background:linear-gradient(to bottom,transparent,var(--color-surface-canvas, #fff));pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/57/assets/ring-size-picker.css.map */