size-chart-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.6rem}size-chart-modal[hidden]{display:none}.size-chart-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009}.size-chart-modal__panel{position:relative;z-index:1;width:100%;max-width:56rem;max-height:calc(100vh - 3.2rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:.4rem;display:flex;flex-direction:column;box-shadow:0 .4rem 2.4rem #00000040}@media screen and (max-width:749px){size-chart-modal{padding:0}.size-chart-modal__panel{max-width:100%;max-height:100vh;border-radius:0}}.size-chart-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding:2rem 2.4rem 1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.size-chart-modal__title{font-size:1.6rem;margin:0 0 .4rem;letter-spacing:.04rem}.size-chart-modal__subtitle{margin:0;font-size:1.3rem;letter-spacing:.04rem;opacity:.7;text-transform:uppercase}.size-chart-modal__close{background:transparent;border:0;padding:.6rem;cursor:pointer;color:rgb(var(--color-foreground));line-height:1}.size-chart-modal__close .icon,.size-chart-modal__close svg{width:1.6rem;height:1.6rem}.size-chart-modal__content{padding:2rem 2.4rem 2.4rem;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.size-chart-content{font-size:1.4rem;line-height:1.6}.size-chart-content table{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:1.3rem}.size-chart-content th,.size-chart-content td{padding:.8rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.12);text-align:left}.size-chart-content thead th{background:rgba(var(--color-foreground),.04);font-weight:600}.size-chart-content h1,.size-chart-content h2,.size-chart-content h3{margin:1.6rem 0 .8rem}.size-chart-content p{margin:0 0 1.2rem}.product__size-chart-hint{display:flex;align-items:center;gap:.8rem;margin:1.2rem 0;font-size:1.4rem}.product__size-chart-hint .svg-wrapper svg{width:1.8rem;height:1.8rem}.product__size-chart-hint-text{flex:1;line-height:1.4}.size-chart-html-content{font-size:1.4rem;line-height:1.6;margin-bottom:1.6rem}.size-chart-html-content p{margin:0 0 1rem}.size-chart-html-content p:last-child{margin-bottom:0}.size-chart-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0 1.2rem;color:rgb(var(--color-foreground))}.size-chart-divider:before,.size-chart-divider:after{content:"";flex:1;height:.1rem;background:rgba(var(--color-foreground),.16)}.size-chart-divider span{font-size:1.4rem;font-weight:600;letter-spacing:.04rem;text-transform:uppercase}.size-chart-table-content-wrapper{margin-bottom:2rem}.size-chart-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table.size-chart-table{width:100%;border-collapse:collapse;margin:0;font-size:1.3rem}.size-chart-table-cell{padding:.8rem 1rem;border:.1rem solid rgba(var(--color-foreground),.16);text-align:center;white-space:nowrap}.size-chart-table-header-cell{font-weight:600;background:rgba(var(--color-foreground),.04)}.size-chart-unit-toggle-wrapper{display:flex;justify-content:center;margin:0 0 1.2rem}.size-chart-unit-toggle{display:inline-flex;border:.1rem solid rgba(var(--color-foreground),.24);border-radius:999rem;overflow:hidden;font-size:1.2rem;letter-spacing:.04rem;text-transform:uppercase}.size-chart-unit-toggle-label{padding:.6rem 1.4rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;color:rgb(var(--color-foreground));transition:background .12s ease,color .12s ease}.size-chart-unit-toggle-label.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.size-chart-unit-toggle-label:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.size-chart-image-and-caption{margin:1.2rem 0}.size-chart-image-and-caption-block{display:flex;align-items:flex-start;gap:1.6rem}.size-chart-image-and-caption .image-block img{display:block;max-width:16rem;height:auto;border-radius:.4rem}.size-chart-image-and-caption .text-block{flex:1;font-size:1.3rem;line-height:1.5}.size-chart-image-and-caption .text-block ol,.size-chart-image-and-caption .text-block ul{margin:0;padding-left:1.8rem}.size-chart-image-and-caption .clear{display:none}@media screen and (max-width:749px){.size-chart-image-and-caption-block{flex-direction:column}.size-chart-image-and-caption .image-block img{max-width:100%}.size-chart-table-cell{padding:.6rem .8rem}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-size-chart-modal.css.map */