.size-guide{font-size:var(--typeBaseSize)}.size-guide__switch label{font-size:10px;text-transform:uppercase}.size-guide__table-inner table{width:100%;table-layout:auto}.size-guide__popup-measure img{width:100%;height:auto}.size-guide__popup-tabs label:has(input:checked){font-weight:600}.size-guide ul{padding:0}.size-guide h3{margin:0}.size-guide button{background:none;border:none;cursor:pointer}.size-guide table:not([class]) th,.size-guide table:not([class]) td{border:0;background:#fff}.size-guide table:not([class]) th{color:#121212;border-bottom:1px solid #9e9e9e}.size-guide h2,.size-guide p,.size-guide ul,.size-guide li,.size-guide label,.size-guide input{margin:0}.size-guide ul{list-style:none}.size-guide__section{display:flex;flex-direction:column;gap:30px}.size-guide__section-title{margin:0}.size-guide__chart-container,.size-guide__chart-placeholder{display:flex;flex-direction:column;gap:10px}.size-guide__toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.size-guide__switch{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.size-guide__switch label{letter-spacing:.1em !important;cursor:pointer}.size-guide__switch--chart label{padding:5px 10px;border:1px solid #ddd;font-size:calc(var(--typeBaseSize)*.8);text-transform:uppercase;text-align:center;transition:background .2s ease,border .2s ease}.size-guide__switch--chart label:has(input:checked){border-color:#121212;font-weight:500}.size-guide__switch--chart label:not(:has(input:checked)):hover{background:#f7f7f7}.size-guide__switch--unit{gap:15px}.size-guide__switch--unit label{display:flex;align-items:center;gap:10px}.size-guide__switch--unit input{accent-color:#121212;cursor:pointer}.size-guide__table-outer{position:relative}.size-guide__table-inner{overflow-x:auto}.size-guide__table-inner table{border:1px solid #9e9e9e;border-spacing:0}.size-guide__table-inner table th,.size-guide__table-inner table td{min-width:70px;padding:6px 0;text-align:center;font-size:calc(var(--typeBaseSize)*.92)}.size-guide__table-inner table th:first-child,.size-guide__table-inner table td:first-child{position:sticky;left:0}.size-guide__table-inner table th:not(:last-child),.size-guide__table-inner table td:not(:last-child){border-right:1px solid #9e9e9e}.size-guide__table-inner table th,.size-guide__table-inner table td:first-child{font-family:var(--typeHeaderPrimary);font-size:calc(var(--typeBaseSize)*.75)}.size-guide__table-inner table thead th{border-bottom:1px solid #9e9e9e}.size-guide__table-inner table tbody tr:nth-child(even) th,.size-guide__table-inner table tbody tr:nth-child(even) td{background:#f7f7f7}.size-guide__table-inner table tbody tr:nth-child(odd) th,.size-guide__table-inner table tbody tr:nth-child(odd) td{background:#fff}.size-guide__table-label{display:flex;align-items:center;gap:10px;font-size:calc(var(--typeBaseSize)*.92);line-height:1}.size-guide__table-label--x-axis{padding-bottom:8px}.size-guide__table-label--y-axis{padding-top:8px;transform:rotate(90deg);transform-origin:top left;position:absolute}.size-guide__popup{--popup-max-width: 900px}.size-guide__popup-body{display:flex;flex-direction:column;gap:20px}.size-guide__popup-tabs{display:flex;margin:0 -30px}.size-guide__popup-tabs label{flex:1;padding:10px 0;text-align:center;border-bottom:2px solid #e4e4e7;cursor:pointer}.size-guide__popup-tabs label:has(input:checked){border-color:#121212;font-weight:500}.size-guide__popup-tab-content{display:flex;flex-direction:column;gap:40px}.size-guide__popup-tab-content:not(.active){display:none}.size-guide__popup-measure{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px}.size-guide__popup-measure-content{display:flex;flex-direction:column;gap:20px}.size-guide__popup-measure-points{display:flex;flex-direction:column;gap:15px}.size-guide__popup-measure-point{display:flex;gap:10px}.size-guide__popup-measure-point-badge{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:30px;height:30px;background:#f5f5f5;border-radius:50%}.size-guide__popup-measure-point-heading{font-weight:500;text-transform:uppercase}.size-guide__popup-measure-note{font-style:italic}.size-guide__popup-calculator{display:grid;grid-template-columns:2fr 1fr;gap:20px}.size-guide__popup-calculator-details{display:flex;flex-direction:column;gap:20px}.size-guide__popup-calculator-group{display:flex;flex-direction:column;gap:15px}.size-guide__popup-calculator-fields{display:flex;gap:5px}.size-guide__popup-calculator-result{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px 15px;background:radial-gradient(circle at 18.7% 37.8%, #ffffff 0%, #f5f5f5 100%);border:1px solid #e6e6e6;text-align:center;text-wrap:balance}.size-guide__popup-calculator-result:empty{display:none}.size-guide__popup-calculator-result-heading{font-size:calc(var(--typeBaseSize)*.92);line-height:1.1;letter-spacing:.5px}.size-guide__popup-calculator-result-heading a{font-weight:500}.size-guide__popup-calculator-result-size{font-size:30px;font-weight:500}.size-guide__popup-calculator-result-info{font-size:calc(var(--typeBaseSize)*.92);line-height:1.3}.size-guide__popup-calculator form input[type=number]{-moz-appearance:textfield}.size-guide__popup-calculator form input[type=number]::-webkit-outer-spin-button,.size-guide__popup-calculator form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-guide__popup-calculator form input[type=number],.size-guide__popup-calculator form button{height:50px}.size-guide__popup-calculator form button{white-space:nowrap}@media screen and (max-width: 768px){.size-guide__section{gap:25px}.size-guide__switch{width:100%}.size-guide__switch--chart label{flex:1;padding:5px}.size-guide__popup{--popup-min-height: 100%}.size-guide__popup-measure{grid-template-columns:1fr}.size-guide__popup-calculator{grid-template-columns:1fr;gap:20px}.size-guide__popup-calculator-fields{flex-direction:column}.size-guide__popup-calculator-result{padding:30px 10px}.size-guide:not(:has(.size-guide__popup)) .size-guide__table-label--x-axis{padding-bottom:3px}.size-guide:not(:has(.size-guide__popup)) .size-guide__table-label--y-axis{padding-top:3px}}
