.size-chart{margin:1.5rem 0}.size-chart__button{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-size:1.4rem}.size-chart__button.button{padding:1rem 2rem;text-decoration:none}.size-chart__button--badge{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.6rem;background:linear-gradient(135deg,#9b8673,#b5a190);color:#fff!important;border:none;border-radius:2rem;font-size:1.3rem;font-weight:600;text-decoration:none;box-shadow:0 .4rem 1.2rem #9b86734d;transition:all .2s ease;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.size-chart__button--badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.size-chart__button--badge:hover{transform:translateY(-.2rem);box-shadow:0 .6rem 1.8rem #9b867366;background:linear-gradient(135deg,#8a7563,#a39080)}.size-chart__button--badge:hover:before{left:100%}.size-chart__button--badge:active{transform:translateY(0);box-shadow:0 .2rem .8rem #9b867366}.size-chart__button--badge .size-chart__icon{filter:brightness(0) invert(1)}.size-chart__icon{display:inline-flex;width:1.6rem;height:1.6rem}.size-chart__icon svg{width:100%;height:100%;fill:currentColor}.size-chart-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(var(--color-foreground),.5);z-index:1000;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;margin:0;padding:0}.size-chart-modal.active{display:flex!important;align-items:center!important;justify-content:center!important;padding:2rem;opacity:1;visibility:visible;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important}.size-chart-modal__content{background-color:rgb(var(--color-background));border-radius:.8rem;max-width:90rem;max-height:90vh;width:calc(100% - 4rem);overflow:hidden;box-shadow:0 2rem 4rem rgba(var(--color-foreground),.15);margin:auto;position:relative;display:flex;flex-direction:column}.size-chart-modal .modal__content{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:auto!important}.size-chart-modal__header{display:flex;align-items:center;justify-content:center;padding:2rem 2rem 1rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.size-chart-modal__title{margin:0;color:rgb(var(--color-foreground))}.size-chart-modal__close{display:inline-block;padding:1.2rem 2.4rem;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;cursor:pointer;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:500;transition:all .2s ease;min-width:12rem;text-align:center}.size-chart-modal__close:hover{background-color:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.3)}.size-chart-modal__body{padding:1rem;overflow:hidden;max-height:calc(90vh - 12rem);flex:1;display:flex;flex-direction:column}.size-chart-modal__footer{display:flex;align-items:center;justify-content:center;padding:1rem 2rem 2rem;border-top:.1rem solid rgba(var(--color-foreground),.1);background-color:rgba(var(--color-foreground),.02)}.size-chart__content{overflow-x:auto!important;overflow-y:visible!important;min-width:0;position:relative;flex:1;width:100%;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.3) transparent;-webkit-overflow-scrolling:touch;white-space:nowrap}.size-chart__content::-webkit-scrollbar{height:.8rem}.size-chart__content::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.1);border-radius:.4rem}.size-chart__content::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.3);border-radius:.4rem}.size-chart__content::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.5)}.size-chart__content{scrollbar-gutter:stable}@-moz-document url-prefix(){.size-chart__content{scrollbar-width:auto;scrollbar-color:rgba(var(--color-foreground),.4) rgba(var(--color-foreground),.1)}}.size-chart__note{margin-top:1.5rem;padding:1rem;background-color:rgba(var(--color-foreground),.05);border-radius:.4rem;border-left:.3rem solid rgb(var(--color-foreground))}.size-chart__note p{margin:0;font-size:1.3rem;color:rgb(var(--color-foreground));font-style:italic;opacity:.8}.size-chart-table{width:100%;min-width:70rem;border-collapse:collapse;margin:0;font-size:1.4rem;background-color:rgb(var(--color-background));table-layout:auto;display:table;flex-shrink:0;white-space:nowrap;position:relative;z-index:1}.size-chart-table th,.size-chart-table td{padding:1.2rem 1rem;text-align:left;border:.1rem solid rgba(var(--color-foreground),.3);color:rgb(var(--color-foreground));white-space:nowrap;min-width:8rem;position:relative}.size-chart-table th{background-color:rgba(var(--color-foreground),.05);font-weight:600;text-align:center}.size-chart-table th:first-child{text-align:left;min-width:18rem}.size-chart-table td{text-align:center}.size-chart-table td:first-child{text-align:left;font-weight:500}.size-chart-table tbody tr:nth-child(2n){background-color:rgba(var(--color-foreground),.02)}.size-chart-table tbody tr:hover{background-color:rgba(var(--color-foreground),.05)}@media screen and (max-width:749px){.size-chart-modal.active{padding:1rem!important;align-items:center!important;justify-content:center!important}.size-chart-modal__content{max-height:95vh;width:calc(100% - 2rem);margin:auto}.size-chart-modal__header{padding:1.5rem 1.5rem 1rem}.size-chart-modal__body{padding:1rem;max-height:calc(95vh - 10rem);overflow:hidden;display:flex;flex-direction:column}.size-chart-modal__footer{padding:1rem 1.5rem 1.5rem}.size-chart-modal__close{padding:1rem 2rem;font-size:1.3rem;min-width:10rem}.size-chart-table{font-size:1.2rem;min-width:55rem;display:table}.size-chart-table th,.size-chart-table td{padding:.8rem .6rem;min-width:6rem}.size-chart-table th:first-child{min-width:15rem}.size-chart__note{margin-top:1rem;padding:.8rem}.size-chart__note p{font-size:1.2rem}}.size-chart-modal.active{background-color:rgba(var(--color-foreground),.8)!important}.size-chart-modal.active .size-chart-modal__content{align-self:center!important;justify-self:center!important;transform:translate(0)!important}.size-chart-modal__content{animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:480px){.size-chart__content{padding-bottom:1rem}.size-chart__button--badge{font-size:1.2rem;padding:.7rem 1.4rem}.size-chart-table{min-width:48rem}.size-chart-table th,.size-chart-table td{padding:.6rem .4rem;min-width:5rem}.size-chart-table th:first-child{min-width:12rem}}@media screen and (min-width:750px){.size-chart__button{font-size:1.5rem}.size-chart__button--badge{font-size:1.4rem;padding:1rem 2rem}.size-chart__icon{width:1.8rem;height:1.8rem}.size-chart-modal.active .size-chart__content{display:flex!important;justify-content:center!important;align-items:flex-start!important;width:100%!important}.size-chart-modal.active .size-chart-table{margin:0 auto!important;flex-shrink:0!important}.size-chart-modal.active .size-chart-modal__body{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.size-chart-modal.active .size-chart__note{text-align:center!important;max-width:70rem!important;margin:1.5rem auto 0!important}}.size-chart__content.has-scroll{border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.4rem;position:relative}.size-chart__content.has-scroll:before{content:"\2190  G\f6rgethet\151  \2192";position:absolute;top:-2.5rem;right:0;font-size:1.1rem;color:rgba(var(--color-foreground),.6);font-style:italic;z-index:1;background:transparent;padding:.2rem .5rem;border-radius:.2rem}@media screen and (max-width:749px){.size-chart__content.has-scroll:before{content:"\2192  G\f6rgethet\151  \2192";top:-2rem;font-size:1rem}}.size-chart-modal.active .size-chart__content{overflow-x:scroll!important;overflow-y:hidden!important;width:100%!important;min-height:auto!important;max-height:none!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}.size-chart-modal.active .size-chart-table{min-width:70rem!important;width:auto!important;table-layout:fixed!important;white-space:nowrap!important}.size-chart-modal.active .size-chart-table th,.size-chart-modal.active .size-chart-table td{white-space:nowrap!important;min-width:8rem!important}.size-chart-modal.active .size-chart-table th:first-child,.size-chart-modal.active .size-chart-table td:first-child{min-width:18rem!important}.size-chart-modal.active .size-chart__content::-webkit-scrollbar{height:1rem!important;display:block!important}.size-chart-modal.active .size-chart__content::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.2)!important;border-radius:.5rem!important}.size-chart-modal.active .size-chart__content::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.5)!important;border-radius:.5rem!important}@media screen and (max-width:749px){.size-chart-modal.active .size-chart__content{padding-bottom:2rem!important}.size-chart-modal.active .size-chart-table{min-width:55rem!important;font-size:1.2rem!important}.size-chart-modal.active .size-chart-table th,.size-chart-modal.active .size-chart-table td{min-width:6rem!important;padding:.8rem .6rem!important}.size-chart-modal.active .size-chart-table th:first-child,.size-chart-modal.active .size-chart-table td:first-child{min-width:15rem!important}}.size-chart-modal.active .size-chart-table th,.size-chart-modal.active .size-chart-table td{border:.1rem solid rgba(var(--color-foreground),.4)!important;background-clip:padding-box!important}.size-chart-modal.active .size-chart__content{padding:.5rem!important;margin:0!important}@media screen and (min-width:750px){.size-chart-modal.active .size-chart__content{justify-content:flex-start!important;padding-left:1rem!important;padding-right:1rem!important}.size-chart-modal.active .size-chart-table{margin-left:auto!important;margin-right:auto!important;display:table!important}}.size-chart-modal.active .size-chart-table{border:.1rem solid rgba(var(--color-foreground),.3)!important;border-radius:.4rem!important;overflow:visible!important}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-size-chart.css.map */
