.rb-intro-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}.rb-intro-popup.is-open{display:flex}html.rb-intro-popup-open{overflow:hidden}.rb-intro-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;cursor:default;background:#0e3b3a8c}.rb-intro-popup__dialog{position:relative;width:100%;max-width:var(--rb-popup-max, 1040px);max-height:calc(100vh - 40px);overflow-y:auto;padding:48px 48px 44px;background:var(--rb-popup-bg, var(--brand-background-hex, #fffdf8));box-shadow:0 24px 60px #0e3b3a40;text-align:center;box-sizing:border-box;animation:rb-intro-popup-in .25s ease}@keyframes rb-intro-popup-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.rb-intro-popup__dialog{animation:none}}.rb-intro-popup__close{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--rb-popup-heading, var(--brand-primary-hex, #0e3b3a));cursor:pointer;transition:background .2s ease}.rb-intro-popup__close:hover,.rb-intro-popup__close:focus-visible{background:#0e3b3a14}.rb-intro-popup__close svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;fill:none}.rb-intro-popup__heading{margin:0 0 10px;font-family:var(--font-heading-family),Georgia,serif;font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:500;line-height:1.2;letter-spacing:0;color:var(--rb-popup-heading, var(--brand-primary-hex, #0e3b3a))}.rb-intro-popup__subheading{margin:0 auto 8px;max-width:640px;font-family:var(--font-body-family);font-size:15px;line-height:1.5;color:var(--rb-popup-text, #5c5c5c)}.rb-intro-popup__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}.rb-intro-popup__step-media{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;margin-bottom:18px;border-radius:10px;background:var(--rb-popup-media-bg, #f2efe8);overflow:hidden}.rb-intro-popup__step-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.rb-intro-popup__step-label{margin:0 0 6px;font-family:var(--font-body-family);font-size:14px;font-weight:400;line-height:1.3;color:var(--rb-popup-text, #5c5c5c)}.rb-intro-popup__step-title{margin:0 0 10px;font-family:var(--font-heading-family),Georgia,serif;font-size:20px;font-weight:600;line-height:1.3;color:var(--rb-popup-heading, var(--brand-primary-hex, #0e3b3a))}.rb-intro-popup__step-text{margin:0;font-family:var(--font-body-family);font-size:14px;line-height:1.5;color:var(--rb-popup-text, #5c5c5c)}.rb-intro-popup__actions{margin-top:34px}.rb-intro-popup__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 32px;border:1px solid var(--rb-popup-btn-bg, var(--brand-primary-hex, #0e3b3a));border-radius:0;background:var(--rb-popup-btn-bg, var(--brand-primary-hex, #0e3b3a));color:var(--rb-popup-btn-text, var(--brand-background-hex, #fffdf8));font-family:var(--font-body-family);font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.rb-intro-popup__button:hover,.rb-intro-popup__button:focus-visible{opacity:.9;color:var(--rb-popup-btn-text, var(--brand-background-hex, #fffdf8))}.rb-intro-popup--image .rb-intro-popup__dialog{padding:0;background:transparent;box-shadow:none}.rb-intro-popup--image .rb-intro-popup__close{top:10px;right:10px;background:#ffffffe6}.rb-intro-popup__picture,.rb-intro-popup__image-link{display:block}.rb-intro-popup__image{display:block;width:100%;height:auto;box-shadow:0 24px 60px #00000040}.rb-intro-popup--image .rb-intro-popup__actions{margin-top:20px}@media screen and (max-width:989px){.rb-intro-popup__dialog{padding:40px 28px 36px}.rb-intro-popup__steps{gap:20px;margin-top:26px}.rb-intro-popup__step-title{font-size:18px}}@media screen and (max-width:749px){.rb-intro-popup{padding:12px}.rb-intro-popup__dialog{max-height:calc(100vh - 24px);padding:44px 18px 28px}.rb-intro-popup__steps{grid-template-columns:1fr;gap:24px}.rb-intro-popup__step-media{aspect-ratio:16 / 9;margin-bottom:12px}.rb-intro-popup__actions{margin-top:26px}.rb-intro-popup__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ring-builder-intro-popup.css.map */