.size-guide-button-wrapper{margin-top:1.5rem}.size-guide-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:transparent;border:1px solid rgba(var(--color-foreground),.2);color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;border-radius:var(--buttons-radius)}.size-guide-button:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.size-guide-button svg{width:2rem;height:2rem;flex-shrink:0}.size-guide-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:none;align-items:center;justify-content:center;background-color:#000000b3}.size-guide-modal[open]{display:flex}.size-guide-modal__content{position:relative;width:90%;max-width:90rem;max-height:90vh;background-color:rgb(var(--color-background));border-radius:var(--popup-corner-radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2rem 4rem #0000004d}.size-guide-modal__toggle{position:absolute;top:1.5rem;right:1.5rem;z-index:2;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;cursor:pointer;transition:all .2s ease;padding:0}.size-guide-modal__toggle:hover{background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.size-guide-modal__toggle:hover svg{color:rgb(var(--color-background))}.size-guide-modal__toggle svg{width:2rem;height:2rem;color:rgb(var(--color-foreground));transition:color .2s ease}.size-guide-modal__content-info{padding:3rem;overflow-y:auto;flex:1}.size-guide-modal__title{font-size:2.4rem;font-weight:600;margin-bottom:2rem;color:rgb(var(--color-foreground))}.size-guide-modal__image{width:100%;display:flex;justify-content:center;align-items:center}.size-guide-modal__image img{width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:var(--media-radius)}@media screen and (max-width:749px){.size-guide-button{font-size:1.3rem;padding:.6rem 1.2rem}.size-guide-button svg{width:1.6rem;height:1.6rem}.size-guide-modal__content{width:95%;max-height:95vh}.size-guide-modal__content-info{padding:2rem}.size-guide-modal__title{font-size:2rem;margin-bottom:1.5rem}.size-guide-modal__toggle{top:1rem;right:1rem;width:3.5rem;height:3.5rem}.size-guide-modal__toggle svg{width:1.8rem;height:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-size-guide.css.map */