.shopify-section--ring-builder{display:block}.ring-builder{--rb-ink: #171717;--rb-muted: #66635f;--rb-line: #dedbd6;--rb-soft: #f5f4f1;--rb-accent: #171717;width:100vw;margin-left:calc(50% - 50vw);color:var(--rb-ink);background:#fff;border-top:0}.ring-builder *,.ring-builder *:before,.ring-builder *:after{box-sizing:border-box}.ring-builder button,.ring-builder a{font:inherit}.ring-builder [hidden]{display:none!important}.ring-builder__shape-definitions{position:absolute;width:0;height:0;overflow:hidden}.ring-builder__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,520px);min-height:calc(100vh - 72px)}.ring-builder__visual{position:sticky;top:58px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100vh - 58px);min-height:620px;padding:clamp(32px,4vw,64px);overflow:hidden;background:linear-gradient(145deg,#fafafa,#f1f0ed)}.ring-builder__visual:after{position:absolute;bottom:10%;left:50%;width:58%;height:9%;content:"";background:#27231e17;border-radius:50%;filter:blur(25px);transform:translate(-50%)}.ring-builder__eyebrow{margin:0 0 .65rem;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.ring-builder__visual-title{margin:0;font-size:clamp(1.6rem,2.4vw,2.6rem);font-weight:400;letter-spacing:-.025em}.ring-builder__visual-meta{margin:.55rem 0 0;color:var(--rb-muted);font-size:.9rem}.ring-builder__image-stage{position:relative;z-index:1;display:grid;place-items:center;min-height:0}.ring-builder__loose-preview{display:grid;place-items:center;width:100%;height:100%}.ring-builder__diamond-sprite{display:block;aspect-ratio:4 / 5;background-image:var(--rb-diamond-atlas);background-repeat:no-repeat;background-size:500% 200%;filter:drop-shadow(0 18px 16px rgba(20,25,31,.14))}.ring-builder__diamond-sprite--loose{width:clamp(190px,23vw,340px);animation:rb-diamond-arrive .5s cubic-bezier(.2,.7,.2,1) both}.ring-builder__hand-preview{position:relative;width:min(82%,700px);aspect-ratio:1;animation:rb-diamond-arrive .45s cubic-bezier(.2,.7,.2,1) both}.ring-builder__hand-preview>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:2px}.ring-builder__solitaire-head{--rb-hand-stone-size: 5.15%;position:absolute;top:49.8%;left:49.8%;width:var(--rb-hand-stone-size);aspect-ratio:1;z-index:2;filter:drop-shadow(0 2px 2px rgba(21,25,31,.24));transform:translate(-50%,-50%) rotate(-17deg);transition:width .26s cubic-bezier(.2,.7,.2,1),background-position .16s ease}.ring-builder__solitaire-head[data-shape=heart]{transform:translate(-50%,-50%) rotate(163deg)}.ring-builder__diamond-sprite--hand{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;aspect-ratio:1;z-index:1;background-image:var(--rb-head-round);background-position:center;background-size:contain;filter:none}.ring-builder__solitaire-head[data-shape=oval] .ring-builder__diamond-sprite--hand{background-image:var(--rb-head-oval)}.ring-builder__solitaire-head[data-shape=emerald] .ring-builder__diamond-sprite--hand{background-image:var(--rb-head-emerald)}.ring-builder__solitaire-head[data-shape=pear] .ring-builder__diamond-sprite--hand{background-image:var(--rb-head-pear)}.ring-builder__solitaire-head[data-shape=asscher] .ring-builder__diamond-sprite--hand{background-image:var(--rb-head-asscher)}.ring-builder__solitaire-head[data-shape=marquise] .ring-builder__diamond-sprite--hand{background-image:var(--rb-head-marquise)}.ring-builder__solitaire-head[data-shape=radiant] .ring-builder__diamond-sprite--hand{background-image:var(--rb-head-radiant)}.ring-builder__solitaire-head[data-shape=cushion] .ring-builder__diamond-sprite--hand{background-image:var(--rb-head-cushion)}.ring-builder__solitaire-head[data-shape=princess] .ring-builder__diamond-sprite--hand{background-image:var(--rb-head-princess)}.ring-builder__solitaire-head[data-shape=heart] .ring-builder__diamond-sprite--hand{background-image:var(--rb-head-heart)}@keyframes rb-diamond-arrive{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ring-builder__preview-image{display:block;width:min(92%,900px);max-height:72vh;object-fit:contain;mix-blend-mode:multiply;opacity:1;transition:opacity .18s ease,transform .45s cubic-bezier(.2,.7,.2,1)}.ring-builder__preview-image.is-changing{opacity:.25;transform:scale(.985)}.ring-builder__image-loader{position:absolute;top:50%;left:50%;z-index:2;width:32px;height:32px;border:2px solid rgba(0,0,0,.12);border-top-color:var(--rb-ink);border-radius:50%;visibility:hidden;opacity:0;transform:translate(-50%,-50%)}.ring-builder__image-loader.is-loading{visibility:visible;opacity:1;animation:rb-spin .7s linear infinite}@keyframes rb-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.ring-builder__visual-note{position:relative;z-index:2;display:flex;justify-content:space-between;padding-top:1rem;color:var(--rb-muted);border-top:1px solid rgba(0,0,0,.12);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.ring-builder__panel{position:relative;z-index:3;padding:56px 42px 64px;background:#fff;border-left:1px solid var(--rb-line)}.ring-builder__intro{padding-bottom:2rem}.ring-builder__intro h2{margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1.05;letter-spacing:-.045em}.ring-builder__intro>p:last-child{max-width:38rem;margin:1rem 0 0;color:var(--rb-muted);line-height:1.55}.ring-builder__steps{padding:0;margin:0;list-style:none}.ring-builder__step{padding:2rem 0 2.25rem;border-top:1px solid var(--rb-line)}.ring-builder__step-heading{display:grid;grid-template-columns:28px 1fr;gap:.8rem;align-items:start;margin-bottom:1.2rem}.ring-builder__step-heading>span{display:grid;place-items:center;width:28px;height:28px;color:#fff;background:var(--rb-ink);border-radius:50%;font-size:.66rem;font-weight:600}.ring-builder__step-heading h3{margin:0;font-size:1.12rem;font-weight:600;line-height:1.25}.ring-builder__step-heading p{margin:.3rem 0 0;color:var(--rb-muted);font-size:.82rem;line-height:1.4}.ring-builder__choice-grid{display:grid;gap:.65rem}.ring-builder__choice-grid--two,.ring-builder__choice-grid--purity{grid-template-columns:repeat(2,minmax(0,1fr))}.ring-builder__choice,.ring-builder__shape,.ring-builder__carat,.ring-builder__style,.ring-builder__metal{color:var(--rb-ink);background:#fff;border:1px solid var(--rb-line);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,transform .15s ease}.ring-builder__choice:hover,.ring-builder__shape:hover,.ring-builder__carat:hover,.ring-builder__style:hover,.ring-builder__metal:hover{border-color:#8c8882}.ring-builder__choice:focus-visible,.ring-builder__shape:focus-visible,.ring-builder__carat:focus-visible,.ring-builder__style:focus-visible,.ring-builder__metal:focus-visible,.ring-builder__cta:focus-visible{outline:2px solid var(--rb-ink);outline-offset:3px}.ring-builder__choice.is-selected,.ring-builder__shape.is-selected,.ring-builder__carat.is-selected,.ring-builder__style.is-selected,.ring-builder__metal.is-selected{border-color:var(--rb-ink);box-shadow:inset 0 0 0 1px var(--rb-ink)}.ring-builder__choice{min-height:96px;padding:1rem;text-align:left;border-radius:3px}.ring-builder__choice strong,.ring-builder__choice span{display:block}.ring-builder__choice strong{margin-bottom:.35rem;font-size:.92rem}.ring-builder__choice span{color:var(--rb-muted);font-size:.76rem;line-height:1.35}.ring-builder__shape-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.ring-builder__shape{display:grid;place-items:center;min-width:0;padding:.8rem .3rem .65rem;border-radius:3px}.ring-builder__shape svg{width:38px;height:38px;margin-bottom:.45rem;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.ring-builder__shape span{max-width:100%;overflow:hidden;font-size:.68rem;text-overflow:ellipsis}.ring-builder__carat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.ring-builder__carat{min-width:0;min-height:60px;padding:.65rem .25rem;border-radius:3px}.ring-builder__carat strong,.ring-builder__carat span{display:inline}.ring-builder__carat strong{font-size:.95rem}.ring-builder__carat span{margin-left:.12rem;color:var(--rb-muted);font-size:.7rem}.ring-builder__scale-note{margin:.7rem 0 0;color:var(--rb-muted);font-size:.68rem;line-height:1.4}.ring-builder__style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-height:540px;padding:2px;overflow:auto}.ring-builder__style{position:relative;min-width:0;padding:0;overflow:hidden;text-align:left;border-radius:3px}.ring-builder__style img{display:block;width:100%;aspect-ratio:1.45 / 1;object-fit:cover;mix-blend-mode:multiply;background:var(--rb-soft)}.ring-builder__style span{display:block;min-height:48px;padding:.75rem .8rem;font-size:.78rem;font-weight:600;line-height:1.3}.ring-builder__fieldset{padding:0;margin:0;border:0}.ring-builder__fieldset+.ring-builder__fieldset{margin-top:1.4rem}.ring-builder__fieldset legend{margin-bottom:.7rem;font-size:.78rem;font-weight:600}.ring-builder__metal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.ring-builder__metal{display:grid;justify-items:center;min-width:0;padding:.8rem .25rem .65rem;border-radius:3px}.ring-builder__metal span{font-size:.66rem;white-space:nowrap}.ring-builder__swatch{display:block;width:30px;height:30px;margin-bottom:.5rem;border:1px solid rgba(0,0,0,.15);border-radius:50%;box-shadow:inset -6px -7px 12px #0000001f,inset 5px 5px 10px #ffffffb3}.ring-builder__swatch--yellow{background:#d8b66a}.ring-builder__swatch--white{background:#e1e2e2}.ring-builder__swatch--rose{background:#d7a08d}.ring-builder__swatch--platinum{background:#bfc4c7}.ring-builder__summary{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:1fr auto;gap:.9rem 1rem;align-items:center;padding:1.25rem 0 0;margin-top:.25rem;background:#fffffff5;border-top:1px solid var(--rb-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ring-builder__summary p,.ring-builder__summary strong,.ring-builder__summary span{display:block;margin:0}.ring-builder__summary p{margin-bottom:.2rem;color:var(--rb-muted);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.ring-builder__summary strong{font-size:.9rem}.ring-builder__summary span{margin-top:.2rem;color:var(--rb-muted);font-size:.76rem}.ring-builder__pricing-note{color:var(--rb-muted);font-size:.72rem;text-align:right}.ring-builder__cta{grid-column:1 / -1;display:block;padding:1rem 1.25rem;color:#fff;text-align:center;text-decoration:none;background:var(--rb-accent);border:1px solid var(--rb-accent);border-radius:3px;font-size:.85rem;font-weight:600;transition:color .15s ease,background-color .15s ease}.ring-builder__cta:hover{color:var(--rb-ink);background:#fff}@media screen and (max-width:1199px){.ring-builder__layout{grid-template-columns:minmax(0,1fr) minmax(390px,460px)}.ring-builder__panel{padding-right:30px;padding-left:30px}.ring-builder__shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:959px){.ring-builder__layout{display:block}.ring-builder__visual{position:relative;top:0;height:auto;min-height:70vh;padding:32px 24px}.ring-builder__image-stage{min-height:52vh}.ring-builder__preview-image{width:min(100%,720px);max-height:56vh}.ring-builder__panel{padding:42px 24px 52px;border-top:1px solid var(--rb-line);border-left:0}.ring-builder__style-grid{max-height:none}.ring-builder__hand-preview{width:min(92%,700px)}}@media screen and (max-width:575px){.ring-builder__visual{min-height:58vh}.ring-builder__image-stage{min-height:40vh}.ring-builder__visual-note{gap:1rem;font-size:.6rem}.ring-builder__panel{padding-right:18px;padding-left:18px}.ring-builder__choice-grid--two,.ring-builder__choice-grid--purity{grid-template-columns:1fr}.ring-builder__shape-grid,.ring-builder__carat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ring-builder__style-grid{gap:.5rem}.ring-builder__metal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.ring-builder *,.ring-builder *:before,.ring-builder *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/ring-builder.css.map */