html{scrollbar-gutter:stable}.main-config-container{max-width:var(--page-width);position:relative;margin:auto;padding:2rem 0;min-height:20rem;display:flex;flex-flow:column;gap:3rem}.config-head{text-align:center;margin-bottom:2rem;border-bottom:1px solid #1d1d1b}.config-head .logo{padding-bottom:2rem;border-bottom:1px solid #1d1d1b}.config-head h1{text-transform:uppercase;font-size:3.6rem;line-height:5.4rem;margin:0 auto}.config-content{display:flex;overflow-x:hidden;padding:2rem 0;transition:all .2s ease}.config-media-content{flex:0 0 60%;padding:0 2rem}.config-step-container{flex:1;min-width:0;padding:0 1rem}fieldset{margin:0}fieldset legend{cursor:default}.dropdown-group-label{margin-left:5px}.config-options-dropdown,.config-options-swatcher{padding:1.5rem 0;display:flex;flex-flow:column wrap;justify-content:center}.media-gallery img{transition:all 1s ease;border-radius:4px}.media-gallery img:hover{cursor:pointer;outline:1px solid black}.radio-options{display:flex;flex-flow:row wrap;gap:1rem}.radio-option{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative}.radio-option:has(input:checked){outline:3px solid black}.radio-head-options{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:stretch;gap:1.5rem;padding:2rem;position:relative;overflow-x:hidden}.header-option{flex:1 1 16rem;max-width:13rem;display:flex;flex-direction:column;background:#fff;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,opacity .22s ease;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px #00000008,0 10px 30px #0000000a;opacity:.88}.radio-head-option input[type=radio]{position:absolute;left:0;bottom:0;opacity:0}.header-label{text-align:center;display:block;margin:0 auto}.radio-head-option{display:block;cursor:pointer;border:1px solid transparent;transition:.2s ease;position:relative}.header-option{background:#fbfbfb}.radio-head-option:hover{border:1px solid #cccccc8a}.radio-head-option:has(input:checked){border-color:#000;outline:1px solid black}.radio-option input[type=radio]{position:absolute;opacity:0}.config-head-select{width:100px}.configurator-step-final{display:flex;flex-flow:column nowrap;gap:1rem}.label-wrapper{display:flex;text-align:center;min-width:8rem;padding:1rem;outline:1px solid rgb(172,172,172);transition:all .2s ease}.label-wrapper:hover{outline:1px solid rgb(37,37,37)}.radio-slider{width:100%;display:flex;flex-flow:column nowrap;align-items:center;gap:5px}.radio-options.slider-options{justify-content:space-around;position:relative;align-items:center}.radio-options.slider-options:before{content:"";position:absolute;top:16%;left:0;width:100%;height:2px;background-color:#333;transform:translateY(-50%);z-index:0}.radio-options.slider-options{position:relative;z-index:1;text-align:center;cursor:pointer;display:flex;flex-flow:row nowrap;align-items:center}.radio-options.slider-options input[type=radio]{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #333;border-radius:50%;background:#fff;position:relative;z-index:2;cursor:pointer}.radio-options.slider-options input[type=radio]:checked{background-color:#333}.product-info-cta-item{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:5.4rem;align-items:center;background-color:#fff;border:1px solid #D9D9D9;border-radius:.4rem;padding:0 1.8rem;width:100%;font-size:1.2rem;font-weight:700;letter-spacing:1px;color:#1d1d1b;text-transform:uppercase;cursor:pointer}.product-info-cta-item:hover{border:1px solid #585858}.product-info-cta-item>:first-child{justify-self:start}.product-info-cta-item>:nth-child(2){justify-self:center}.guide-link{text-decoration:underline;color:#000}.price-final{font-size:2rem;padding-top:2rem}.content-hidden{display:none;opacity:0;pointer-events:none}#reset-btn{border:none;background:transparent;max-width:10rem;align-self:flex-end;cursor:pointer;text-decoration:underline;color:#1d1d1b}.atc-warning{transition:all .3s ease}#loading-indicator{opacity:0;transition:all .1s ease}#loading-indicator.visible{opacity:1}#config-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff0;cursor:wait;display:none;z-index:1000}.select-button{background:#000;border:none;border-radius:4px;padding:1rem 1.5rem;color:#fff;cursor:pointer;transition:all .2s ease}.select-button:active{transform:scale(.9)}.select-button:hover{background:#414141}#config-overlay.visible{display:block;transform:scale(.9)}.config-media-content{display:flex;flex-flow:column;justify-content:flex-start;align-items:center;gap:1rem;background:#fbfbfb}.media-gallery{display:flex;flex-flow:row nowrap;gap:1rem;padding:1rem;justify-self:center}#preview-image{opacity:1;transition:opacity .25s ease}#preview-image.fade-out{opacity:0}#preview-link{display:flex;justify-content:center}.config-media-main{position:relative}.image-spinner{position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:2px solid rgba(0,0,0,.1);border-top-color:#1d1d1b;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;will-change:transform}.image-spinner.visible{opacity:1;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.config-media-main a img{max-width:100%;cursor:zoom-in}#config-gallery a{outline:none}#config-gallery a:focus{outline:none}#config-gallery a:focus-visible{outline:2px solid #000;outline-offset:3px}#config-gallery a:focus-visible img{box-shadow:0 0 0 2px #000}.media-gallery{display:flex;gap:10px;margin-top:12px}.media-gallery img{border-radius:4px;opacity:.7;transition:all .25s ease}.media-gallery img:hover{opacity:1;cursor:pointer}.media-gallery img{object-fit:cover}#config-gallery a,#config-gallery a:focus,#config-gallery a:active{outline:none!important;box-shadow:none!important}.dropdown-wrapper{position:relative;width:100%}.dropdown-trigger{width:100%;padding:12px;background:#fff;border:1px solid #ccc;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:4px}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #ccc;list-style:none;padding:0;margin:0;z-index:100;max-height:300px;overflow-y:auto;box-shadow:0 4px 10px #0000001a;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.dropdown-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-item{padding:10px;display:flex;align-items:center;gap:12px;cursor:pointer;border-bottom:1px solid #f0f0f0}.dropdown-item:hover{background:#f9f9f9}.dropdown-item img{width:24px;height:24px;object-fit:cover;border-radius:2px}.product-metadata{width:99%}.is-selected{background-color:#f7fff7}.label-wrapper,.radio-slider{transition:background-color .2s ease}.label-wrapper img{max-width:90%}.toast-message{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);background:#1d1d1b;color:#fff;padding:1.2rem 1.8rem;border-radius:.6rem;font-size:1.4rem;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:9999}.product-info-cta-item:disabled{cursor:wait;opacity:.7}.product-info-cta-item.is-loading{opacity:.7}.toast-message{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);padding:1.2rem 1.8rem;border-radius:.6rem;font-size:1.4rem;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:9999;color:#fff}.toast-message.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-message.toast-success{background:#1d1d1b}.toast-message.toast-error{background:#b42318}.toast-message.toast-info{background:#419710}@media(max-width:768px){.toast-message{top:16px;bottom:auto;transform:translate(-50%) translateY(-20px)}.toast-message.visible{transform:translate(-50%) translateY(0)}}.product-title{font-size:1.8rem;line-height:3rem;font-weight:500;color:#0f0f0f}.tax{font-size:1.2rem;color:#303030}.config-description{display:flex;flex-flow:column nowrap;margin:10rem auto;max-width:var(--page-width);padding:0 2rem}.config-description h2{font-size:32px;font-weight:400;margin-bottom:3rem;letter-spacing:.5px}.product-data{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.product-data-wrapper{padding:2.5rem 2rem;border-radius:6px;box-shadow:0 1px 2px #0000000a,0 8px 30px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.product-data-wrapper h3{font-size:14px;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem;color:#d4af37}.data-column h4{margin-top:1rem;margin-bottom:4px}.data-column ul{list-style:none;padding:0;margin:0}.data-column ul li{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(0,0,0,.06)}.data-column ul li span:first-child{color:#777;font-size:14px}.data-column ul li span:last-child{color:#111;font-weight:500;font-size:14px;text-align:right}.pswp__img{background:radial-gradient(circle at center,#f9fafb,#f3f4f6 40%,#e5e7eb,#d1d5db)}.is-disabled,.dropdown-item.is-disabled{opacity:.45;cursor:not-allowed}.input-row{display:flex;gap:5px;align-items:center}.apply-btn{width:20%;padding:1rem 2rem;background:transparent;border:1px solid #D9D9D9;border-radius:4px;cursor:pointer}.apply-btn:hover{border-color:#585858}.clear-input-btn{width:20%;padding:1rem 2rem;background:transparent;border:1px solid #D9D9D9;border-radius:4px;cursor:pointer}.clear-input-btn:hover{border-color:#585858}.is-active-btn{background-color:#f4ffef}.config-content,.config-step-container,.configurator-step,.custom-dropdown,.dropdown-wrapper{overflow:visible}#preview-image{opacity:1;transition:opacity .18s ease}#preview-image.image-is-switching{opacity:0}.font-select{display:flex;flex-flow:row nowrap;gap:1rem;align-items:center;justify-content:flex-start;text-align:center}.font-select label{padding:1rem;width:100%;border:1px solid #D9D9D9}.font-select label:hover{border:1px solid #585858}.font-select input{position:absolute;opacity:0}.font-select label:has(input[type=radio]:checked){border:2px solid black}.lato{font-family:Lato;font-size:1.6rem;font-weight:500}.noto-serif{font-family:"Noto Serif";font-weight:600}.font-select label span{font-size:2rem}.storytelling-wrapper{width:100%}.storytelling{width:100%;max-width:var(--page-width);margin:0 auto;padding:clamp(4rem,8vw,10rem) clamp(1.5rem,4vw,4rem);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(3rem,6vw,10rem);color:#f5f5f5;background:linear-gradient(135deg,#0a0a0b,#111214 30%,#1a1c1f,#111214 80%,#0a0a0b);position:relative;overflow:hidden;opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s ease}.storytelling:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(212,175,55,.08),transparent 60%);pointer-events:none}.storytelling.visible{opacity:1;transform:translateY(0)}.storytelling-media{position:relative;display:flex;justify-content:center;align-items:center}.media-inner{width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:2px;box-shadow:0 30px 80px #00000073}.storytelling-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 1.2s ease,filter 1.2s ease;filter:contrast(1.05) brightness(.92)}.storytelling:hover img{transform:scale(1)}.storytelling-content{max-width:520px;justify-self:start}.storytelling-eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#bfa46a;margin-bottom:14px;opacity:.9}.storytelling-title{font-size:clamp(28px,2.5vw,44px);line-height:1.15;font-weight:400;color:#eeebe8;margin-bottom:24px}.storytelling-text{font-size:clamp(15px,1.1vw,18px);line-height:1.9;color:#cfcfcf;font-weight:300;letter-spacing:.2px;max-width:46ch}.storytelling-accent{width:70px;height:1px;margin-top:36px;background:linear-gradient(to right,#d4af37,transparent);opacity:.9}.storytelling+.storytelling{margin-top:clamp(4rem,8vw,10rem)}@media(max-width:900px){.storytelling{grid-template-columns:1fr;text-align:left}.storytelling-content,.storytelling-text{max-width:100%}}@media(max-width:900px){.apply-btn,.clear-input-btn{width:auto;padding:1rem}.config-content{flex-flow:column}.product-data{grid-template-columns:repeat(1,1fr)}}@media(min-width:991px){.header-option{max-width:19rem}}@media(max-width:1500px){.radio-head-options{justify-content:center!important}}.missing-helper{color:#d33;font-size:1.1rem;margin-top:4px}.cart-ready{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:9999}.cart-popup{background:#fff;color:#111;width:90%;max-width:1200px;max-height:85vh;overflow-y:auto;overscroll-behavior:contain;padding:24px;box-shadow:0 20px 60px #00000026,0 1px #0000000d inset;display:flex;flex-direction:column;gap:12px;animation:popupFade .25s ease}@keyframes popupFade{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.cart-popup-heading{font-size:2rem;font-weight:600;margin-bottom:.8rem;text-align:center}.cart-popup-content{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1.6rem;border-bottom:1px solid rgba(0,0,0,.06)}.cart-popup-image{width:13%;height:auto;flex-shrink:0;display:block;object-fit:cover;background:#f6f6f6}.cart-popup-price{text-align:center;font-size:1.4rem;font-weight:600;color:#111}.cart-popup-list{list-style:none;padding:0;margin:8px 0 0;font-size:1.2rem;color:#444}.cart-popup-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.cart-popup-list .label{opacity:.6}.cart-popup-list .value{font-weight:500;color:#111}.cart-popup-actions{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(0,0,0,.06);padding-top:16px}.btn-primary{background:#111;color:#fff;border:none;padding:12px;cursor:pointer;font-weight:600;letter-spacing:.02em;transition:background .2s ease}.btn-primary:hover{background:#000}.btn-secondary{background:transparent;color:#111;border:1px solid rgba(0,0,0,.15);padding:12px;cursor:pointer;transition:border-color .2s ease}.btn-secondary:hover{border-color:#0000004d}.cart-ready.is-active{opacity:1;visibility:visible}.radio-head-option img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#f5f5f5;transition:transform .5s ease,filter .35s ease}.radio-head-option:hover{border-color:#0000001a;opacity:1}.radio-head-option:has(input:checked){border-color:#111;box-shadow:0 0 0 1px #111,0 12px 32px #0000001f;opacity:1}.radio-head-option:hover img{transform:scale(1.03)}.header-label{display:block;padding:1.2rem 1rem 1.4rem;text-align:center;font-size:1.4rem;font-weight:500;color:#222;letter-spacing:.02em}.cart-popup-top{display:flex;align-items:center;gap:16px}.cart-popup-info{display:flex;flex-direction:column;gap:6px}.cart-popup-title{font-size:1.2rem;font-weight:500;color:#111;text-align:left}.cart-popup-price{font-size:1.4rem;font-weight:600;color:#111;text-align:left}.config-options-dropdown label,.config-options-swatcher legend{font-size:1.4rem;color:#ad862e}@media(max-width:768px){.cart-popup{width:94%;max-height:90vh;padding:1.6rem 1rem}.cart-popup-top{flex-flow:row;align-items:flex-start}.cart-popup-image{width:80px;height:80px;flex-shrink:0;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/237/assets/ring-configurator.css.map */