.size-guide-modal{position:fixed;top:0;right:0;visibility:hidden;overflow:hidden;width:100%;height:100%;transition:opacity .3s ease,visibility .3s .3s ease;opacity:0;background-color:#0006}.size-guide-modal.js-modal-open{z-index:50;visibility:visible;transition:opacity .3s ease,visibility 0s 0s ease;opacity:1}.size-guide-modal.js-modal-open .size-guide-modal__inner{transition:transform .3s .3s ease,opacity .3s .3s ease,visibility 0s ease;transform:translate(0)}.size-guide-modal__inner{position:relative;overflow-y:scroll;height:100%;margin-bottom:30px;padding-bottom:100px;transition:transform .3s ease,opacity .3s ease,visibility .3s .3s ease;transform:translate(100%);background-color:var(--color-off-white)}@media (min-width: 1024px){.size-guide-modal__inner{width:33.3333333333%;max-width:520px;margin-left:auto}}.size-guide-modal__inner .text-holder{max-width:1440px;margin:0 auto 11px;padding:0 30px}.size-guide-modal__header,.size-guide-modal .header{display:flex;align-items:center;flex-flow:row;justify-content:space-between;padding:16px 30px}.size-guide-modal__header__title-holder,.size-guide-modal__header .title-holder,.size-guide-modal .header__title-holder,.size-guide-modal .header .title-holder{display:flex;align-items:center;flex-flow:row}.size-guide-modal__header__title-holder__title,.size-guide-modal__header .title-holder__title,.size-guide-modal .header__title-holder__title,.size-guide-modal .header .title-holder__title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.4rem;line-height:150%;letter-spacing:.098rem;font-size:1.6rem;font-weight:400;font-style:normal;line-height:120%;letter-spacing:.32rem;text-transform:uppercase;color:var(--color-almost-black)}.size-guide-modal__header__close-holder svg,.size-guide-modal .header__close-holder svg{width:24px;height:24px}.size-guide-modal__content,.size-guide-modal .content{position:relative;display:flex;flex-flow:column;height:100%;padding:30px;gap:20px}.size-guide-modal__content .size-chart-holder,.size-guide-modal .content .size-chart-holder{display:flex;flex-flow:column}.size-guide-modal__content .size-chart-holder__image-holder,.size-guide-modal .content .size-chart-holder__image-holder{width:100%;height:100%;max-height:300px;-o-object-fit:contain;object-fit:contain}.size-guide-modal__content .size-chart-holder__image-holder img,.size-guide-modal .content .size-chart-holder__image-holder img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.size-guide-modal__content .size-chart-holder__chart,.size-guide-modal__content .size-chart-holder .chart,.size-guide-modal .content .size-chart-holder__chart,.size-guide-modal .content .size-chart-holder .chart{display:flex;flex-flow:column;padding:var(--spacing-2x) 0;gap:var(--spacing-2x)}.size-guide-modal__content .size-chart-holder__chart__switcher,.size-guide-modal__content .size-chart-holder .chart__switcher,.size-guide-modal .content .size-chart-holder__chart__switcher,.size-guide-modal .content .size-chart-holder .chart__switcher{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;line-height:150%;letter-spacing:.098rem;font-size:1.4rem;line-height:1.7rem;display:flex;align-items:center;flex-flow:row;justify-content:center;padding:var(--spacing-2x) 0;text-align:center;text-transform:uppercase;color:var(--color-dark)}@media (min-width: 768px){.size-guide-modal__content .size-chart-holder__chart__switcher,.size-guide-modal__content .size-chart-holder .chart__switcher,.size-guide-modal .content .size-chart-holder__chart__switcher,.size-guide-modal .content .size-chart-holder .chart__switcher{justify-content:flex-start}}.size-guide-modal__content .size-chart-holder__chart__switcher span,.size-guide-modal__content .size-chart-holder .chart__switcher span,.size-guide-modal .content .size-chart-holder__chart__switcher span,.size-guide-modal .content .size-chart-holder .chart__switcher span{cursor:pointer}.size-guide-modal__content .size-chart-holder__chart__info__title,.size-guide-modal__content .size-chart-holder__chart .info__title,.size-guide-modal__content .size-chart-holder .chart__info__title,.size-guide-modal__content .size-chart-holder .chart .info__title,.size-guide-modal .content .size-chart-holder__chart__info__title,.size-guide-modal .content .size-chart-holder__chart .info__title,.size-guide-modal .content .size-chart-holder .chart__info__title,.size-guide-modal .content .size-chart-holder .chart .info__title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:150%;letter-spacing:.098rem;font-size:1.4rem;font-weight:400;font-style:normal;line-height:120%;margin-bottom:12px;letter-spacing:.28rem;text-transform:uppercase;color:var(--color-almost-black)}.size-guide-modal__content .size-chart-holder__chart__info .sizes,.size-guide-modal__content .size-chart-holder__chart .info .sizes,.size-guide-modal__content .size-chart-holder .chart__info .sizes,.size-guide-modal__content .size-chart-holder .chart .info .sizes,.size-guide-modal .content .size-chart-holder__chart__info .sizes,.size-guide-modal .content .size-chart-holder__chart .info .sizes,.size-guide-modal .content .size-chart-holder .chart__info .sizes,.size-guide-modal .content .size-chart-holder .chart .info .sizes{display:flex;flex-flow:row wrap;flex-wrap:wrap;max-width:380px;margin-bottom:40px;gap:4px}.size-guide-modal__content .size-chart-holder__chart__info .sizes .button--size,.size-guide-modal__content .size-chart-holder__chart .info .sizes .button--size,.size-guide-modal__content .size-chart-holder .chart__info .sizes .button--size,.size-guide-modal__content .size-chart-holder .chart .info .sizes .button--size,.size-guide-modal .content .size-chart-holder__chart__info .sizes .button--size,.size-guide-modal .content .size-chart-holder__chart .info .sizes .button--size,.size-guide-modal .content .size-chart-holder .chart__info .sizes .button--size,.size-guide-modal .content .size-chart-holder .chart .info .sizes .button--size{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:150%;font-size:1.4rem;font-weight:400;font-style:normal;line-height:100%;padding:12px 1rem;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease;letter-spacing:.098rem;border:var(--color-almost-black) 1px solid;border-radius:2px;background-color:var(--color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none}.size-guide-modal__content .size-chart-holder__chart__info .sizes .button--size.js-size-active,.size-guide-modal__content .size-chart-holder__chart .info .sizes .button--size.js-size-active,.size-guide-modal__content .size-chart-holder .chart__info .sizes .button--size.js-size-active,.size-guide-modal__content .size-chart-holder .chart .info .sizes .button--size.js-size-active,.size-guide-modal .content .size-chart-holder__chart__info .sizes .button--size.js-size-active,.size-guide-modal .content .size-chart-holder__chart .info .sizes .button--size.js-size-active,.size-guide-modal .content .size-chart-holder .chart__info .sizes .button--size.js-size-active,.size-guide-modal .content .size-chart-holder .chart .info .sizes .button--size.js-size-active{color:var(--color-white);border:var(--color-almost-black) 1px solid;background-color:var(--color-almost-black)}.size-guide-modal__content .size-chart-holder__chart__info .body-height,.size-guide-modal__content .size-chart-holder__chart .info .body-height,.size-guide-modal__content .size-chart-holder .chart__info .body-height,.size-guide-modal__content .size-chart-holder .chart .info .body-height,.size-guide-modal .content .size-chart-holder__chart__info .body-height,.size-guide-modal .content .size-chart-holder__chart .info .body-height,.size-guide-modal .content .size-chart-holder .chart__info .body-height,.size-guide-modal .content .size-chart-holder .chart .info .body-height{margin-bottom:40px}.size-guide-modal__content .size-chart-holder__chart__info .body-height h3,.size-guide-modal__content .size-chart-holder__chart .info .body-height h3,.size-guide-modal__content .size-chart-holder .chart__info .body-height h3,.size-guide-modal__content .size-chart-holder .chart .info .body-height h3,.size-guide-modal .content .size-chart-holder__chart__info .body-height h3,.size-guide-modal .content .size-chart-holder__chart .info .body-height h3,.size-guide-modal .content .size-chart-holder .chart__info .body-height h3,.size-guide-modal .content .size-chart-holder .chart .info .body-height h3{margin-bottom:8px}.size-guide-modal__content .size-chart-holder__chart__info .body-height p,.size-guide-modal__content .size-chart-holder__chart .info .body-height p,.size-guide-modal__content .size-chart-holder .chart__info .body-height p,.size-guide-modal__content .size-chart-holder .chart .info .body-height p,.size-guide-modal .content .size-chart-holder__chart__info .body-height p,.size-guide-modal .content .size-chart-holder__chart .info .body-height p,.size-guide-modal .content .size-chart-holder .chart__info .body-height p,.size-guide-modal .content .size-chart-holder .chart .info .body-height p{display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:400;font-style:normal;line-height:150%;letter-spacing:.098rem}.size-guide-modal__content .size-chart-holder__chart__info .body-height p.js-size-active,.size-guide-modal__content .size-chart-holder__chart .info .body-height p.js-size-active,.size-guide-modal__content .size-chart-holder .chart__info .body-height p.js-size-active,.size-guide-modal__content .size-chart-holder .chart .info .body-height p.js-size-active,.size-guide-modal .content .size-chart-holder__chart__info .body-height p.js-size-active,.size-guide-modal .content .size-chart-holder__chart .info .body-height p.js-size-active,.size-guide-modal .content .size-chart-holder .chart__info .body-height p.js-size-active,.size-guide-modal .content .size-chart-holder .chart .info .body-height p.js-size-active{display:block}.size-guide-modal__content .size-chart-holder__chart__info .measurements,.size-guide-modal__content .size-chart-holder__chart .info .measurements,.size-guide-modal__content .size-chart-holder .chart__info .measurements,.size-guide-modal__content .size-chart-holder .chart .info .measurements,.size-guide-modal .content .size-chart-holder__chart__info .measurements,.size-guide-modal .content .size-chart-holder__chart .info .measurements,.size-guide-modal .content .size-chart-holder .chart__info .measurements,.size-guide-modal .content .size-chart-holder .chart .info .measurements{margin-bottom:40px}.size-guide-modal__content .size-chart-holder__chart__info .measurements h3,.size-guide-modal__content .size-chart-holder__chart .info .measurements h3,.size-guide-modal__content .size-chart-holder .chart__info .measurements h3,.size-guide-modal__content .size-chart-holder .chart .info .measurements h3,.size-guide-modal .content .size-chart-holder__chart__info .measurements h3,.size-guide-modal .content .size-chart-holder__chart .info .measurements h3,.size-guide-modal .content .size-chart-holder .chart__info .measurements h3,.size-guide-modal .content .size-chart-holder .chart .info .measurements h3{margin-bottom:8px}.size-guide-modal__content .size-chart-holder__chart__info .measurements .measurement,.size-guide-modal__content .size-chart-holder__chart .info .measurements .measurement,.size-guide-modal__content .size-chart-holder .chart__info .measurements .measurement,.size-guide-modal__content .size-chart-holder .chart .info .measurements .measurement,.size-guide-modal .content .size-chart-holder__chart__info .measurements .measurement,.size-guide-modal .content .size-chart-holder__chart .info .measurements .measurement,.size-guide-modal .content .size-chart-holder .chart__info .measurements .measurement,.size-guide-modal .content .size-chart-holder .chart .info .measurements .measurement{display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:400;font-style:normal;line-height:150%;letter-spacing:.098rem}.size-guide-modal__content .size-chart-holder__chart__info .measurements .measurement.js-size-active,.size-guide-modal__content .size-chart-holder__chart .info .measurements .measurement.js-size-active,.size-guide-modal__content .size-chart-holder .chart__info .measurements .measurement.js-size-active,.size-guide-modal__content .size-chart-holder .chart .info .measurements .measurement.js-size-active,.size-guide-modal .content .size-chart-holder__chart__info .measurements .measurement.js-size-active,.size-guide-modal .content .size-chart-holder__chart .info .measurements .measurement.js-size-active,.size-guide-modal .content .size-chart-holder .chart__info .measurements .measurement.js-size-active,.size-guide-modal .content .size-chart-holder .chart .info .measurements .measurement.js-size-active{display:block;padding:0}