*{box-sizing:border-box}.mt-3{margin-top:30px!important}.mt-4{margin-top:40px!important}.mt-5{margin-top:50px!important}.size-chart-warp{padding:15px;min-height:100vh}.size-chart-warp .toogle-header{display:flex;width:100%;max-width:1200px;justify-content:space-between;align-items:end;margin-left:auto;margin-right:auto;margin-bottom:30px;position:sticky;top:60px;background:#fff;z-index:2;padding-bottom:10px;transition:top .2s ease-in}body:has(.shopify-section--header .header.is-hidden) .size-chart-warp .toogle-header{top:0}.size-chart-warp .size-chart-title{text-align:center;font-size:32px;margin:30px 0 5px}.size-chart-warp .subtitle{text-align:center;font-size:14px;margin-bottom:30px}.size-chart-warp .gender-tabs{display:flex;justify-content:center;border-bottom:1px solid #ccc;margin-bottom:0}.size-chart-warp .gender-tabs button{padding:15px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:600;color:gray;border-bottom:3px solid transparent}.size-chart-warp .gender-tabs button.active{border-bottom:3px solid #000;color:#000}.size-chart-warp .tabs{display:flex;flex-wrap:wrap;max-width:1200px;margin:auto}.size-chart-warp .sidebar{width:200px;border-right:1px solid #ddd}.size-chart-warp .sidebar ul{list-style:none;padding:0;margin:0}.size-chart-warp .sidebar li{padding:12px 15px;cursor:pointer;font-size:14px}.size-chart-warp .sidebar li.active{background:#000;color:#fff}.size-chart-warp .tab-content{flex:1;display:none;padding:30px 0 20px}.size-chart-warp .tab-content.active{display:block}.size-chart-warp .size-table-responsive{margin:20px 0}.size-chart-warp .size-table{width:100%;border-collapse:collapse}.size-chart-warp .size-table th,.size-chart-warp .size-table td{border:1px solid #ccc;padding:12px 10px;text-align:center;font-size:14px}.size-chart-warp .size-table th{background:#f2f2f2}.size-chart-warp .size-table td{background:#fff}.size-chart-warp .measure-section{display:flex;justify-content:center;gap:25px;margin:40px 0;text-align:center;flex-wrap:wrap}.size-chart-warp .measure-section .measure-section-item{width:calc(100% - 20px)}.size-chart-warp .measure-section .measure-section-item .shop-now-btn{border:#000 1px solid;display:block;padding:17px;font-size:14px;color:#2c2c2c;text-decoration:none;font-weight:500;transition:.3s all ease-in}.size-chart-warp .measure-section .measure-section-item .shop-now-btn:hover{background-color:#000;color:#fff}.size-chart-warp .measure-section img{width:100%}.size-chart-warp .measure-section .measure-section-title{font-size:16px;margin-top:24px;margin-bottom:15px;font-weight:400}.size-chart-warp .measure-section p{font-size:14px;margin-top:8px;color:#616161;font-weight:500;text-transform:uppercase}.size-chart-warp .fit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;text-align:center}.size-chart-warp .fit-grid img{width:100%;max-height:250px;object-fit:contain}.size-chart-warp .fit-grid p{font-size:12px;margin:8px 0}.size-chart-warp .fit-grid button{padding:6px 14px;border:1px solid #000;background:none;font-size:12px;cursor:pointer;transition:all .3s ease}.size-chart-warp .fit-grid button:hover{background:#000;color:#fff}.size-chart-warp .tab-content-head{font-size:18px;font-weight:600;margin-top:0;margin-bottom:0;text-transform:uppercase}.size-table-responsive{width:100%;max-width:calc(100vw - 30px);overflow-x:auto;white-space:nowrap}.size-chart-warp .unit-toggle{width:90px;display:flex;padding:3px;position:relative;background:#ddd;border-radius:2rem;height:36px}.size-chart-warp .unit-toggle input{visibility:hidden;position:absolute;top:0}.size-chart-warp .unit-toggle label{width:50%;padding:0;margin:0;line-height:28px;font-size:14px;text-align:center;text-transform:uppercase;cursor:pointer;color:var(--switches-label-color)}.size-chart-warp .switch-wrapper{position:absolute;top:3px;bottom:3px;width:50%;padding:.15rem;z-index:3;transition:transform .5s cubic-bezier(.77,0,.175,1)}.size-chart-warp .switch{border-radius:3rem;background:#fff;height:100%;width:100%;box-shadow:0 2px 5px 1px #0003}.size-chart-warp .switch div{width:100%;text-align:center;line-height:28px;font-size:14px;text-transform:uppercase;opacity:0;display:block;color:#000;transition:opacity .2s cubic-bezier(.77,0,.175,1) .125s;will-change:opacity;position:absolute;top:0;left:0}.size-chart-warp .switch:after{display:none}.size-chart-warp .unit-toggle input:nth-of-type(1):checked~.switch-wrapper{transform:translate(0)}.size-chart-warp .unit-toggle input:nth-of-type(2):checked~.switch-wrapper{transform:translate(calc(100% - 5px))}.size-chart-warp .unit-toggle input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1){opacity:1}.size-chart-warp .unit-toggle input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2){opacity:1}.measure-section-img{position:relative}.measure-section-img:before{content:"";display:block;position:static;width:100%;padding-top:calc(509 / 391 * 100%)}.measure-section-img img{position:absolute;object-fit:cover;height:100%;width:100%;max-width:none;top:0;left:0}.size-table-responsive table tr>th:first-child,table tr>th:first-child,table tr>td:first-child{overflow-wrap:break-word;position:sticky;left:-1px}table tr>td:first-child{background:#fff}table tr>td:first-child:after,table tr>th:first-child:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:1px;border-left:1px solid #e1e1e1}@media (min-width:1000px){.size-chart-warp .toogle-header{top:77px}.size-chart-warp .sidebar ul{position:sticky;top:150px;transition:top .2s ease-in}body:has(.shopify-section--header .header.is-hidden) .size-chart-warp .sidebar ul{top:80px}}@media (min-width:1200px){.size-chart-warp .size-chart-title{font-size:52px}.size-chart-warp .tab-content{padding:0 0 20px 40px}.size-chart-warp{padding:30px}.size-chart-warp .measure-section .measure-section-item{width:calc(50% - 20px)}}@media (min-width:1600px){.size-chart-warp .toogle-header,.size-chart-warp .tabs{max-width:1350px}.size-chart-warp .measure-section .measure-section-item{width:calc(25% - 20px)}}@media (min-width:1900px){.size-chart-warp .toogle-header,.size-chart-warp .tabs{max-width:1550px}}@media (max-width: 1200px){.size-chart-warp .tabs{flex-direction:column}.size-chart-warp .sidebar{display:flex;overflow-x:auto;width:calc(100vw - 30px);border-right:none;border-bottom:1px solid #ddd}.size-chart-warp .sidebar li{flex:1 0 auto;white-space:nowrap;text-align:center}.size-chart-warp .measure-section{flex-direction:column;align-items:center;justify-content:left}.size-chart-warp .sidebar ul{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/size-chart.css.map */
