.size-chart{position:relative;grid-row-start:4;margin:0;z-index:1}.size-chart-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.size-chart-modal[open]{opacity:1;visibility:visible;z-index:101}.size-chart-modal .scroll-trigger.scroll-trigger{animation:none;opacity:1;transform:none}.size-chart-modal__content{--modal-height-offset: 3.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0 auto;width:100%;background-color:rgb(var(--color-background));overflow:hidden;max-width:var(--page-width);width:calc(100% - 3rem)}.size-chart-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1.2rem;z-index:5;width:4rem;position:fixed;top:1.5rem;right:1.5rem}.size-chart-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.size-chart-modal__toggle .icon{height:auto;margin:0;width:2.2rem}.size-chart-modal__content-info{--modal-padding: 8rem 2rem 3rem;padding-right:4.4rem;display:flex;overflow-y:auto;overflow-x:hidden;padding:var(--modal-padding);height:100%}.size-chart-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}.size-chart-form .form__message{align-items:flex-start}.size-chart-form .button{margin-top:3rem}.size-chart-form .field{margin-bottom:1.5rem}.size-chart-form input::-webkit-outer-spin-button,.size-chart-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-chart-form input[type=number]{-moz-appearance:textfield}.size-chart-form .error-message{color:red}.size-chart .link{display:flex;align-items:center;gap:2px;padding:0}.size-chart .link .icon-wrap{width:1.5em;display:inline-block;vertical-align:baseline}.size-chart .link .icon-scale{width:1.2em}@media screen and (min-width: 750px){.size-chart-modal__content{--modal-height-offset: 10rem;margin-top:0;max-width:50%;width:100%;max-height:calc(100% - var(--modal-height-offset) * 2);overflow-y:auto}size-chart-modal .size-chart-modal__toggle{top:2rem;right:2rem}.size-chart-form .field{margin-bottom:2rem}.size-chart-form .button{margin-top:4rem}}@media screen and (min-width: 990px){.size-chart-modal__content{max-width:50%;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */