.ring-designer{--metal-light: #fff2b8;--metal-mid: #c89636;--metal-dark: #6f4511;--stone-light: #ffffff;--stone-mid: #d9efff;--stone-dark: #7fa4bf;color:var(--av-ivory);background:radial-gradient(circle at 22% 15%,rgba(176,141,87,.22),transparent 34%),linear-gradient(135deg,#141210,#2e2a27 68%,#181512)}.ring-designer .section-header p{color:#f8f6f2c7}.ring-designer__layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:34px;align-items:stretch}.ring-designer__preview-card,.ring-designer__controls{border:1px solid rgba(248,246,242,.16);border-radius:10px;background:#ffffff0e;box-shadow:0 24px 70px #0000003b}.ring-designer__preview-card{display:grid;align-content:center;min-height:500px;padding:24px;overflow:hidden}.ring-designer__preview{width:100%;height:auto}.ring-designer__stone{transform-box:fill-box;transform-origin:center;transform:scale(var(--stone-scale, 1));transition:transform .32s ease}.ring-designer__stone [data-cut-shape]{opacity:0;transition:opacity .18s ease}.ring-designer__stone [data-cut-shape][data-active=true]{opacity:1}.ring-designer__summary{min-height:2.5em;margin:0;color:#f8f6f2d6;text-align:center}.ring-designer__controls{display:grid;gap:17px;align-content:center;padding:34px}.ring-designer__field{display:grid;grid-template-columns:118px 1fr;gap:18px;align-items:center}.ring-designer__field label{color:#f8f6f2d1;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.ring-designer__field select{width:100%;min-height:48px;border:1px solid rgba(248,246,242,.25);border-radius:4px;padding:10px 38px 10px 14px;color:var(--av-ivory);background:#211e1b}.ring-designer__field option{color:var(--av-charcoal);background:var(--av-white)}.ring-designer__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.ring-designer__actions .button{width:100%}.ring-designer__actions .button--secondary{color:var(--av-ivory);border-color:#f8f6f27a}.ring-designer__status{min-height:1.6em;margin:0;color:#f8f6f2c7;font-size:.9rem;text-align:center}@media(max-width:840px){.ring-designer__layout{grid-template-columns:1fr}.ring-designer__preview-card{min-height:auto}}@media(max-width:560px){.ring-designer__controls{padding:24px}.ring-designer__field{grid-template-columns:1fr;gap:7px}.ring-designer__actions{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/10/compiled_assets/styles.css.map */