:root{--accordion-bg: #ffffff;--accordion-border: #e5e5e5;--accordion-text: #1a1a1a;--accordion-hover: #f8f8f8;--accordion-transition: .3s cubic-bezier(.4, 0, .2, 1);--accordion-shadow: 0 2px 8px rgba(0, 0, 0, .08)}.size-chart-accordion{background:var(--accordion-bg);border:1px solid var(--accordion-border);border-radius:0;margin:24px 0;overflow:hidden;box-shadow:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.size-chart-accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 20px;background:transparent;border:none;border-bottom:1px solid var(--accordion-border);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.5px;color:var(--accordion-text);text-align:left;text-transform:uppercase;transition:background-color var(--accordion-transition)}.size-chart-accordion__trigger:hover{background-color:var(--accordion-hover)}.size-chart-accordion__trigger:focus-visible{outline:2px solid #000;outline-offset:-2px}.size-chart-accordion__trigger.is-active{background-color:var(--accordion-hover)}.size-chart-accordion__trigger.is-active .size-chart-accordion__icon{transform:rotate(180deg)}.size-chart-accordion__title{flex:1;font-size:14px;font-weight:700;letter-spacing:.5px}.size-chart-accordion__icon{width:20px;height:20px;transition:transform var(--accordion-transition);flex-shrink:0;margin-left:12px}.size-chart-accordion__icon svg{width:100%;height:100%;display:block}.size-chart-accordion__content{max-height:0;overflow:hidden;transition:max-height var(--accordion-transition)}.size-chart-accordion__content.is-open{max-height:3000px;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.size-chart-accordion__inner{padding:24px 20px;border-bottom:1px solid var(--accordion-border)}.size-chart__chart{opacity:0;max-height:0;overflow:hidden;transition:opacity .25s ease-in-out,max-height .3s ease-in-out}.size-chart__chart:not(.hidden){opacity:1;max-height:3000px}.size-chart__chart.fade-in{animation:fadeInChart .3s ease-in-out forwards}@keyframes fadeInChart{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.size-chart-content__title{font-weight:600;font-size:1.5rem;margin-bottom:20px;color:var(--accordion-text)}.size-chart-table-wrapper{margin-bottom:20px}.size-chart-table-wrapper.hidden{display:none}.size-chart-table-wrapper table{width:100%;border-collapse:collapse;font-size:14px}.size-chart-table-wrapper thead{background-color:#1a1a1a;color:#fff}.size-chart-table-wrapper th{padding:12px 16px;text-align:center;font-weight:600;border:1px solid #ccc}.size-chart-table-wrapper td{padding:12px 16px;text-align:center;border:1px solid #ccc;color:#4a4a4a}.size-chart-table-wrapper tbody tr{transition:background-color .15s ease}.size-chart-table-wrapper tbody tr:hover{background-color:#fafafa}.size-chart-table-wrapper tbody tr:nth-child(2n){background-color:#f9f9f9}.size-chart-table-wrapper tbody tr:nth-child(2n):hover{background-color:#f2f2f2}.size-chart-units{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:#f5f5f5;border-radius:6px;width:fit-content}.size-chart-units__button{padding:8px 16px;background:transparent;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#4a4a4a}.size-chart-units__button:hover{background:#ffffff80}.size-chart-units__button.is-active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1a1a1a}@media (max-width: 767px){.size-chart-accordion{margin:16px 0;border-radius:0}.size-chart-accordion__trigger{padding:16px;font-size:13px}.size-chart-accordion__inner{padding:20px 16px}.size-chart-content__title{font-size:1.25rem}.size-chart-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.size-chart-table-wrapper table{min-width:600px;font-size:12px}.size-chart-table-wrapper th,.size-chart-table-wrapper td{padding:10px 8px;font-size:12px}.size-chart-units{font-size:13px}.size-chart-units__button{padding:6px 12px;font-size:13px}}@media (min-width: 768px) and (max-width: 1023px){.size-chart-accordion{margin:20px 0}.size-chart-accordion__trigger{padding:17px 20px}.size-chart-table-wrapper th,.size-chart-table-wrapper td{padding:12px 14px}}@media (min-width: 1024px){.size-chart-accordion{margin:32px 0}.size-chart-accordion__trigger{padding:20px 24px;font-size:15px}.size-chart-accordion__inner{padding:28px 24px}.size-chart-content__title{font-size:1.6rem}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-contrast: high){.size-chart-accordion{border-width:2px}.size-chart-table-wrapper table{border:2px solid currentColor}.size-chart-table-wrapper th,.size-chart-table-wrapper td{border-width:2px}}@media (prefers-reduced-motion: reduce){.size-chart-accordion__content,.size-chart-accordion__icon,.size-chart__chart,.size-chart-accordion__trigger,.size-chart-units__button{transition:none}.size-chart__chart.fade-in{animation:none}}.size-chart-table-wrapper:focus-within{outline:2px solid #000;outline-offset:2px}@media print{.size-chart-accordion__trigger{display:none}.size-chart-accordion__content{max-height:none!important;overflow:visible!important}.size-chart__chart.hidden{display:none!important}.size-chart-accordion{border:none;box-shadow:none}}.size-chart-accordion{font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.size-chart-accordion__trigger{color:rgb(var(--color-foreground, 26, 26, 26))}.size-chart-accordion{background:rgb(var(--color-background, 255, 255, 255));border-color:rgba(var(--color-foreground, 26, 26, 26),.1)}.size-chart__chart{will-change:opacity,transform}.size-chart__chart:not(.fade-in){will-change:auto}.size-chart-accordion__content{contain:layout style}.size-chart-accordion__inner>div{overflow-x:auto}.size-chart-table-wrapper{scroll-behavior:smooth}.size-chart-accordion__trigger.is-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:transparent}
/*# sourceMappingURL=/cdn/shop/t/11/assets/size-chart-accordion.css.map */