ring-sizer,ring-size-finder{display:block}.ring-sizer{display:flex;flex-direction:column;gap:2.4rem;margin-block:2.4rem;text-align:center}.ring-sizer>div,.ring-size-guide>div{width:100%}.ring-size-guide .ring-sizer{max-width:none;margin-inline:0}.ring-size-guide .ring-size-guide__method>.ring-sizer{margin-top:3.2rem}.ring-sizer__hints{display:grid}.ring-sizer__hints>.ring-sizer__intro{display:flex;flex-direction:column;gap:1.6rem;grid-area:1 / 1}.ring-sizer__intro[aria-hidden=true]{visibility:hidden}.ring-sizer__panel{display:flex;flex-direction:column;align-items:center;gap:1.6rem}.ring-sizer__panel[hidden]{display:none}.ring-sizer .ring-sizer__title,.ring-sizer .ring-sizer__hint,.ring-sizer .ring-sizer__current,.ring-sizer .ring-sizer__result{margin:0}.ring-sizer__title{font-weight:600}.ring-sizer__hint{max-width:42rem;margin-inline:auto}.ring-sizer__stage{display:flex;justify-content:center;width:100%;overflow:hidden}.ring-sizer__stage--card{align-items:flex-start}.ring-sizer__stage--circle{align-items:center;min-height:16rem;padding-block:1.6rem}.ring-sizer__card{flex-shrink:0;box-sizing:border-box;border:.1rem solid rgb(var(--color-foreground));border-bottom:0;border-radius:1.2rem 1.2rem 0 0;background:linear-gradient(rgba(var(--color-foreground),.06),rgba(var(--color-foreground),0))}.ring-sizer__circle{flex-shrink:0;box-sizing:content-box;border:.1rem solid rgb(var(--color-foreground));border-radius:50%;transition:width var(--duration-default) ease,height var(--duration-default) ease}.ring-sizer__current{font-size:calc(var(--font-body-scale) * 1.3rem)}.ring-sizer .ring-sizer__controls{display:flex;align-items:center;gap:1.2rem;width:min(100%,32rem)}.ring-sizer .ring-sizer__range{flex:1;width:auto;min-width:0;-webkit-appearance:auto;appearance:auto;accent-color:rgb(var(--color-foreground));cursor:pointer}.ring-sizer .ring-sizer__nudge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:.1rem solid rgb(var(--color-border));border-radius:50%;background:none;color:rgb(var(--color-foreground));font-size:1.8rem;line-height:1;cursor:pointer}.ring-sizer .ring-sizer__link{width:auto;padding:0;border:0;background:none;color:rgb(var(--color-foreground));font:inherit;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.ring-sizer__table-wrapper{overflow-x:auto}.ring-sizer .ring-sizer__table{display:table;width:100%;max-width:none;margin:0;overflow:visible;table-layout:fixed;border-collapse:collapse;text-align:center}.ring-sizer .ring-sizer__table thead{display:table-header-group}.ring-sizer .ring-sizer__table tbody{display:table-row-group}.ring-sizer .ring-sizer__table th,.ring-sizer .ring-sizer__table td{min-width:0;text-align:center;padding:.6rem .4rem;font-size:calc(var(--font-body-scale) * 1.3rem);white-space:nowrap}.ring-sizer__table tbody tr{cursor:pointer}.ring-sizer__table tbody tr.is-active td{font-weight:600;background-color:rgba(var(--color-foreground),.06)}.ring-sizer__modes{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem 2.4rem;margin:0;padding:0;border:0}.ring-sizer__mode{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer}.ring-sizer .ring-sizer__mode input{margin:0;-webkit-appearance:auto;appearance:auto;accent-color:rgb(var(--color-foreground))}.ring-sizer--finder{align-items:center;gap:1.6rem}.ring-sizer__form{display:flex;flex-direction:column;gap:1.6rem;width:min(100%,44rem)}.ring-sizer__input-row{display:flex;gap:.8rem}.ring-sizer .ring-sizer__input-wrapper{display:flex;flex:1;width:auto;min-width:0;align-items:center;gap:.4rem;padding-inline:1.2rem;border:.1rem solid rgb(var(--color-border));border-radius:var(--border-radius-input);cursor:text}.ring-sizer .ring-sizer__input-wrapper:focus-within{border-color:rgb(var(--color-foreground))}.ring-sizer__input{flex:1;width:100%;min-width:0;min-height:4.4rem;padding:0;border:0;background:none;color:rgb(var(--color-foreground));font:inherit;outline:none}.ring-sizer__unit{opacity:.6}.ring-sizer__result{min-height:1.5em;font-weight:600}.ring-sizer__result--error{font-weight:400;opacity:.8}.ring-sizer .ring-sizer__done,.ring-sizer .ring-sizer__input-row>*{width:auto;margin:0}.ring-sizer .ring-sizer__done,.ring-sizer .ring-sizer__input-row .button{padding-inline:2.4rem}.ring-sizer .ring-sizer__table th{white-space:normal}.ring-size-guide{display:flex;flex-direction:column;gap:4rem}.ring-size-guide .ring-size-guide__method>*+*{margin-top:.8rem}.ring-size-guide .ring-size-guide__heading{margin:0;text-transform:uppercase}.ring-size-guide .ring-size-guide__image{display:block;width:auto;max-width:min(100%,60rem);height:auto;margin:1.6rem auto 0}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-ring-sizer.css.map */