.fit-guide{--size-font-small: 11px;--size-font-regular: 13px;--size-font-title: 14px;--size-line-height: 24px;--size-cell-width: 7rem;--border-light: 1px solid var(--dividing-line-color);--border-dark: 1px solid #000}.size-guide-subtitle,.fit-guide-subtitle{font-size:var(--size-font-regular);line-height:var(--size-line-height);font-weight:400;font-family:var(--font-body-family);margin:0}.size-guide-subtitle a{color:rgb(var(--color-link));font-size:var(--size-font-regular);font-weight:400;line-height:var(--size-line-height);font-family:var(--font-body-family)}.size-header .size-guide-title,.size-footer .size-guide-title{margin:0 0 10px;font-size:var(--size-font-title)}input,.field__input{border:1px solid #C2C2C2}.field__input:focus:not(.is-invalid){border:1px solid #000}input.is-invalid{border-color:var(--inputs-invalid-border-color);color:var(--inputs-invalid-border-color)}.input-feedback.error{display:none;color:#e33d40}input.is-invalid+.input-feedback.error{display:block}.size-calculator{container-name:size-container;container-type:inline-size;display:block}.calculator-container{display:grid;gap:16px;column-gap:24px;align-items:stretch;grid-template-columns:1fr;grid-template-areas:"size-header" "image-section" "extra-links" "unit-toggle-section" "input-group" "result-section"}.size-calculator .size-header{grid-area:size-header;padding:0}.size-calculator .image-section{grid-area:image-section}.size-calculator .extra-links{grid-area:extra-links;margin-top:4px}.size-calculator .unit-toggle-section{grid-area:unit-toggle-section;display:flex;justify-content:flex-start}.size-calculator .input-group{grid-area:input-group}.size-calculator .result-section{grid-area:result-section}.calculator-container .image-section{height:250px}.calculator-container .image-section img{width:auto;height:100%;border-radius:var(--buttons-radius)}.size-calculator .input-group{display:flex;flex-direction:column;gap:10px}.size-calculator .input-group label{display:none}.size-calculator .input-group input{width:100%;border-width:1px;border-style:solid;border-radius:var(--buttons-radius);font-size:var(--size-font-regular);transition:.2s ease-in-out;padding:.8rem 1.5rem}.size-calculator .field__input::placeholder{opacity:1;font-size:var(--size-font-regular);color:var(--placeholder-text-color, #4F4B48);letter-spacing:.6}.size-calculator .field__input:focus{box-shadow:none}.size-calculator .result-section{background:var(--button-disabled-fill);padding:10px;text-align:center;border-radius:var(--buttons-radius);width:100%;height:16rem;display:flex;flex-direction:column;position:relative}.size-calculator .result-section .size-result-title{font-size:12px;position:absolute;top:0;left:0;right:0;padding:10px}.size-calculator .result-section .result-container{display:flex;flex:1;place-content:center;place-items:center;flex-direction:column;padding-top:4px}.size-calculator div:is(.size-result,.size-result-extra){font-size:large;padding-top:4px}.size-calculator #size-result{font-size:24px;font-weight:700}.button.calculate-size-button{--buttons-border-width: 0px;grid-column:2;font-size:var(--size-font-regular)}.size-calculator .extra-links .link{text-decoration:none;width:fit-content}.size-calculator .input-feedback{font-size:var(--size-font-regular);margin-top:4px}@container size-container (width > 610px){.calculator-container{grid-template-columns:auto 1fr auto;align-items:center;grid-template-areas:"size-header size-header unit-toggle-section" "image-section input-group result-section" "extra-links extra-links extra-links"}.size-calculator .unit-toggle-section{justify-content:flex-end}.size-calculator .input-group{display:grid;grid-template-columns:auto 1fr}.size-calculator .input-group label{display:block;font-size:var(--size-font-small);margin-top:16px}.size-calculator .result-section{width:182px}.size-calculator .input-group input{padding:1.1em}}modal-dialog.modal-dialog{position:fixed;z-index:1000;left:0;top:0;right:0;bottom:0;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease;visibility:hidden}modal-dialog.modal-dialog[open]{visibility:visible}.modal-dialog .modal-dialog__content{background-color:rgb(var(--color-background));width:90%;max-width:750px;height:100%;overflow-y:auto;padding:1rem;box-shadow:0 0 10px rgba(var(--color-foreground),.1);transform:translate(100%);transition:.3s ease}.modal-dialog.modal-dialog[open] .modal-dialog__content{transform:translate(0)}.modal-size-guide .modal-dialog__content{padding:2rem;scroll-behavior:smooth}.modal-size-guide{font-size:var(--size-font-small);line-height:16px;font-weight:400;font-family:var(--font-body-family)}.modal-size-guide .modal-title{line-height:18px;margin-top:0;margin-bottom:12px;font-family:inherit}.fit-guide{scroll-behavior:smooth}.fit-guide .modal__close-button.link{position:absolute;top:6px;right:10px}.fit-guide button-group{border-radius:var(--buttons-radius);border:1px solid var(--dividing-line-color);display:inline-block;width:fit-content;padding:0}.fit-guide button-group button{transition:color .3s;opacity:1;padding:.5rem 1.53rem;font-family:var(--buttons-text-font-family);font-style:var(--buttons-text-font-style);font-weight:var(--buttons-text-font-weight);line-height:18px;font-size:var(--size-font-small);text-transform:var(--buttons-text-uppercase)}.fit-guide button-group button.selected{color:rgb(var(--color-button-text));z-index:1}.fit-guide button-group .underline{height:unset;top:0;bottom:0;border-radius:var(--buttons-radius);z-index:0}.size-chart .size-guide-subtitle{margin-bottom:16px}:is(.size-conversion-table,.size-chart-table){margin:0 auto 2rem;max-width:100%;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.size-chart-table{margin:20px auto;display:block}.size-conversion-table{margin-top:2rem}:is(.size-conversion-table,.size-chart-table) table{width:max-content;border-collapse:collapse;border-spacing:0;background-clip:content-box}:is(.size-conversion-table,.size-chart-table) :is(th,td){text-align:center;padding:8px;height:5rem}.size-conversion-table th{font-weight:700}.size-conversion-table :is(th,td){width:96px}.size-header-cell,.size-data-cell{width:var(--size-cell-width)}.size-data-cell{background:#fff;position:relative;z-index:1}.size-data-cell:has(.valid){background:var(--button-disabled-fill)}.size-conversion-table table{border:var(--border-dark)}.size-conversion-table table thead,.size-conversion-table table tbody{position:relative}.size-conversion-table thead th,.size-conversion-table tbody td{position:relative;border-bottom:0}.size-conversion-table thead th,.size-conversion-table tbody td:first-child{border-left:none}.size-conversion-table tbody td{border-left:0}.size-conversion-table thead th:before{content:"";position:absolute;top:0;bottom:0;left:-1px;right:-1px;border-bottom:var(--border-dark);z-index:1}.size-conversion-table thead th:after{content:"";position:absolute;top:0;bottom:0;right:0;border-right:var(--border-light);z-index:0}.size-conversion-table tbody td:before{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:var(--border-light);z-index:1}.size-conversion-table tbody td:not(:first-child):after{content:"";position:absolute;top:0;bottom:0;left:-1px;border-left:var(--border-light);z-index:1}.size-conversion-table tbody tr:last-child td:before{border-bottom:none}:is(.size-conversion-table) tbody tr:last-child :is(th,td){border-bottom:none}.size-conversion-table tbody tr:nth-child(odd){background:var(--button-disabled-fill)}size-chart-table{--color-white: #fff;--color-black: #000;--font-weight-bold: 600;--font-weight-semibold: 600;--spacing-none: 0;--spacing-standard: 20px;--cell-height: 50px;--cell-height-adjusted: 50.5px;--cell-width: 70px;--narrow-width: 30px;--left-padding-large: calc(var(--cell-width) + var(--narrow-width));--top-padding-large: 50px;--border-width: 1px;--border-standard: var(--border-width) solid var(--color-black);--border-light: var(--border-width) solid var(--dividing-line-color)}size-chart-table *{box-sizing:border-box}size-chart-table .table-container{position:relative}size-chart-table .size-1-title{margin-left:calc(var(--narrow-width) + var(--cell-width));margin-bottom:1rem}size-chart-table .size-2-title{width:var(--narrow-width);position:relative}size-chart-table .size-2-title .container{position:absolute;left:0;top:50%;width:100%;text-align:center;white-space:nowrap;transform-origin:top left;transform:translateY(-50%) rotate(-90deg)}size-chart-table .size-2-title .container .rotate-text{display:block;position:absolute;left:0;top:0}size-chart-table .left-panel{width:auto;display:flex;flex-wrap:nowrap;position:absolute;left:0;top:0;background:var(--color-white);padding-top:var(--top-padding-large);border-right:var(--border-standard);z-index:2}size-chart-table .right-panel{width:auto;right:0;top:0;bottom:0;padding-left:var(--left-padding-large);overflow:auto;padding-bottom:var(--spacing-standard)}size-chart-table .row{display:flex}size-chart-table .cell{height:var(--cell-height);border-bottom:var(--border-light);border-right:var(--border-light);width:100%;flex-basis:var(--cell-width);flex-grow:1;flex-shrink:0;display:grid;place-content:center;text-align:center}size-chart-table .size-header-cell{height:var(--cell-height);width:var(--cell-width);font-weight:var(--font-weight-bold);text-align:center;font-size:10px}size-chart-table .size-header-cell.cell{display:block;white-space:nowrap}size-chart-table .wrap-header .size-header-cell.cell{padding:0 8px;white-space:pre-wrap}size-chart-table .size-data-cell{height:var(--cell-height);border-bottom:var(--border-light);width:var(--cell-width)}size-chart-table .left-panel .size-header-cell.cell{border-left:var(--border-standard);border-right:none}size-chart-table .left-panel .size-header-cell.cell:first-child{margin-top:calc(-.5 * var(--border-width));border-top:var(--border-standard);height:var(--cell-height-adjusted)}size-chart-table .left-panel .size-header-cell.cell:last-child{border-bottom:var(--border-standard)}size-chart-table .right-panel .size-header-cell{border-top:var(--border-standard);border-bottom:var(--border-standard)}size-chart-table .right-panel .size-header-cell:last-child{border-right:var(--border-standard)}size-chart-table .size-data-cell:last-child{border-right:var(--border-standard)}size-chart-table .size-data-row:last-child .size-data-cell{border-bottom:var(--border-standard)}.divider{border-top:var(--border-light);margin:24px 0 16px}.image-text{display:flex;gap:6px;align-items:center;font-size:var(--size-font-small);font-weight:400;line-height:18px}.image-text button{all:unset}.font-size-small{font-size:var(--size-font-small)}#international-conversion-table .size-guide-title{font-size:var(--size-font-regular);margin-bottom:0}.size-footer a{cursor:pointer;display:inline-block;border:none;box-shadow:none;text-decoration:underline;text-underline-offset:.3rem;color:rgb(var(--color-link));background-color:transparent;font-size:inherit;font-family:inherit}@media screen and (min-width: 750px){.modal-size-guide .modal-dialog__content{padding:28px 18px 28px 28px}size-chart-table .size-2-title .container .rotate-text{transform:translate(-100%)}size-chart-table .size-2-title .container{transform:rotate(-90deg);top:0}size-chart-table .fit-guide .modal__close-button.link{top:16px;right:10px}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/size-guide.css.map */