.simple-sizing{--sizing-recommended: #6e715b;--sizing-recommended-text: #f4f2ee;--sizing-selected: #ceb68f;--sizing-selected-text: #000000;--sizing-circumference: #da5c2d;--sizing-circumference-text: #000000;display:block}.simple-sizing [hidden]{display:none!important}.simple-sizing .simple-sizing__inputs{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px 30px;margin:0 auto}.simple-sizing .simple-sizing__input{width:100%;max-width:300px}.simple-sizing .simple-sizing__input label{display:block;margin-bottom:8px;letter-spacing:.1em}.simple-sizing .simple-sizing__input select{width:100%}.simple-sizing .simple-sizing__legend{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;width:100%;margin:30px auto 15px;padding:10px;border:1px solid var(--colorBorder);font-size:13px;list-style:none}.simple-sizing .simple-sizing__legend-item{display:flex;align-items:center;gap:8px;margin:0;line-height:2}.simple-sizing .simple-sizing__legend-item:before{content:"";display:inline-block;flex-shrink:0;width:30px;height:30px;border:1px solid var(--colorTextBody);border-radius:1px}.simple-sizing .simple-sizing__legend-item--recommended:before{content:"\2713";content:"\2713" / "";display:inline-flex;align-items:center;justify-content:center;background-color:var(--sizing-recommended);color:var(--sizing-recommended-text);font-weight:700;line-height:1}.simple-sizing .simple-sizing__legend-item--selected:before{background-color:var(--sizing-selected);outline:2px dashed var(--sizing-selected-text);outline-offset:-6px}.simple-sizing .simple-sizing__legend-item--circumference:before{background-color:var(--sizing-circumference);outline:2px dotted var(--sizing-circumference-text);outline-offset:-6px}.simple-sizing .simple-sizing__table{width:100%;padding:5px 0}.simple-sizing .simple-sizing__table table{width:auto;margin:0 auto}.simple-sizing .simple-sizing__table th,.simple-sizing .simple-sizing__table td{padding:6px 8px;font-size:12px;text-align:center;white-space:nowrap}.simple-sizing .simple-sizing__table td{padding:8px}.simple-sizing .simple-sizing__table tbody th,.simple-sizing .simple-sizing__table tbody tr>td:first-child{background-color:var(--colorBodyDim)}.simple-sizing .simple-sizing__table-heading{position:sticky;left:8px;text-transform:uppercase}.simple-sizing .simple-sizing__width,.simple-sizing tbody tr>td:first-child{position:sticky;left:0;z-index:1}.simple-sizing .simple-sizing__length{padding:0}.simple-sizing .simple-sizing__length-btn{width:100%;padding:6px 8px;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.simple-sizing .simple-sizing__length-btn:disabled{cursor:not-allowed}.simple-sizing .simple-sizing__length:not(.is-disabled,.is-recommended,.is-selected):hover{box-shadow:inset 0 0 0 2px var(--sizing-selected)}.simple-sizing .simple-sizing__length.is-recommended,.simple-sizing .simple-sizing__width.is-recommended{background-color:var(--sizing-recommended);color:var(--sizing-recommended-text)}.simple-sizing .simple-sizing__length.is-recommended .simple-sizing__length-btn:before,.simple-sizing .simple-sizing__width.is-recommended:before{content:"\2713  ";content:"\2713  " / ""}.simple-sizing .simple-sizing__length.is-selected{background-color:var(--sizing-selected);color:var(--sizing-selected-text);outline:2px dashed var(--sizing-selected-text);outline-offset:-4px}.simple-sizing .simple-sizing__cell{cursor:not-allowed}.simple-sizing .simple-sizing__cell.is-active-column{cursor:pointer;background-color:var(--colorBodyLightDim)}.simple-sizing .simple-sizing__cell.is-active-column:not(.is-selected):hover{box-shadow:inset 0 0 0 2px var(--sizing-circumference)}.simple-sizing .simple-sizing__cell.is-selected{background-color:var(--sizing-circumference);color:var(--sizing-circumference-text);outline:2px dotted var(--sizing-circumference-text);outline-offset:-4px;font-weight:700}.simple-sizing .simple-sizing__result{margin-top:20px}.simple-sizing .simple-sizing__recommended{margin-bottom:0;text-transform:uppercase}.simple-sizing .simple-sizing__unavailable{margin-bottom:0}.simple-sizing .simple-sizing__custom-only{max-width:500px;margin:15px auto 0}.simple-sizing .simple-sizing__btn{margin-top:15px}@media screen and (min-width:769px){.simple-sizing .simple-sizing__inputs{flex-direction:row;align-items:flex-end}.simple-sizing .simple-sizing__legend{flex-direction:row;width:fit-content}}
/*# sourceMappingURL=/cdn/shop/t/197/assets/section-simple-sizing.css.map */