.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;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-light-grey)}@media (min-width: 1024px){.size-guide-modal__inner{width:50vw;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,.size-guide-modal__header__title-holder__title small,.size-guide-modal__header .title-holder__title small,.size-guide-modal .header__title-holder__title small,.size-guide-modal .header .title-holder__title small{font-family:Moderat;font-style:normal;font-size:1.4rem;font-weight:400;line-height:1.7rem;text-transform:uppercase;color:var(--color-dark)}.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{height:100%;padding:30px}.size-guide-modal__content .guide-holder,.size-guide-modal .content .guide-holder{position:relative;display:flex;overflow-x:scroll;overflow-y:hidden;flex-flow:column;width:300px;padding-bottom:30px;grid-gap:32px;gap:32px}@media (min-width: 768px){.size-guide-modal__content .guide-holder,.size-guide-modal .content .guide-holder{overflow:hidden;width:100%;padding-bottom:unset}}.size-guide-modal__content .guide-holder:after,.size-guide-modal .content .guide-holder:after{position:absolute;top:-5%;left:27.5%;width:1px;height:110%;content:"";background-color:#a9a9a9}@media (min-width: 768px){.size-guide-modal__content .guide-holder:after,.size-guide-modal .content .guide-holder:after{left:20%}}.size-guide-modal__content .guide-holder .row,.size-guide-modal .content .guide-holder .row{position:relative;display:grid;min-width:460px;grid-gap:16px;gap:16px;grid-template-columns:2fr repeat(7,1fr)}.size-guide-modal__content .guide-holder .row:after,.size-guide-modal .content .guide-holder .row:after{position:absolute;bottom:-16px;left:0;width:100%;height:1px;content:"";background-color:#a9a9a9}.size-guide-modal__content .guide-holder .row:last-of-type:after,.size-guide-modal .content .guide-holder .row:last-of-type:after{display:none}.size-guide-modal__content .guide-holder .row .unit-switcher,.size-guide-modal .content .guide-holder .row .unit-switcher{font-family:Moderat;font-weight:400;font-style:normal;font-size:1.4rem;font-weight:500;line-height:1.7rem;display:flex;align-items:center;flex-flow:row;justify-content:center;text-align:center;text-transform:uppercase;color:var(--color-dark)}@media (min-width: 768px){.size-guide-modal__content .guide-holder .row .unit-switcher,.size-guide-modal .content .guide-holder .row .unit-switcher{justify-content:flex-start}}.size-guide-modal__content .guide-holder .row .title,.size-guide-modal .content .guide-holder .row .title{font-family:Moderat;font-weight:400;font-style:normal;font-size:1.4rem;font-weight:500;line-height:1.7rem;text-transform:uppercase;color:var(--color-dark)}.size-guide-modal__content .guide-holder .row .title--center,.size-guide-modal .content .guide-holder .row .title--center{text-align:center}.size-guide-modal__content .guide-holder .row .value,.size-guide-modal .content .guide-holder .row .value{font-family:Moderat;font-style:normal;font-size:1.4rem;font-weight:400;line-height:1.7rem;text-align:center;text-transform:uppercase;color:var(--color-dark)}
/*# sourceMappingURL=/s/files/1/0313/2650/3045/t/38/assets/snippet-size-guide-modal.css.map */