.size-panel__overlay{display:inline-block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--background-color-overlay);opacity:0;pointer-events:none;transition:opacity .25s ease}.size-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none}.size-panel__content{position:fixed;left:0;right:0;bottom:0;background:var(--color-white);box-shadow:0 0 20px #0003;transition:transform .3s ease;pointer-events:auto;visibility:hidden;border-radius:var(--border-radius-5xs);height:var(--size-80-per-100);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(var(--size-50-per-100));padding:var(--space-l) var(--space-xs)}.size-panel.open .size-panel__content{transform:translateY(0);visibility:visible}.size-panel.open .size-panel__overlay{opacity:1;pointer-events:auto}.size-panel__content h2{color:var(--color-black-pure);font-size:var(--typo-heading-3);font-weight:var(--font-weight-500);margin:0;text-align:center}.size-panel__content h4{color:var(--color-black-pure);font-size:var(--typo-heading-3);font-weight:var(--font-weight-400);margin:0;margin-top:var(--space-xs)}.size-panel__content p{color:var(--color-black-pure);font-size:var(--typo-body-regular);font-weight:var(--font-weight-400);margin:0;margin-top:var(--space-xs)}.size-panel__close{position:absolute;top:var(--size-xs-xs);right:var(--size-xs-xs);background:transparent;border:none;cursor:pointer}.size-panel__close svg{width:var(--size-xs-xs);height:var(--size-xs-xs)}.size-panel__table-wrapper{overflow-x:auto;margin-top:var(--space-xs)}.size-panel__table{width:var(--size-100-per-100);border-collapse:collapse;text-align:center}.size-panel__table th,.size-panel__table td{color:var(--color-black-pure);text-align:center;font-size:var(--typo-body-regular);font-weight:var(--font-weight-400);border-bottom:1px solid var(--color-gray-1)}.size-panel__table td:first-child,.size-panel__table th:first-child{border-left:1px solid var(--color-gray-1)}.size-panel__table td:last-child,.size-panel__table th:last-child{border-right:1px solid var(--color-gray-1)}.size-panel__table thead th,.size-panel__table tbody td{padding:var(--space-xxs)}.size-panel__table th{background-color:var(--color-gray-1)}.size-panel__table td{background-color:var(--color-white)}.size-unit-switch{margin-bottom:var(--space-xs)}@media screen and (min-width: 750px){.size-panel__content{top:0;left:auto;transform:translate(var(--size-50-per-100));padding:var(--space-2xl) var(--space-l);height:var(--size-100-per-100);min-width:var(--size-440);max-width:calc(var(--space-7xl) * 5 + var(--space-xs-xs))}.size-panel__content h4{margin-top:var(--space-m)}.size-panel__table thead.thead-footwear th,.size-panel__table thead.thead-top th{font-size:var(--typo-body-l)}.size-panel.open .size-panel__content{transform:translate(0)}.size-panel__content h2{font-size:var(--space-l);text-align:left}.size-panel__close{top:var(--size-20);right:var(--size-20)}.size-panel__close svg{width:var(--size-20);height:var(--size-20)}.size-panel__table-wrapper{margin-top:var(--size-m)}.size-unit-switch{margin-bottom:var(--space-m)}}@media only screen and (max-width: 749px){.size-panel__content:before{content:"";position:absolute;top:calc(var(--space-xs-xs) + var(--space-3xs));left:var(--size-50-per-100);transform:translate(calc(var(--size-50-per-100) * -1));width:calc(var(--space-5xl) + var(--space-m) + var(--space-xxs));height:var(--border-radius-3xs);background-color:var(--color-gray-1);border-radius:var(--size-12);z-index:10}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/size-guide-panel.css.map */