.main-size-chart-modal{--modal-z-index: 10001;--primary-black: #000;--border-color: #e8e8e8;--table-header-bg: #fff9c4;--transition: all .25s ease}.main-size-chart-modal .main-size-chart-modal__title:before{content:unset}.main-size-chart-modal .main-size-chart-modal__title{padding:0;margin:0}.main-size-chart-modal--modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--modal-z-index);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:var(--transition)}.main-size-chart-modal--modal.open{pointer-events:all;opacity:1}.main-size-chart-modal--modal .main-size-chart-modal__container{position:relative;background:#fff;width:700px;max-height:65vh;border-radius:24px;overflow:visible;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;transform:translateY(30px);transition:var(--transition)}.main-size-chart-modal--modal.open .main-size-chart-modal__container{transform:translateY(0)}.main-size-chart-modal__header{text-align:center;padding:22px 0 24px}.main-size-chart-modal__title{font-family:Didot!important;font-size:32px!important;font-weight:400;margin:0 0 5px;display:flex;align-items:center;justify-content:center}.main-size-chart-modal__bracket{color:#fffac1;font-size:32px;line-height:.8;font-weight:300;padding:5px 10px}.main-size-chart-modal__subtitle{text-align:center;font-size:10px;font-weight:400;line-height:14px;letter-spacing:2px;text-transform:uppercase}.main-size-chart-modal__table-wrap{overflow:visible;width:100%}.main-size-chart-modal__table{width:100%;border-collapse:collapse;font-size:15px}.main-size-chart-modal__table th{color:#000;text-align:center;font-size:12px;font-weight:400;line-height:14px;letter-spacing:1.2px;padding:12px 0;position:sticky;top:0;z-index:10}.main-size-chart-modal__table td{padding:12px 10px;border-bottom:1px solid #eee;text-align:center;font-weight:300;border-left:unset;border-right:unset;border-top:unset;font-size:14px;color:#000;font-family:Lato-lt}.main-size-chart-modal__table td span,.main-size-chart-modal__table thead th span{text-align:left;width:40px;display:inline-block}.main-size-chart-modal__table td.bold-cell{font-weight:700;font-family:Lato}.main-size-chart-modal__close{position:absolute;top:-45px;right:12px;background:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;cursor:pointer;z-index:100}.main-size-chart-modal__close svg{width:14px;height:14px}.main-size-chart-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;cursor:pointer}.main-size-chart-modal__body{flex:1;overflow-y:auto;padding-bottom:24px}.main-size-chart-modal__footer-note{text-align:center;padding:12px 0 40px}.main-size-chart-modal__footer-note p{font-size:12px;font-style:italic;font-weight:300;line-height:20px;color:#484848;margin:0}.main-size-chart-modal__footer-note p span{font-weight:600}.size_chart_measure{display:flex;gap:34px;margin:0 36px}.size_chart_image{width:100%;max-width:400px;margin:0 auto}.size_chart_image img{width:100%;height:auto;object-fit:contain}.how_to_measure{display:flex;flex-direction:column;gap:30px;justify-content:space-between;padding:12px 0}.how_to_measure_container h4{margin:0 0 10px;color:#000;font-family:Lato;font-size:12px;font-weight:400;line-height:14px;letter-spacing:1.2px;text-transform:uppercase}.how_to_measure p{font-size:10px;font-weight:300;line-height:1.4;margin:0;color:#484848}@media screen and (max-width:640px){.main-size-chart-modal--modal{align-items:flex-end}.main-size-chart-modal--modal .main-size-chart-modal__container{width:100%;border-radius:20px 20px 0 0;transform:translateY(100%);max-height:72vh}.main-size-chart-modal--modal.open .main-size-chart-modal__container{transform:translateY(0)}.main-size-chart-modal__title{font-size:28px}}@media screen and (min-width:999px){.size_chart_measure{flex-direction:row;gap:60px}.size_chart_image{width:220px}.how_to_measure_container h4{font-size:16px}.how_to_measure p{font-size:14px}}.main-size-chart-modal--component .main-size-chart-modal__container-inline{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:#fff;padding:20px}.main-size-chart-modal__table tr{grid-template-columns:repeat(4,1fr);display:grid;padding:0 8px;align-items:center}.main-size-chart-modal__table thead{background:#fffac1}
/*# sourceMappingURL=/cdn/shop/t/103/assets/main-size-chart-modal.css.map */