.ring-methods-section .methods-wrap{position:relative}.ring-methods-section .method-radio{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ring-methods-section .method-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.ring-methods-section .method-tabs label{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.4rem;border-radius:99px;border:.1rem solid rgba(var(--text-color),.18);color:rgba(var(--text-color),.6);font-size:1.4rem;font-weight:600;cursor:pointer;transition:border-color var(--duration-default) ease,color var(--duration-default) ease,background-color var(--duration-default) ease}.ring-methods-section .method-radio:focus-visible~.method-tabs label{outline:2px solid rgb(var(--text-color));outline-offset:2px}.ring-methods-section .method-panel{display:none}.ring-methods-section .method-heading{text-align:center;max-width:76rem;margin:0 auto 3.6rem}.ring-methods-section .method-heading *{margin:0}.ring-methods-section .method-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.ring-methods-section .method-step{display:flex;flex-direction:column;align-items:center;text-align:center}.ring-methods-section .step-media{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:1.2rem;overflow:hidden;background-color:rgba(var(--text-color),.05);margin-bottom:-1.8rem}.ring-methods-section .step-media .image{width:100%;height:100%}.ring-methods-section .step-media .image img,.ring-methods-section .step-media .image svg,.ring-methods-section .step-media .image .placeholder-svg{width:100%;height:100%;object-fit:cover}.ring-methods-section .step-number{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background-color:rgb(var(--background-color));border:.1rem solid rgba(var(--text-color),.15);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:1.6rem;box-shadow:0 .2rem .6rem rgba(var(--text-color),.12)}.ring-methods-section .step-caption{margin-top:1.6rem;font-size:1.3rem;line-height:1.55;color:rgba(var(--text-color),.7)}.ring-methods-section #method-tab-1:checked~.method-tabs label[data-for="1"],.ring-methods-section #method-tab-2:checked~.method-tabs label[data-for="2"]{border-color:var(--ring-methods-accent, #0d245c);color:var(--ring-methods-accent, #0d245c);background-color:#0d245c0f}.ring-methods-section #method-tab-1:checked~.method-panel[data-panel="1"],.ring-methods-section #method-tab-2:checked~.method-panel[data-panel="2"]{display:block}@media(max-width:767px){.ring-methods-section .method-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:4.4rem}.ring-methods-section .method-tabs label{padding:.9rem 1.8rem;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/ring-size-methods.css.map */