.sizes-modal-wrapper>button{display:flex;align-items:center;justify-content:center;gap:.8rem;font-size:1.3rem;font-weight:400;line-height:2rem;letter-spacing:1px;color:var(--black);text-transform:uppercase;position:relative;isolation:isolate;cursor:pointer}.sizes-modal-wrapper>button:before{content:"";width:100%;height:1px;background-color:var(--black);position:absolute;bottom:-2px;left:0}.sizes-modal-wrapper>button svg{width:auto;height:1.6rem;flex-shrink:0}.sizes-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center}.sizes-modal .backdrop{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:-1}.sizes-modal .modal-box{background-color:var(--white);padding-block:2.4rem;max-width:136rem;margin-inline:auto;position:relative}@media screen and (min-width: 1024px){.sizes-modal .modal-box{background-color:var(--white);padding-block:4.8rem;max-width:136rem;margin-inline:auto}}.sizes-modal .modal-box .modal-close{display:flex;align-items:center;justify-content:center;position:absolute;top:1.6rem;right:1.6rem;background-color:var(--white);width:2.4rem;height:2.4rem;border-radius:50%;cursor:pointer}@media screen and (min-width: 1024px){.sizes-modal .modal-box .modal-close{top:3.2rem;right:3.2rem}}.sizes-modal .modal-box .modal-close svg{width:1.6rem;height:1.6rem;flex-shrink:0}.sizes-modal .modal-box .modal-heading{display:flex;flex-direction:column;align-items:center;gap:3.2rem;padding-inline:2.4rem}@media screen and (min-width: 1024px){.sizes-modal .modal-box .modal-heading{flex-direction:row;gap:5.6rem;padding-inline:6.4rem}}.sizes-modal .modal-box .modal-heading .heading-image img{width:100%;max-width:fit-content;max-height:20rem;aspect-ratio:16/9;object-fit:contain;object-position:center}.sizes-modal .modal-box .modal-heading .heading-content{display:flex;flex-direction:column;gap:1.2rem}.sizes-modal .modal-box .modal-heading .heading-content h2{font-size:2.8rem;font-weight:400;line-height:4rem;letter-spacing:1px;text-transform:uppercase;color:var(--black);margin:0}@media screen and (min-width: 1024px){.sizes-modal .modal-box .modal-heading .heading-content h2{font-size:4.4rem;line-height:5.2rem;letter-spacing:2px}}.sizes-modal .modal-box .modal-heading .heading-content p{font-size:1.4rem;font-weight:400;line-height:2rem;letter-spacing:.2px;text-transform:uppercase;color:var(--grey-600ks);margin:0}@media screen and (min-width: 1024px){.sizes-modal .modal-box .modal-heading .heading-content p{font-size:1.6rem;line-height:2.4rem}}.sizes-modal .modal-box .modal-content{margin-top:4rem;max-height:50vh;overflow-y:auto;padding-inline:2.4rem}@media screen and (min-width: 1024px){.sizes-modal .modal-box .modal-content{margin-top:4.8rem;padding-inline:6.4rem}}.sizes-modal .modal-box .modal-content table{width:100%;table-layout:fixed;border:0;border-collapse:collapse;border-spacing:0;border-color:transparent;box-shadow:none}.sizes-modal .modal-box .modal-content table th:first-child,.sizes-modal .modal-box .modal-content table td:first-child{border:0}.sizes-modal .modal-box .modal-content table th:not(:first-child),.sizes-modal .modal-box .modal-content table td:not(:first-child){border-top:0;border-right:0;border-bottom:0;border-left:1px solid #645F6533;text-align:center}.sizes-modal .modal-box .modal-content table tbody tr:first-child td{padding-top:2rem}@media screen and (min-width: 1024px){.sizes-modal .modal-box .modal-content table tbody tr:first-child td{padding-top:3.4rem}}.sizes-modal .modal-box .modal-content table th,.sizes-modal .modal-box .modal-content table td{text-align:center;padding-inline:1.6rem;padding-top:1rem;padding-bottom:0}.sizes-modal .modal-box .modal-content table th{font-size:1.4rem;font-weight:400;line-height:2.4rem;letter-spacing:1px;color:var(--black);text-transform:uppercase;padding-block:0;padding-inline:1rem;vertical-align:top}@media screen and (min-width: 1024px){.sizes-modal .modal-box .modal-content table th{font-size:2.2rem;line-height:2.8rem;letter-spacing:2px}}.sizes-modal .modal-box .modal-content table th>span{text-transform:none;font-size:1.3rem;line-height:2.4rem;letter-spacing:.2px;color:#645f65;display:block}.sizes-modal .modal-box .modal-content table td{font-size:1.4rem;font-weight:400;line-height:2.4rem;letter-spacing:1px;color:var(--black);text-transform:uppercase}@media screen and (min-width: 1024px){.sizes-modal .modal-box .modal-content table td{font-size:2rem;line-height:3rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-sizes-modal.css.map */