.product-size-chart-base{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.2rem;margin:0 0 .3rem;font-size:1.3rem;max-width:44rem}.product-size-chart-fitting-text-box{display:flex;align-items:center;gap:.5rem;position:relative;display:none}.product-size-chart-fitting-text-icon{display:flex;padding:0;background-color:transparent;border:0}.product-size-chart-fitting-text-icon svg{--size: 1.6rem;width:var(--size);height:var(--size);cursor:pointer}.product-size-chart-popup-trigger{padding:0;background:none;border:none;text-decoration:underline;cursor:pointer}.product-size-chart-base+*{margin-top:0}.product-size-chart-base+* .product-form{margin-top:0}.size-chart-modal__overlay,.size-chart-modal{position:fixed;top:0;left:0}.size-chart-modal__overlay{display:block;width:100vw;height:100vh;background-color:#00000080;z-index:50}.size-chart-modal{display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:80}.size-chart-modal__modal{max-height:90vh;width:50%;z-index:80;border-radius:4rem;padding:2rem 4rem;overflow-y:scroll}.size-chart-modal__modal *{color:inherit}.size-chart-modal__close{display:flex;justify-content:flex-end}.size-chart-modal__close button{display:flex;color:inherit;border:1px solid currentColor;background-color:transparent;border-radius:50%;padding:1rem;cursor:pointer}.size-chart-modal__heading{margin-top:0;text-align:center;font-size:2.6rem;padding-bottom:1.5rem;color:inherit}.size-chart-modal__type-select{display:flex;gap:2rem;margin-bottom:2rem}.size-chart-modal__type-select-button{border:1px solid #aaa;border-radius:1rem;padding:1rem;cursor:pointer;line-break:anywhere;transition:all .3s ease-in-out}.size-chart-modal__type-select-button:first-child{width:calc(50% - 2rem)}.size-chart-modal__type-select-button:last-child{flex:1}.size-chart-modal__table-container{width:100%;overflow-x:auto}.size-chart-modal__table{width:100%;table-layout:auto;border-collapse:collapse}.size-chart-modal__table--shoes{table-layout:fixed}.size-chart-modal__table,.size-chart-modal__table :is(th,td){font-size:1.4rem;text-align:center}.size-chart-modal__table th{padding:.4rem}.size-chart-modal__table td{padding:.4rem 0}.size-chart-modal__scroll-text{display:none;margin:1rem 0}.size-chart-modal__scroll-text.indicator-hidden{display:none}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) scale(1);background-color:#fff;box-shadow:0 1rem 2rem #0003;border-radius:.4rem;z-index:200;padding:1.2rem;transform-origin:bottom;transition:all .3s}.tooltip:after{display:none;content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#333 transparent transparent transparent}.tooltip-hidden{visibility:hidden;opacity:0;transform:scale(0) translate(-50%)}.size-charts-tooltip{width:30rem;padding:1.6rem 2.2rem;left:0;transform:translate(0)}.size-charts-tooltip__heading{margin:0 0 .8rem;font-weight:600;color:inherit}.size-charts-tooltip__description{font-size:1.1rem;margin:0 0 1rem}.size-charts-tooltip__line{position:relative;border-radius:1rem;padding:.6rem;margin-bottom:.6rem}.size-charts-tooltip__line-break{position:absolute;top:0;width:3px;height:100%}.size-charts-tooltip__line-break--first{left:20%;transform:translate(-20%)}.size-charts-tooltip__line-break--second{left:50%;transform:translate(-50%)}.size-charts-tooltip__line-break--third{left:80%;transform:translate(-80%)}.size-charts-tooltip__line-break--current{top:50%;left:var(--left-dest);transform:translate(calc(-1 * var(--left-dest))) translateY(-50%);background-color:#000;width:7px;border-radius:.4rem;height:calc(100% + 8px)}.size-charts-tooltip__line-labels{display:flex;align-items:flex-start;justify-content:space-between;gap:.2rem}.size-charts-tooltip__line-labels *{display:flex;width:8rem;line-break:loose;font-size:1rem;color:inherit;text-align:center}.size-charts-tooltip__line-labels *:first-child{justify-content:flex-start}.size-charts-tooltip__line-labels *:nth-child(2){justify-content:center}.size-charts-tooltip__line-labels *:last-child{justify-content:flex-end}@media screen and (min-width: 1000px){.size-charts-tooltip__heading{font-size:calc(var(--font-heading-scale) * 1.4rem)}.size-charts-tooltip__description{font-size:1.2rem}.size-charts-tooltip__line-labels>*{font-size:1.1rem}.size-chart-modal__heading{font-size:2.8rem}.size-chart-modal__type-select-button{font-size:1.5rem}.size-chart-modal__table,.size-chart-modal__table :is(th,td){font-size:1.5rem}}@media screen and (max-width: 1100px){.size-chart-modal__modal{width:70%}}@media screen and (max-width: 700px){.size-chart-modal__modal{width:90%;padding:2rem 2.2rem}}@media screen and (max-width: 550px){.size-chart-modal__table{min-width:400px;width:auto}.size-chart-modal__table--shoes{min-width:100%;width:100%}.size-chart-modal__close button{padding:.6rem}.size-chart-modal__scroll-text{display:flex;align-items:center;gap:.6rem}.size-chart-modal__scroll-text svg{transform:rotate(90deg)}}@media screen and (max-width: 400px){.size-chart-modal__heading{font-size:2rem}}@media screen and (max-width: 330px){.size-charts-tooltip{width:28rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/size-charts.css.map */