.size-chart-trigger{background:none;border:none;color:rgba(var(--color-foreground),.75);text-decoration:underline;cursor:pointer;font-size:1.3rem;padding:0;margin-left:1rem;transition:color .2s ease}.size-chart-trigger:hover{color:rgb(var(--color-foreground))}.size-chart-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center}.size-chart-modal.active{display:flex}.size-chart-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000f5;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.size-chart-modal__dialog{position:relative;max-width:95%;width:95%;max-height:95vh;background:rgb(var(--color-background));border-radius:.5rem;box-shadow:0 1rem 3rem #0000004d;z-index:1;overflow:hidden;animation:size-chart-fade-in .3s ease}@media screen and (min-width:750px){.size-chart-modal__dialog{max-width:1400px;width:85%}}@keyframes size-chart-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.size-chart-modal__close-btn{display:block;margin:0 auto;padding:1.5rem 4rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;border-radius:.3rem;font-size:1.6rem;font-weight:600;letter-spacing:.1rem;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease,transform .2s ease;box-shadow:0 .2rem 1rem #0003;flex-shrink:0;min-height:5rem}.size-chart-modal__close-btn:hover{opacity:.9;transform:translateY(-.2rem)}.size-chart-modal__close-btn:active{transform:translateY(0)}.size-chart-modal__content{padding:2rem;overflow:auto;max-height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2rem}.size-chart-modal__content img{display:block;width:100%;max-width:100%;height:auto;margin:0;object-fit:contain;flex-shrink:1}body.size-chart-modal-open{overflow:hidden!important;position:fixed;width:100%;left:0;right:0}@media screen and (min-width:750px){.size-chart-modal__dialog{max-width:1600px;width:90%}.size-chart-modal__content{padding:3rem 4rem;gap:2.5rem}.size-chart-modal__close-btn{padding:1.8rem 5rem;font-size:1.7rem}}@media screen and (max-width:749px){.size-chart-modal__dialog{max-width:95%;max-height:95vh}.size-chart-modal__content{padding:1.5rem}.size-chart-modal__close{top:1rem;right:1rem;width:3.5rem;height:3.5rem}.size-chart-trigger{display:block;margin-left:0;margin-top:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-size-chart.css.map */