.size-chart-index{background-color:#fff;transition:.25s ease all}.size-chart-index.active{position:fixed;bottom:0;left:0;width:100%;z-index:9999}.size-chart-index sizechart-table{display:block;height:100%;max-height:550px;overflow:auto}.size-chart-index.active sizechart-table{height:100vh;max-height:100dvh}.size-chart-body.is-full{height:100%}.size-chart-index .size-chart-header{position:sticky;top:0;z-index:2}.size-chart-index .size-chart-footer{position:sticky;bottom:0;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 -3px 6px 2px #d5d5d5;display:none}.size-chart-index.active .size-chart-footer{display:block}.size-chart-index .size-chart-footer button{width:100%}.size-chart-index .table-wrapper input[type=radio]{display:none}.size-chart-index .table-wrapper label{font-weight:400;font-size:12px;letter-spacing:0;margin-bottom:0;padding-left:12px}.size-chart-index .table-wrapper label span{border:1px solid currentColor;display:inline-block;width:12px;height:12px;margin-bottom:0;border-radius:35px;vertical-align:text-top;margin-right:8px;position:absolute;left:8px;top:50%;transform:translateY(-50%);transition:.25s ease all}.size-chart-index .table-wrapper label span:after{content:"";display:inline-block;position:absolute;width:80%;height:80%;top:50%;left:50%;border-radius:35px;transform:translate(-50%,-50%);background-color:var(--colorBtnPrimary);opacity:0;visibility:hidden}.size-chart-index .table-wrapper input[type=radio]:checked+label span:after{opacity:1;visibility:visible}.size-chart-index .tabs-wrapper{display:flex;align-items:center;justify-content:space-around;background-color:#fff;border-bottom:2px solid #e5e5e5}.size-chart-index .tabs-wrapper button{padding:12px;margin-bottom:-2px;border-bottom:2px solid transparent;font-weight:700;transition:.25s ease all}.size-chart-index .tabs-wrapper button.active{border-color:2px solid var(--colorBtnPrimary)}.size-chart-index .size-chart-matric-index{text-align:right;padding:12px 15px}.size-chart-index .size-chart-matric-wrapper{display:inline-flex;justify-content:flex-end;border:1px solid var(--colorBtnPrimary);border-radius:35px;padding:2px}.size-chart-index .size-chart-matric-wrapper button{text-transform:lowercase;padding:0;width:25px;height:25px;font-size:12px;border-radius:35px;color:#9a9a9a}.size-chart-index .size-chart-matric-wrapper button.active{background:#4caf50;color:var(--colorBody);font-weight:700}.size-chart-index.active div.title{padding:15px}.size-chart-index div.title{padding:15px 0;font-weight:700;font-size:calc(var(--typeBaseSize)*1.2)}.size-chart-index .close-btn{font-size:22px;padding:10px;margin-left:8px;line-height:1;display:none}.size-chart-index.active .close-btn{display:inline-block}.size-chart-index .table-responsive{padding:0;overflow:initial}.size-chart-index .table-responsive table{min-width:100%;background:transparent;text-align:center;table-layout:fixed;width:50px}.size-chart-index .table-wrapper table th,.size-chart-index .table-wrapper table td{text-align:center;padding:8px;position:relative}.size-chart-index .table-wrapper tbody td,.size-chart-index .table-wrapper tbody th{cursor:pointer;color:#6b6b6b;font-weight:400}.size-chart-index .table-wrapper tr.selected td,.size-chart-index .table-wrapper tr.selected th,.size-chart-index .table-wrapper tr.selected label{background-color:#f5f5f5;color:#000;font-weight:700;font-size:13px}.size-chart-index .table-wrapper tr[disabled]{cursor:not-allowed}.size-chart-index .table-wrapper tr[disabled] td,.size-chart-index .table-wrapper tr[disabled] th{text-decoration:line-through;pointer-events:none;color:#c1c1c1;font-size:13px}.size-chart-index .tab-cotent .images-index{display:flex;flex-wrap:wrap}.size-chart-index .tab-cotent img{width:100%;vertical-align:middle}.size-chart-index .image-grid-wrapper{border-top:10px solid #f2f2f2;margin-top:10px}.size-chart-index:not(.active) .mb-sizechart-header{display:none}.size-chart-index .mb-sizechart-header{display:flex;align-items:flex-start;gap:15px;padding:12px}.size-chart-index .mb-sizechart-header img{width:100%;max-width:80px}.size-chart-index .price-wrapper{display:flex;align-items:flex-end;font-size:14px;line-height:14px}.size-chart-index .price-wrapper span>small{display:inline-block;vertical-align:text-top;font-size:.67em;line-height:14px}.size-chart-index .price-wrapper>span{margin-right:5px}.size-chart-index .price-wrapper .compare-at-price{color:#b4b4b4;text-decoration:line-through;font-size:11px}.size-chart-index .price-wrapper [data-save-price]{font-size:10px!important}.size-chart-index .p-title{font-size:14px}.size-chart-index .table-wrapper table thead th{color:#000}.size-chart-index .table-wrapper table thead th:after{content:" (" attr(data-matix) ")";display:inline}.size-chart-index .table-wrapper tr.selected label span:after{opacity:1;visibility:visible}.size-chart-index .close-btn{background:transparent;border:0}.size-chart-index .size-chart-matric-wrapper{border:1px solid #000}.size-chart-index .size-chart-matric-wrapper button{border:0;background-color:transparent}.size-chart-index .size-chart-matric-wrapper button.active{color:#fff}.size-chart-index .p-title{font-weight:500}.size-chart-index .table-wrapper label span:after{background-color:#000}variant-radios-detail .product-form__input a{text-decoration:none}.size-chart-index sizechart-table::-webkit-scrollbar-track{background:#f1f1f1}.size-chart-index sizechart-table::-webkit-scrollbar-thumb{background:#888}.size-chart-index sizechart-table::-webkit-scrollbar-track{background:#e8e7e7}.size-chart-index sizechart-table::-webkit-scrollbar-thumb{background:#2c2c2c9c;border-radius:5px}.size-chart-index sizechart-table::-webkit-scrollbar{width:5px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(min-width:768px){.size-chart-index .table-responsive table{table-layout:auto;width:100%}.size-chart-index .size-chart-matric-index{text-align:center}.size-chart-index .size-chart-matric-wrapper{border:0;padding:0}.size-chart-index .size-chart-matric-wrapper button{color:var(--color-body-text);border:0;border-radius:0;border-bottom:1px solid transparent;width:auto;height:auto;margin:auto 5px;position:relative;text-transform:uppercase;font-weight:300}.size-chart-index .size-chart-matric-wrapper button:not(:last-child):after{content:"|";position:relative;right:-5px}.size-chart-index .size-chart-matric-wrapper button.active{color:var(--color-body-text);background-color:transparent;font-weight:700;border-bottom:1px solid currentColor}.size-chart-index .table-wrapper table th,.size-chart-index .table-wrapper table td{text-align:center}.size-chart-index .tab-cotent .img-wrapper{flex:1 1 50%}.size-chart-index .table-responsive{padding:0 15px}.size-chart-index .table-wrapper label{padding-left:0}.size-chart-index .table-wrapper label span{display:none}}@media(max-width:767px){.size-chart-index .table-wrapper tr td:first-child{min-width:70px}.size-chart-index .table-wrapper table thead th{max-width:60px}.size-infos .size-chart-index .table-responsive table{max-width:100%;width:100%;table-layout:auto}.size-infos .size-chart-index .table-responsive{overflow-x:auto}.overlay-popup.active .popup_inner,.size-chart-index .table-wrapper table thead th{width:100%}.size-chart-index .table-responsive{display:block;white-space:nowrap;font-size:13px}.size-chart-index .table-responsive table{width:100%;min-width:600px}.size-chart-index .table-responsive{overflow:auto}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-size-chart.css.map */