.size-guide-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1000;visibility:hidden;pointer-events:none}.size-guide-drawer.is-open{visibility:visible;pointer-events:auto}.size-guide-drawer__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000;transition:background-color .3s ease;cursor:pointer}.size-guide-drawer.is-open .size-guide-drawer__overlay{background-color:#0000}.size-guide-drawer__panel{position:fixed;top:180px;bottom:0;right:0;width:720px;max-width:100%;height:100vh;background-color:rgb(var(--color-background));transform:translate(100%);transition:transform .3s ease;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.size-guide-drawer.is-open .size-guide-drawer__panel{transform:translate(0)}.size-guide-drawer__header{display:flex;justify-content:flex-end;align-items:center;padding:1.5rem 2rem;position:sticky;top:0;background-color:rgb(var(--color-background));z-index:1}.size-guide-drawer__close{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;background:transparent;border:none;cursor:pointer;transition:opacity .2s ease}.size-guide-drawer__close:hover{opacity:.7}.size-guide-drawer__close-icon{position:relative;width:2rem;height:2rem}.size-guide-drawer__close-icon:before,.size-guide-drawer__close-icon:after{content:"";position:absolute;top:50%;left:0;width:100%;height:.15rem;background-color:rgb(var(--color-foreground))}.size-guide-drawer__close-icon:before{transform:rotate(45deg)}.size-guide-drawer__close-icon:after{transform:rotate(-45deg)}.size-guide-drawer__content{flex:1;padding:0 2rem 2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.size-guide-drawer__image{width:100%;height:auto;max-width:100%;display:block}.size-guide-drawer__title{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:500;margin:0 0 2rem;color:rgb(var(--color-foreground))}.size-guide-link{display:inline-block;font-family:var(--font-heading-family);font-size:1.2rem;font-weight:500;color:rgb(var(--color-foreground));text-decoration:none;padding:0;background-color:rgb(var(--color-background));cursor:pointer;transition:opacity .2s ease;border:none;text-transform:uppercase;letter-spacing:.02em}.size-guide-link:hover{opacity:.5}body.size-guide-open{overflow:hidden}@media screen and (max-width:1199px){.size-guide-drawer__panel{width:480px}}@media screen and (max-width:989px){.size-guide-drawer__panel{width:50vw;min-width:320px}}@media screen and (max-width:849px){.size-guide-drawer__panel{width:60vw;min-width:240px}}@media screen and (max-width:749px){.size-guide-drawer__panel{width:100%;min-width:unset}.size-guide-drawer__header{padding:1.2rem 1.5rem}.size-guide-drawer__close{width:3.5rem;height:3.5rem}.size-guide-drawer__close-icon{width:1.6rem;height:1.6rem}.size-guide-drawer__content{padding:0 1.5rem 1.5rem}.size-guide-drawer__title{font-size:2rem;margin-bottom:1.5rem}.size-guide-link{font-size:1.2rem;padding:.6rem .8rem}}@media screen and (max-width:480px){.size-guide-drawer__header{padding:1rem}.size-guide-drawer__content{padding:0 1rem 1rem}.size-guide-link{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-size-guide-drawer.css.map */