.size-chart__opener{display:inline-block}.size-chart__trigger{display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;text-decoration:underline;text-underline-offset:.3rem}.size-chart-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;background-color:#00000080;align-items:center;justify-content:center;padding:1.6rem}.size-chart-modal[open]{display:flex}.size-chart-modal__inner{position:relative;width:100%;max-width:86rem;max-height:90vh;border-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));display:flex;flex-direction:column;overflow:hidden}.size-chart-modal__close{position:absolute;top:1.2rem;right:1.2rem;z-index:1}.size-chart-modal__content{padding:3.2rem 2.4rem 2.4rem;overflow-y:auto;overscroll-behavior:contain}.size-chart-modal__title{margin:0 0 2rem}.size-chart-modal__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.size-chart-modal__table{width:100%;border-collapse:collapse;font-size:1.3rem}.size-chart__th{padding:.6rem;text-align:left;font-weight:600;border-bottom:.2rem solid rgba(var(--color-foreground),.2);line-height:1.4;white-space:normal}.size-chart__th--img{width:6rem}.size-chart__th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.size-chart__th.sortable:hover{color:rgb(var(--color-link))}.size-chart__th.sortable:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.size-chart__sort-icon{display:inline-block;font-size:1rem;vertical-align:middle;min-width:1.2em}.size-chart__td{padding:.9rem 1.2rem;vertical-align:middle;border-bottom:.1rem solid rgba(var(--color-foreground),.08);line-height:1.4}.size-chart__td--img{padding:.6rem 1.2rem}.size-chart__td--img img{display:block;width:6rem;height:auto}.size-chart-modal__table tbody tr:nth-child(2n){background-color:rgba(var(--color-foreground),.04)}.size-chart-modal__table tbody tr:hover{background-color:rgba(var(--color-foreground),.07)}.size-chart-modal__content .content{font-size:1.3rem}@media screen and (max-width:749px){.size-chart-modal__content{padding:2.4rem 1.6rem 1.6rem}.size-chart-modal__table{font-size:1.2rem}.size-chart__th,.size-chart__td{padding:.7rem .8rem}}
/*# sourceMappingURL=/cdn/shop/t/534/assets/size-chart.css.map */
