.size-chart-popup{--size-chart-max-width: 46rem;--size-chart-min-width: 28rem;--size-chart-label-width: 6rem;--size-chart-font: 1.4rem;display:flex;padding:2rem 1.5rem;box-sizing:border-box}.size-chart-popup .product-popup-modal__content{position:relative;top:auto;left:auto;transform:none;margin:auto;height:auto;max-height:100%;width:auto;min-width:min(var(--size-chart-min-width),100%);max-width:min(var(--size-chart-max-width),100%);overflow:auto;box-sizing:border-box;padding:1.2rem 1.6rem 1.6rem}.size-chart-popup .product-popup-modal__toggle{position:sticky;top:0;width:3rem;height:3rem;padding:.6rem;margin:0 -.4rem 0 auto;flex:none}.size-chart-popup .product-popup-modal__toggle .icon,.size-chart-popup .product-popup-modal__toggle svg{width:1.5rem;height:1.5rem}.size-chart-popup .product-popup-modal__content-info{padding-right:0;padding-bottom:0;margin-top:-3rem}.size-chart-popup .size-chart-popup__title{margin:0 0 1rem;padding-right:3.6rem;font-size:4rem;line-height:1.2}.size-chart-popup .size-chart-popup__body{width:100%;max-width:100%;margin:0}.size-chart-popup .size-chart-popup__body>*:first-child{margin-top:0}.size-chart-popup .size-chart-popup__body>*:last-child{margin-bottom:0}.size-chart-popup .size-chart-popup__body p{margin:0 0 .7rem;line-height:1.4}.size-chart-popup .size-chart-popup__body p+table,.size-chart-popup .size-chart-popup__body p:last-of-type{margin-bottom:.9rem}.size-chart-popup .size-chart-popup__body p:empty,.size-chart-popup .size-chart-popup__body div:empty,.size-chart-popup .size-chart-popup__body h1:empty,.size-chart-popup .size-chart-popup__body h2:empty,.size-chart-popup .size-chart-popup__body h3:empty,.size-chart-popup .size-chart-popup__body h4:empty{display:none}.size-chart-popup .size-chart-popup__body>br:last-child,.size-chart-popup .size-chart-popup__body p>br:only-child{display:none}.size-chart-popup .size-chart-popup__body colgroup,.size-chart-popup .size-chart-popup__body col{width:auto!important}.size-chart-popup .size-chart-popup__body table{table-layout:fixed;width:100%!important;max-width:100%;border-collapse:collapse;margin:0 0 .8rem}.size-chart-popup .size-chart-popup__body th,.size-chart-popup .size-chart-popup__body td{box-sizing:border-box;border-bottom:.1rem solid rgba(var(--color-foreground),.15);padding:.55rem .25rem;font-size:var(--size-chart-font);text-align:center;vertical-align:middle;white-space:nowrap;line-height:1.25;width:auto!important}.size-chart-popup .size-chart-popup__body th:first-child,.size-chart-popup .size-chart-popup__body td:first-child{width:var(--size-chart-label-width)!important;white-space:normal;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;padding-left:.5rem;padding-right:.5rem;text-align:left;font-weight:600}.size-chart-popup .size-chart-popup__body th:last-child,.size-chart-popup .size-chart-popup__body td:last-child{padding-right:0}.size-chart-popup .size-chart-popup__body tr:last-child th,.size-chart-popup .size-chart-popup__body tr:last-child td{border-bottom:0}.size-chart-popup .size-chart-popup__body thead th{border-bottom-width:.2rem;font-weight:600}.size-chart-popup .size-chart-popup__body table tr:first-child td{font-weight:600}@media screen and (min-width:750px){.size-chart-popup{padding:4rem 2rem}}@media screen and (max-width:749px){.size-chart-popup{padding:.5rem}.size-chart-popup .product-popup-modal__content{--size-chart-min-width: 0;--size-chart-label-width: 6rem;--size-chart-font: 1.3rem;width:100%;max-width:100%;padding:1.2rem 1rem 1.4rem}.size-chart-popup .size-chart-popup__title{font-size:3rem}.size-chart-popup .product-popup-modal__content table{display:table;max-width:100%;overflow-x:visible;margin:0 0 .8rem}.size-chart-popup .size-chart-popup__body{overflow-x:auto;-webkit-overflow-scrolling:touch}.size-chart-popup .size-chart-popup__body th,.size-chart-popup .size-chart-popup__body td{padding:.5rem .15rem}.size-chart-popup .size-chart-popup__body th:first-child,.size-chart-popup .size-chart-popup__body td:first-child{padding-left:0;padding-right:.4rem}}@media screen and (max-width:480px){.size-chart-popup .product-popup-modal__content{--size-chart-font: 12px}}@media screen and (max-width:389px){.size-chart-popup .product-popup-modal__content{--size-chart-label-width: 5.4rem;--size-chart-font: 11.5px;padding:1.2rem .8rem}.size-chart-popup .size-chart-popup__body th,.size-chart-popup .size-chart-popup__body td{padding:.45rem .1rem}}.size-chart-popup__editor-notice{border:.1rem dashed rgba(var(--color-foreground),.35);border-radius:.4rem;padding:1.2rem 1.4rem;font-size:1.3rem;line-height:1.5;opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-size-chart-popup.css.map */