.br-ring-guide,.br-ring-guide *,.br-ring-guide *:before,.br-ring-guide *:after{box-sizing:border-box}.br-ring-guide{min-height:0;--guide-gutter: 45px;--guide-tab-pad: 18px;--guide-tab-gap: 10px;--guide-title-size: 2.5rem;--guide-tab-size: 1.25rem;display:flex;flex-direction:column;height:100%;background:var(--linen-50, #f8f3ee);border-radius:10px;overflow:hidden}.br-ring-guide__header{display:flex;align-items:center;justify-content:center;position:relative;padding:20px calc(var(--guide-gutter) + 34px);flex-shrink:0;background:var(--linen-50, #f8f3ee)}.br-ring-guide__title{font-family:var(--font-heading, tenon, sans-serif);font-size:var(--guide-title-size);font-weight:500;line-height:1.15;letter-spacing:-.5px;color:var(--prussian-200, #112e40);margin:0;text-align:center;min-width:0;overflow-wrap:break-word}.br-ring-guide__close{display:flex;align-items:center;justify-content:center;position:absolute;inset-inline-end:calc(var(--guide-gutter) - 10px);top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;margin:0;background:none;border:none;border-radius:50%;cursor:pointer;color:var(--prussian-200, #112e40);transition:opacity .2s ease;flex-shrink:0}.br-ring-guide__close:hover{opacity:.6}.br-ring-guide__close:focus-visible{outline:2px solid var(--prussian-200, #112e40);outline-offset:2px}.br-ring-guide__close svg{width:24px;height:24px}.br-ring-guide__content{background:var(--white, #ffffff);flex:1;min-height:0;display:grid;grid-template-columns:100%;grid-template-rows:auto minmax(0,1fr);overflow:visible}.br-ring-guide__tabs{grid-row:1;grid-column:1}.br-ring-guide__panel{grid-row:2;grid-column:1}.br-ring-guide__tabs{display:flex;justify-content:center;padding:38px var(--guide-gutter) 32px;flex-shrink:0}.br-ring-guide__tab-bar{display:flex;align-items:center;gap:var(--guide-tab-gap);background:transparent;padding:0;position:relative}.br-ring-guide__tab-indicator{position:absolute;top:0;left:0;height:46px;border-radius:10px;background:var(--ochre-50, #f3cb75);pointer-events:none;z-index:0;transition:left .25s cubic-bezier(.25,1,.5,1),width .25s cubic-bezier(.25,1,.5,1),top .25s cubic-bezier(.25,1,.5,1),height .25s cubic-bezier(.25,1,.5,1);will-change:left,width}.br-ring-guide__tab{display:flex;align-items:center;justify-content:center;padding:8px var(--guide-tab-pad);height:46px;flex:0 0 auto;border:none;border-radius:10px;background:transparent;font-family:var(--font-heading, tenon, sans-serif);font-size:var(--guide-tab-size);font-weight:500;color:var(--prussian-200, #112e40);cursor:pointer;white-space:nowrap;position:relative;z-index:1}.br-ring-guide__tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:transparent;z-index:-1}.br-ring-guide__tab[aria-selected=true]{color:var(--red-9, #1a1414)}.br-ring-guide__tab[aria-selected=true]:before{background:var(--ochre-50, #f3cb75)}.br-ring-guide__tab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:transparent;z-index:-1;transition:background-color .2s ease}.no-touchevents .br-ring-guide__tab[aria-selected=false]:hover:after{background:var(--linen-50, #f8f3ee)}.br-ring-guide--indicator-ready .br-ring-guide__tab[aria-selected=true]:before{background:transparent}.br-ring-guide__tab:focus-visible{outline:2px solid var(--prussian-200, #112e40);outline-offset:4px}.br-ring-guide__panel{overflow:hidden auto;min-height:0;padding:18px var(--guide-gutter) 36px;min-width:0}.br-ring-guide__panel[hidden]{display:block;visibility:hidden;pointer-events:none}.br-ring-guide__panel:focus-visible{outline:2px solid var(--prussian-200, #112e40);outline-offset:-2px}.br-ring-guide__steps{--step-gap: 20px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--step-gap)) / 3);gap:var(--step-gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:16px}.br-ring-guide__steps::-webkit-scrollbar{display:none}.br-ring-guide__steps[data-overflow=true]{grid-auto-columns:calc((100% - 3 * var(--step-gap) - 40px) / 3)}.br-ring-guide__step{display:flex;flex-direction:column;gap:20px;scroll-snap-align:start}.br-ring-guide__step-label{font-family:var(--font-heading, tenon, sans-serif);font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--prussian-200, #112e40)}.br-ring-guide__photo{display:block;width:100%;padding:0;margin:0;border:0;background:#e8dece;border-radius:10px;overflow:hidden;aspect-ratio:275/249;flex:0 0 auto}.br-ring-guide__zoom{cursor:zoom-in}.br-ring-guide__zoom:focus-visible{outline:2px solid var(--prussian-200, #112e40);outline-offset:3px}.br-ring-guide__step-image{width:100%;height:100%;object-fit:cover;background:#e8dece;display:block}.br-ring-guide__step-image--placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:275/249;border-radius:10px;font-size:.875rem}.br-ring-guide__step-text{font-family:var(--font-body, tenon, sans-serif);font-size:1rem;font-weight:500;line-height:1.3;color:var(--prussian-200, #112e40);margin:0}.br-ring-guide__bottom{display:flex;align-items:center;background:#f8f3ee;padding:26px var(--guide-gutter);flex-shrink:0;gap:16px}.br-ring-guide__step-controls,.br-ring-guide__footer{display:contents}.br-ring-guide__pagination{order:1;font-family:var(--font-body, tenon, sans-serif);font-size:1rem;font-weight:700;color:var(--prussian-200, #112e40);min-width:32px;flex:1;text-align:start}.br-ring-guide__cta{order:2;display:inline-flex;align-items:center;justify-content:center;padding:8px 21px;min-height:46px;min-width:311px;background:var(--ochre-200, #61372b);color:var(--linen-50, #f8f3ee);font-family:var(--font-heading, tenon, sans-serif);font-size:.9375rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s ease;flex:0 0 auto}.br-ring-guide__cta:hover{opacity:.85}.br-ring-guide__cta:focus-visible{outline:2px solid var(--prussian-200, #112e40);outline-offset:3px}.br-ring-guide__nav{order:3;display:flex;align-items:center;justify-content:flex-end;gap:14px;flex:1}.br-ring-guide__nav-btn.simple-arrow{position:relative;top:auto;transform:none;margin:0;min-width:44px;min-height:44px;padding:0;background:none;border:none;cursor:pointer}.br-ring-guide__nav-btn.simple-arrow svg path{fill:var(--prussian-200, #112e40);transition:all .12s linear}.br-ring-guide__nav-btn.simple-arrow:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.br-ring-guide__nav-btn.simple-arrow:focus-visible{outline:2px solid var(--prussian-200, #112e40);outline-offset:2px;border-radius:4px}.no-touchevents .br-ring-guide__nav-btn.simple-arrow--left:not(:disabled):hover{transform:translate3d(-5px,0,0)!important}.no-touchevents .br-ring-guide__nav-btn.simple-arrow--right:not(:disabled):hover{transform:translate3d(5px,0,0)!important}.br-ring-guide__nav--hidden{visibility:hidden;pointer-events:none}.br-ring-guide__pagination--hidden{visibility:hidden}.br-ring-guide__live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:599px){.br-ring-guide{--guide-gutter: clamp(14px, 8.57vw - 13.4px, 28px);--guide-tab-pad: clamp(8px, 2.86vw - 1.14px, 13.5px);--guide-tab-gap: clamp(4px, 1.43vw - .57px, 8px);--guide-title-size: clamp(1.25rem, 6vw, 1.5rem);--guide-tab-size: clamp(.75rem, 2.857vw + 2.86px, .875rem);border-radius:0;height:100%}.br-ring-guide__header{padding:18px calc(var(--guide-gutter) + 34px) 18px var(--guide-gutter);justify-content:flex-start}.br-ring-guide__title{text-align:start}.br-ring-guide__tabs{padding:18px 0 12px;justify-content:center;justify-content:safe center;overflow-x:auto;scrollbar-width:none}.br-ring-guide__tabs::-webkit-scrollbar{display:none}.br-ring-guide__tab-bar{margin-inline:auto;padding-inline:var(--guide-gutter)}.br-ring-guide__tab{height:40px;padding:6px var(--guide-tab-pad)}.br-ring-guide__tab:before,.br-ring-guide__tab:after,.br-ring-guide__tab-indicator{border-radius:8px}.br-ring-guide__tab-indicator{height:40px}.br-ring-guide__panel{padding:7px var(--guide-gutter) 12px;overflow:visible}.br-ring-guide__steps{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:unset;padding-bottom:12px}.br-ring-guide__steps::-webkit-scrollbar{display:none}.br-ring-guide__step{flex:0 0 calc(100% - 44px);scroll-snap-align:start;gap:12px}.br-ring-guide__photo,.br-ring-guide__step-image--placeholder{order:-1;margin-bottom:15px;aspect-ratio:343/251;border-radius:20px;flex:0 0 auto}.br-ring-guide__step-label{font-size:.9375rem;font-weight:700}.br-ring-guide__step-text{font-size:1rem;line-height:1.3;flex:0 0 auto}.br-ring-guide__bottom{flex-direction:column;padding:0;gap:0}.br-ring-guide__step-controls{display:flex;align-items:center;justify-content:space-between;background:var(--white, #ffffff);padding:2px var(--guide-gutter);width:100%;box-sizing:border-box}.br-ring-guide__footer{display:flex;justify-content:center;background:#f9f4ed;padding:16px var(--guide-gutter);padding-bottom:calc(16px + env(safe-area-inset-bottom));width:100%;box-sizing:border-box}.br-ring-guide__pagination{order:0;flex:0;font-size:.9375rem}.br-ring-guide__nav{order:0;flex:0;justify-content:flex-end}.br-ring-guide__cta{order:0;width:100%;max-width:311px;display:flex;justify-content:center;font-size:.9375rem;letter-spacing:.5px;padding:8px 16px;min-width:0;text-align:center}#ring-size-modal .modal__container:has(.br-ring-guide){padding:0!important}}@media screen and (max-width:1023px)and (min-width:600px){.br-ring-guide{--guide-gutter: clamp(28px, 4.4vw, 45px);--guide-tab-pad: clamp(13.5px, 1.8vw, 18px);--guide-tab-gap: clamp(8px, 1vw, 10px);--guide-title-size: clamp(1.5rem, 4.2vw, 2.5rem);--guide-tab-size: clamp(.875rem, 2.1vw, 1.25rem)}.br-ring-guide__header{padding:22px calc(var(--guide-gutter) + 34px)}.br-ring-guide__tabs{padding:24px var(--guide-gutter) 20px}.br-ring-guide__panel{padding:8px var(--guide-gutter) 16px}.br-ring-guide__bottom{padding:18px var(--guide-gutter)}.br-ring-guide__steps{--step-gap: 16px}.br-ring-guide__cta{min-width:0;width:100%;max-width:311px}}#ring-size-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;background:#04040580;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden}#ring-size-modal .modal__overlay{background:transparent!important}#ring-size-modal.active{display:flex;visibility:visible;animation:brRingModalOverlayFadeIn .3s ease-out both}@keyframes brRingModalOverlayFadeIn{0%{opacity:0}to{opacity:1}}#ring-size-modal .modal__container{display:flex;flex-direction:column;width:90vw;max-width:954px;height:auto;max-height:90vh;background:transparent;margin:0!important;min-height:0!important;position:relative;pointer-events:auto;cursor:default;opacity:0;border-radius:10px;padding:0;overflow:hidden}#ring-size-modal.active .modal__container{animation:brRingModalContainerSlideUp .35s cubic-bezier(.25,.46,.45,.94) both}@keyframes brRingModalContainerSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}#ring-size-modal .modal__scroll-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;width:100%;position:relative;padding:0}#ring-size-modal .modal__content{max-width:100%;margin:0;width:100%;flex:1;min-height:0;display:flex;flex-direction:column}#ring-size-modal .modal__content>.br-ring-guide{flex:1;min-height:0}@media screen and (max-width:599px){#ring-size-modal{height:100%;height:100dvh;align-items:center}#ring-size-modal .modal__container{position:relative;top:auto;left:auto;width:100%;height:auto;max-height:100%;max-height:100dvh;border-radius:0;display:flex;flex-direction:column;opacity:0}#ring-size-modal .modal__content>.br-ring-guide,#ring-size-modal .br-ring-guide{height:auto;flex:0 1 auto}#ring-size-modal.active .modal__container{animation:brRingModalContainerSlideUpMobile .35s cubic-bezier(.32,.72,0,1) both}@keyframes brRingModalContainerSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}#ring-size-modal .modal__scroll-container{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:0}#ring-size-modal .modal__content{flex:0 1 auto;display:flex;flex-direction:column}}body.modal-open{position:fixed;width:100%;overflow:hidden;touch-action:none}#ring-size-modal .guide--content{display:none}#ring-size-modal .modal__container:has(.br-ring-guide){padding:0}#ring-size-modal .modal__container:has(.br-ring-guide) .modal__scroll-container{padding:0;overflow-y:auto}#ring-size-modal .modal__container:has(.br-ring-guide) .modal__content{max-width:100%}.br-ring-guide--page{height:auto;border-radius:10px;margin-block-end:var(--section-margin);max-width:954px;margin-inline:auto;box-shadow:0 4px 24px #0000000f}.br-ring-guide--page .br-ring-guide__panel{overflow:visible}.br-ring-guide--page .br-ring-guide__close{display:none}.br-ring-guide__loading-body{display:block;padding:var(--guide-gutter)}.br-ring-guide__loading-text{font-family:var(--font-body, tenon, sans-serif);font-size:1rem;color:var(--prussian-200, #112e40);margin:0 0 20px}.br-ring-guide__loading-body:after{content:"";display:block;height:249px;border-radius:20px;background:#e8dece}@media screen and (max-width:599px){.br-ring-guide__loading-body:after{height:251px;border-radius:20px}}@media(prefers-reduced-motion:reduce){.br-ring-guide__tab-indicator,.br-ring-guide__tab:after,.br-ring-guide__close,.br-ring-guide__cta,.br-ring-guide__nav-btn.simple-arrow,.br-ring-guide__nav-btn.simple-arrow svg,.br-ring-guide__nav-btn.simple-arrow svg path{transition:none!important}#ring-size-modal.active,#ring-size-modal.active .modal__container{animation:none!important;opacity:1}.no-touchevents .br-ring-guide__nav-btn.simple-arrow--left:not(:disabled):hover,.no-touchevents .br-ring-guide__nav-btn.simple-arrow--right:not(:disabled):hover{transform:none!important}.br-ring-guide__steps{scroll-behavior:auto}}.br-ring-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000000;display:flex;align-items:center;justify-content:center;padding:12px;background:#040405d9;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.br-ring-zoom.is-open{opacity:1;visibility:visible}.br-ring-zoom__image{max-width:100%;max-height:calc(100% - 72px);width:auto;height:auto;object-fit:contain;border-radius:10px;background:#e8dece;margin:auto;cursor:zoom-in}.br-ring-zoom.is-magnified{align-items:flex-start;justify-content:flex-start}.br-ring-zoom.is-magnified .br-ring-zoom__image{max-width:none;max-height:none;width:220%;height:auto;margin:0;border-radius:0;cursor:zoom-out}.br-ring-zoom__toggle{position:absolute;top:max(16px,env(safe-area-inset-top));inset-inline-start:16px;min-height:44px;padding:0 16px;border:0;border-radius:22px;background:var(--white, #ffffff);color:var(--prussian-200, #112e40);font-family:var(--font-heading, tenon, sans-serif);font-size:.875rem;font-weight:500;cursor:pointer}.br-ring-zoom__toggle:focus-visible{outline:2px solid var(--white, #ffffff);outline-offset:3px}.br-ring-zoom__close{position:absolute;top:max(16px,env(safe-area-inset-top));inset-inline-end:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--white, #ffffff);color:var(--prussian-200, #112e40);cursor:pointer}.br-ring-zoom__close:focus-visible{outline:2px solid var(--white, #ffffff);outline-offset:3px}.br-ring-zoom__close svg{width:22px;height:22px}@media(prefers-reduced-motion:reduce){.br-ring-zoom{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/br-ring-size-guide.css.map */