.size-guide{position:fixed;z-index:50;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.js-modal-open{visibility:visible;transition:opacity .3s ease,visibility 0s 0s ease;opacity:1}.size-guide.js-modal-open .size-guide__inner{transition:transform .3s .3s ease,opacity .3s .3s ease,visibility 0s ease;transform:translate(0)}.size-guide__inner{position:relative;overflow-x:hidden;overflow-y:scroll;height:100%;margin-bottom:30px;transition:transform .3s ease,opacity .3s ease,visibility .3s .3s ease;transform:translate(100%);background-color:var(--color-white)}.size-guide__inner.js-scroll-lock{overflow:hidden}@media (min-width: 1024px){.size-guide__inner{width:100%;max-width:540px;margin-left:auto}}.size-guide__inner .text-holder{max-width:1440px;margin:0 auto 11px;padding:0 30px}.size-guide__content,.size-guide .content{height:100%}.size-guide__content__image-holder,.size-guide .content__image-holder{padding:24px}.size-guide__content__image-holder picture,.size-guide .content__image-holder picture{position:relative;display:block;width:100%;height:100%}.size-guide__content__image-holder picture svg,.size-guide__content__image-holder picture img,.size-guide .content__image-holder picture svg,.size-guide .content__image-holder picture img{width:100%;height:100%;object-fit:cover}.size-guide__content__text-holder,.size-guide .content__text-holder{padding:0 var(--spacing-3x)}.size-guide__content__text-holder p,.size-guide .content__text-holder p{font-family:Open Sans;font-size:1.5rem;line-height:190%;font-size:13px;font-weight:400;font-style:normal;line-height:21px;color:var(--font-gray, #626262)}.size-guide__content__how-to-measure,.size-guide .content__how-to-measure{z-index:0}.size-guide__content__how-to-measure .surf-expand__summary,.size-guide .content__how-to-measure .surf-expand__summary{padding:var(--spacing-2x) var(--spacing-3x)}.size-guide__content__how-to-measure .content__inner,.size-guide .content__how-to-measure .content__inner{display:grid;padding:0 var(--spacing-3x);grid-template-columns:1fr 1fr;column-gap:var(--spacing-2x);row-gap:var(--spacing-3x)}.size-guide__content__how-to-measure .content__inner .content__step,.size-guide__content__how-to-measure .content__inner .step,.size-guide .content__how-to-measure .content__inner .content__step,.size-guide .content__how-to-measure .content__inner .step{display:flex;flex-flow:column;gap:12px}.size-guide__content__how-to-measure .content__inner .content__step__image-holder,.size-guide__content__how-to-measure .content__inner .step__image-holder,.size-guide .content__how-to-measure .content__inner .content__step__image-holder,.size-guide .content__how-to-measure .content__inner .step__image-holder{position:relative;display:block;width:100%;height:100%;max-height:200px}.size-guide__content__how-to-measure .content__inner .content__step__image-holder svg,.size-guide__content__how-to-measure .content__inner .content__step__image-holder img,.size-guide__content__how-to-measure .content__inner .step__image-holder svg,.size-guide__content__how-to-measure .content__inner .step__image-holder img,.size-guide .content__how-to-measure .content__inner .content__step__image-holder svg,.size-guide .content__how-to-measure .content__inner .content__step__image-holder img,.size-guide .content__how-to-measure .content__inner .step__image-holder svg,.size-guide .content__how-to-measure .content__inner .step__image-holder img{display:block;width:100%;height:100%;max-height:200px;object-fit:cover}.size-guide__content__how-to-measure .content__inner .content__step__text-holder,.size-guide__content__how-to-measure .content__inner .step__text-holder,.size-guide .content__how-to-measure .content__inner .content__step__text-holder,.size-guide .content__how-to-measure .content__inner .step__text-holder{display:grid;padding:0 4px;grid-template-columns:20px auto;gap:4px}.size-guide__content__how-to-measure .content__inner .content__step__text-holder span,.size-guide__content__how-to-measure .content__inner .step__text-holder span,.size-guide .content__how-to-measure .content__inner .content__step__text-holder span,.size-guide .content__how-to-measure .content__inner .step__text-holder span{font-family:Open Sans;font-size:1.5rem;line-height:190%;font-size:13px;font-weight:400;font-style:normal;line-height:21px;color:var(--font-gray, #626262)}.size-guide__content__how-to-measure .content__inner .content__step__text-holder h6,.size-guide__content__how-to-measure .content__inner .step__text-holder h6,.size-guide .content__how-to-measure .content__inner .content__step__text-holder h6,.size-guide .content__how-to-measure .content__inner .step__text-holder h6{font-family:Open Sans;font-size:1.5rem;line-height:190%;font-size:13px;font-weight:400;font-style:normal;line-height:21px;width:100%;color:var(--font-gray, #626262)}.size-guide__content__how-to-measure .content__inner .content__step__text-holder p,.size-guide__content__how-to-measure .content__inner .step__text-holder p,.size-guide .content__how-to-measure .content__inner .content__step__text-holder p,.size-guide .content__how-to-measure .content__inner .step__text-holder p{font-family:Open Sans;font-size:1.5rem;line-height:190%;font-size:13px;font-weight:400;font-style:normal;line-height:21px;color:var(--font-gray, #626262);grid-column:1/3}.size-guide__content__sizes,.size-guide .content__sizes{z-index:0}.size-guide__content__sizes .surf-expand__summary,.size-guide .content__sizes .surf-expand__summary{padding:var(--spacing-2x) var(--spacing-3x)}.size-guide__content__sizes .sizes,.size-guide .content__sizes .sizes{display:flex;flex-flow:column;width:100%;padding:0 var(--spacing-3x);grid-template-columns:1fr 1fr}.size-guide__content__sizes .sizes__heading,.size-guide__content__sizes .sizes .heading,.size-guide .content__sizes .sizes__heading,.size-guide .content__sizes .sizes .heading{display:grid;width:100%;padding:16px 0;border-bottom:1px solid var(--font-light-gray-blue, #858B92);grid-template-columns:repeat(5,1fr)}.size-guide__content__sizes .sizes__heading__title,.size-guide__content__sizes .sizes .heading__title,.size-guide .content__sizes .sizes__heading__title,.size-guide .content__sizes .sizes .heading__title{font-family:Open Sans;font-size:1.5rem;line-height:190%;font-size:13px;font-weight:400;font-style:normal;line-height:21px;align-self:flex-end;padding:0 10px;text-align:center;color:var(--font-black, #333)}.size-guide__content__sizes .sizes__heading__title:first-of-type,.size-guide__content__sizes .sizes .heading__title:first-of-type,.size-guide .content__sizes .sizes__heading__title:first-of-type,.size-guide .content__sizes .sizes .heading__title:first-of-type{text-align:left;grid-column:1}.size-guide__content__sizes .sizes__heading__title:nth-of-type(2),.size-guide__content__sizes .sizes .heading__title:nth-of-type(2),.size-guide .content__sizes .sizes__heading__title:nth-of-type(2),.size-guide .content__sizes .sizes .heading__title:nth-of-type(2){grid-column:2/4}.size-guide__content__sizes .sizes__heading__title:nth-of-type(3),.size-guide__content__sizes .sizes .heading__title:nth-of-type(3),.size-guide .content__sizes .sizes__heading__title:nth-of-type(3),.size-guide .content__sizes .sizes .heading__title:nth-of-type(3){grid-column:4/6}.size-guide__content__sizes .sizes__row,.size-guide .content__sizes .sizes__row{display:grid;width:100%;padding:12px 0;border-bottom:1px solid var(--detail-stroke, #EBEBEB);grid-template-columns:repeat(5,1fr)}.size-guide__content__sizes .sizes__row__title,.size-guide .content__sizes .sizes__row__title{font-family:Open Sans;font-size:1.5rem;line-height:190%;font-size:13px;font-weight:400;font-style:normal;line-height:21px;align-self:flex-end;text-align:center;color:var(--font-black, #333)}.size-guide__content__sizes .sizes__row__title:first-of-type,.size-guide .content__sizes .sizes__row__title:first-of-type{text-align:left;grid-column:1}.size-guide__content__sizes .sizes__row__title:nth-of-type(2),.size-guide .content__sizes .sizes__row__title:nth-of-type(2){grid-column:2/4}.size-guide__content__sizes .sizes__row__title:nth-of-type(3),.size-guide .content__sizes .sizes__row__title:nth-of-type(3){grid-column:4/6}.size-guide__content__sizes .unit-switcher,.size-guide .content__sizes .unit-switcher{font-family:Open Sans;font-size:1.5rem;line-height:190%;font-size:13px;font-weight:400;font-style:normal;line-height:21px;display:flex;align-items:center;flex-flow:row;justify-content:flex-start;padding:var(--spacing-2x) var(--spacing-3x) 0;text-align:center;color:#000}@media (min-width: 768px){.size-guide__content__sizes .unit-switcher,.size-guide .content__sizes .unit-switcher{justify-content:flex-start}}.size-guide__content__sizes .unit-switcher .input--switch,.size-guide .content__sizes .unit-switcher .input--switch{display:flex;align-items:center;flex-flow:row}.size-guide__header,.size-guide .header{position:sticky;z-index:10;top:0;display:flex;align-items:center;flex-flow:row;justify-content:space-between;padding:20px 30px;border-bottom:#EAEAEA 1px solid;background-color:var(--color-white)}.size-guide__header__title-holder,.size-guide__header .title-holder,.size-guide .header__title-holder,.size-guide .header .title-holder{display:flex;align-items:center;flex-flow:row}.size-guide__header__title-holder__title,.size-guide__header .title-holder__title,.size-guide .header__title-holder__title,.size-guide .header .title-holder__title{font-family:Campaign;font-size:3.2rem;line-height:120%;font-size:2.2rem;font-weight:300;font-style:normal;line-height:140%;color:var(--font-black, #333)}.size-guide__header__close-holder svg,.size-guide .header__close-holder svg{width:24px;height:24px}.size-guide .content__bottom{font-family:Open Sans;font-size:1.5rem;line-height:190%;font-size:13px;font-weight:400;font-style:normal;line-height:21px;padding:var(--spacing-2x) var(--spacing-3x);color:var(--font-black, #333)}@media (min-width: 768px){.size-guide .content__bottom{padding:var(--spacing-3x)}}.size-guide .content__bottom a{text-decoration:underline;color:var(--font-black, #333)}
