helior-ring-sizes,helior-native-ring-sizes{display:block;margin-bottom:1.8rem}.helior-ring-sizes__systems{display:flex;gap:.4rem;margin:.5rem 0 1.2rem}.helior-ring-sizes__systems[hidden]{display:none}.helior-ring-sizes__systems button{min-width:4.4rem;min-height:4.4rem;padding:.6rem 1.2rem;border:1px solid rgba(var(--color-foreground),.25);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.2rem;letter-spacing:.08em;cursor:pointer}.helior-ring-sizes__systems button[aria-pressed=true]{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.helior-ring-sizes__systems button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.helior-ring-sizes__equivalent,.helior-ring-sizes__custom{margin:.6rem 0 0;font-size:1.2rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}.helior-ring-sizes__equivalent{margin-top:.8rem}helior-ring-sizes .product-form__input,helior-native-ring-sizes .product-form__input{max-width:100%;margin-bottom:0}helior-ring-sizes .helior-ring-sizes__heading,helior-native-ring-sizes .helior-ring-sizes__heading{width:100%;padding:0}.helior-ring-sizes__heading>span{display:inline-block;padding-block:.8rem}.helior-ring-sizes__guide{float:right;padding-block:.8rem;font-size:1.2rem}.helior-ring-sizes__options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}@media screen and (max-width:749px){.helior-ring-sizes__options{gap:.4rem}}helior-ring-sizes .helior-ring-sizes__options input[type=radio]+label,helior-native-ring-sizes .helior-ring-sizes__options input[type=radio]+label{display:flex;align-items:center;justify-content:center;min-height:4.4rem;width:auto;min-width:0;margin:0;padding:.6rem .3rem;font-size:1.3rem;letter-spacing:0;white-space:nowrap}.helior-assurance{margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid rgba(var(--color-foreground),.16)}.helior-assurance p,.helior-production{display:flex;align-items:center;gap:.8rem;color:rgba(var(--color-foreground),.76);font-size:1.3rem;line-height:1.6}.helior-assurance p{margin:0}.helior-assurance p+p{margin-top:.6rem}.helior-assurance svg,.helior-production svg{width:1.8rem;height:1.8rem;flex:0 0 1.8rem}helior-native-ring-sizes .helior-ring-sizes__options input[hidden],helior-native-ring-sizes .helior-ring-sizes__options input[type=radio]+label[hidden]{display:none}.helior-native-ring-guide{margin-top:.8rem;font-size:1.2rem;line-height:1.6}.helior-native-ring-guide:not([open]){display:none}.helior-native-ring-select{position:relative;width:100%}.helior-native-ring-select select{-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:48px;height:48px;box-sizing:border-box;padding:0 42px 0 16px;border:1px solid #e5e5e5;border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:16px;cursor:pointer}.helior-native-ring-select select:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-3px;box-shadow:none}.helior-native-ring-select>svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}helior-native-ring-sizes .helior-ring-sizes__systems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0;margin:.5rem 0 1.2rem;border:0}helior-native-ring-sizes .helior-ring-sizes__systems[hidden]{display:none}helior-native-ring-sizes .helior-ring-sizes__systems button{width:100%;min-width:0;min-height:48px;height:48px;box-sizing:border-box;padding:0 12px;border:1px solid #e5e5e5;border-radius:0;transition:background-color .2s ease,color .2s ease}helior-native-ring-sizes .helior-ring-sizes__systems button+button{border-left:0}helior-native-ring-sizes .helior-ring-sizes__systems button[aria-pressed=true]{background:#0d0d0d;color:#fff;border-color:#0d0d0d}helior-native-ring-sizes .helior-ring-sizes__systems button:focus-visible{outline-offset:-3px;box-shadow:none}helior-native-ring-sizes .helior-ring-sizes__systems button[aria-pressed=true]:focus-visible{outline-color:#fff}@media(prefers-reduced-motion:reduce){helior-native-ring-sizes .helior-ring-sizes__systems button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/helior-ring-sizes.css.map */