.hero .hero-ring-panel{height:auto;min-width:0;display:flex;align-items:center}.hero-ring-panel:after{content:none}.ring-builder-section{min-width:0;width:100%;margin:0;padding:0;border:0}.ring-builder-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.hero .ring-builder-heading .eyebrow{font-size:12px;margin-bottom:6px;letter-spacing:1.5px}.ring-builder-heading h2{font-size:38px;line-height:1.15}.ring-builder-intro{color:#746c60;font-size:14px;margin-top:5px;line-height:1.5}.ring-builder-controls{display:flex;gap:6px;flex-shrink:0}.ring-builder-controls[hidden],.ring-builder-color-selector[hidden]{display:none}.ring-builder-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid #c7b79f;border-radius:50%;background:#faf6ef;color:#514635;padding:10px}.ring-builder-arrow:hover:not(:disabled){background:#e8ddcc;border-color:#9b825e}.ring-builder-arrow:disabled{opacity:.35;cursor:default}.ring-builder-stage{position:relative}.ring-builder-track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b6a183 #ebe2d5;padding:4px 2px 12px;scroll-padding-inline:2px;-webkit-overflow-scrolling:touch}.ring-builder-track:focus-visible{outline:2px solid #806744;outline-offset:5px}.ring-builder-list{display:flex;gap:10px;list-style:none;padding:0;margin:0}.ring-builder-list>li{flex:0 0 216px;min-width:0;scroll-snap-align:start}.ring-builder-card{background:#fbf8f3;border:1px solid #d9cbb5;border-radius:0;overflow:hidden;box-shadow:0 4px 12px #57412609;width:100%;height:auto;aspect-ratio:1;display:grid;grid-template-rows:minmax(0,1fr) auto}.ring-builder-image-link{display:flex;align-items:center;justify-content:center;padding:12px 10px 4px;min-height:0;height:100%;background:linear-gradient(180deg,#eee4d4,#f8f3eb)}.ring-builder-image{width:100%;height:100%;max-width:168px;max-height:168px;object-fit:contain;mix-blend-mode:multiply}.ring-builder-image-link:hover .ring-builder-image{transform:translateY(-2px)}.ring-builder-image-link:focus-visible{outline-offset:-5px}.ring-builder-card-copy:focus-visible{outline:2px solid #806744;outline-offset:-4px}.ring-builder-card-copy:hover h3{color:#8e6836}.ring-builder-card-copy{min-height:44px;padding:10px 12px 8px;text-align:center;display:flex;align-items:center;flex-direction:column;flex:1}.ring-builder-card h3{font-size:27px;line-height:1.15;letter-spacing:-.3px}.ring-builder-description{font-size:14px;line-height:1.4;color:#746c60;min-height:34px;margin-top:5px}.ring-builder-color-selector{text-align:center;width:max-content;max-width:100%;margin:0 auto 12px;padding:12px 10px 8px;background:#f5eee3;border:1px solid #dfd0b8;border-radius:12px}.ring-builder-metals{border:0;padding:0;margin:0;min-width:0}.ring-builder-metals legend{display:block;width:100%;font-size:12px;letter-spacing:.3px;color:#514635;text-align:center;margin-bottom:7px;padding:0}.ring-builder-swatches{display:flex;justify-content:center;gap:4px}.ring-metal-option{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;width:44px;min-height:55px;cursor:pointer}.ring-metal-option input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer}.ring-metal-swatch{width:22px;height:22px;border:1px solid #b7a994;border-radius:50%;display:block;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffffa0}.ring-metal-yellow{background:linear-gradient(135deg,#ad8544,#f8e5b1 47%,#c69d54)}.ring-metal-white{background:linear-gradient(135deg,#9b9ca1,#fff 47%,#b7b8bd)}.ring-metal-rose{background:linear-gradient(135deg,#b57c66,#f7d6c6 47%,#cd977e)}.ring-metal-option input:checked+.ring-metal-swatch{outline:1.5px solid #514635;outline-offset:4px}.ring-metal-option input:focus-visible+.ring-metal-swatch{outline:2px solid #806744;outline-offset:6px}.ring-metal-caption{font-size:12px;line-height:1.2;color:#514635;pointer-events:none}.ring-builder-metal-name{font-size:12px;color:#6e6250;line-height:1.5;margin-top:5px}.ring-builder-note{font-size:12px;line-height:1.6;color:#746c60;margin-top:12px;text-align:center}@media(min-width:851px){.hero:has(.hero-ring-panel){grid-template-columns:40% 60%}.ring-builder-heading{justify-content:center;text-align:center;margin-bottom:14px}.ring-builder-heading h2{font-size:34px}.ring-builder-intro{font-size:13px}.ring-builder-controls{display:none}.ring-builder-stage{max-width:820px;margin-inline:auto}.ring-builder-track{overflow:visible;scroll-snap-type:none;padding:0}.ring-builder-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px}.ring-builder-list>li{scroll-snap-align:none}.ring-builder-image-link{min-height:0;padding:6px 5px 2px}.ring-builder-image{width:100%;max-width:120px;height:100%;max-height:120px}.ring-builder-card-copy{padding:4px 5px 6px}.ring-builder-card h3{font-size:clamp(18px,calc(1.5vw + 4px),22px);line-height:1.15;letter-spacing:-.2px}.ring-builder-description{font-size:13px;line-height:1.25;margin-top:3px;min-height:28px}.ring-builder-color-selector{margin:0 auto 18px;padding:9px 18px 7px}.ring-builder-metals legend{margin-bottom:5px}.ring-builder-swatches{gap:10px}.ring-builder-note{margin-top:10px}}@media(max-width:850px){.ring-builder-heading{justify-content:center;text-align:center}.ring-builder-heading h2{font-size:32px}.ring-builder-intro{font-size:13px}.ring-builder-controls{justify-content:center;width:100%}}@media(max-width:700px){.ring-builder-heading h2{font-size:30px}}@media(max-width:420px){.ring-builder-list>li{flex-basis:200px}.ring-builder-image{max-width:154px;max-height:154px}}@media(prefers-reduced-motion:reduce){.ring-builder-track{scroll-behavior:auto}.ring-builder-image-link:hover .ring-builder-image{transform:none}}.ring-builder-card a[aria-disabled=true]{cursor:wait}.ring-builder-start-row{display:flex;justify-content:center;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.ring-builder-start-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:6px 2px;color:#514635;font-size:14px;font-weight:500;border-bottom:1px solid #9b825e}.ring-builder-start-link:hover{color:#8e6836;border-color:#8e6836}.ring-builder-start-link:focus-visible{outline:2px solid #806744;outline-offset:5px}@media(min-width:1181px){.ring-builder-start-row{margin-top:9px;padding-top:5px}.ring-builder-start-link{min-height:44px}}.ring-builder-section{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}.ring-builder-heading{grid-column:1;grid-row:1;margin:0 0 16px;min-width:0;text-align:left;justify-content:flex-start}.ring-builder-heading>div:first-child{min-width:0}.ring-builder-stage{display:contents}.ring-builder-color-selector{grid-column:2;grid-row:1;margin:0 0 16px;padding:9px 12px 7px}.ring-builder-track{grid-column:1/-1;grid-row:2;min-width:0}.ring-builder-note{grid-column:1/-1;grid-row:3}.ring-builder-start-row{grid-column:1/-1;grid-row:4}@media(max-width:850px){.ring-builder-section{column-gap:12px}.ring-builder-heading h2{font-size:28px}.ring-builder-heading .ring-builder-controls{justify-content:flex-start}.ring-builder-color-selector{padding:8px 6px 6px}.ring-builder-swatches{gap:0}.ring-metal-option{width:40px}}@media(max-width:600px){.hero .hero-ring-panel{order:-1;width:100%;margin:0}.hero .ring-builder-heading .eyebrow{font-size:10px;letter-spacing:.8px;line-height:1.4}.ring-builder-heading h2{font-size:24px;letter-spacing:-.5px}.ring-builder-intro{font-size:12px;line-height:1.4}.ring-builder-heading{gap:8px}.ring-builder-heading .ring-builder-controls{gap:5px}.ring-builder-metals legend,.ring-metal-caption,.ring-builder-metal-name{font-size:11px}}.ring-builder-image-link{position:relative}.ring-builder-section[data-preview-playing=true] .ring-builder-image{animation:ring-preview-turn 6s ease-in-out infinite}@keyframes ring-preview-turn{0%,to{transform:perspective(550px) rotateY(0) rotate(0) scale(1)}25%{transform:perspective(550px) rotateY(14deg) rotate(7deg) scale(1.025)}50%{transform:perspective(550px) rotateY(0) rotate(0) scale(1.035)}75%{transform:perspective(550px) rotateY(-14deg) rotate(-7deg) scale(1.025)}}.ring-preview-previous{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;mix-blend-mode:multiply;pointer-events:none;max-width:100%;max-height:100%}@media(prefers-reduced-motion:reduce){.ring-builder-section[data-preview-playing=true] .ring-builder-image{animation:none}}.ring-builder-metal-name{display:none}@media(max-width:850px){.ring-builder-track{padding-inline:0;scroll-padding-inline:0}.ring-builder-list>li{flex:0 0 100%;scroll-snap-stop:always}.ring-builder-image{max-width:200px;max-height:200px}}@media(max-width:600px){.hero .ring-builder-heading{display:contents}.hero .ring-builder-heading>div:first-child{grid-column:1;grid-row:1;margin-bottom:12px}.hero .ring-builder-color-selector{margin-bottom:12px}.hero .ring-builder-heading .ring-builder-controls{grid-column:1/-1;grid-row:2;align-self:center;z-index:2;justify-content:space-between;gap:0;padding-inline:8px;transform:translateY(-44px);pointer-events:none}.hero .ring-builder-controls .ring-builder-arrow{pointer-events:auto}body[data-monaco-palette] #main[data-home-collections=rows]>.hero{row-gap:12px}}@media(min-width:851px){main[data-home-collections=rows]>.hero>.hero-copy{align-self:start}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/preview-ring-builder.css.map */