.size-guide-drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;visibility:hidden;pointer-events:none;transition:visibility var(--duration-default) ease}.size-guide-drawer[open],.size-guide-drawer.closing{visibility:visible;pointer-events:auto}.size-guide-drawer__overlay{position:absolute;width:100%;height:100%;background-color:rgba(var(--color-foreground),.5);opacity:0;transition:opacity var(--duration-default) ease}.size-guide-drawer[open] .size-guide-drawer__overlay{opacity:1}.size-guide-drawer.closing .size-guide-drawer__overlay{opacity:0}.size-guide-drawer__content{background-color:rgb(var(--color-background));width:100%;height:100%;max-width:40rem;border-left:.1rem solid rgba(var(--color-foreground),.2);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease}.size-guide-drawer[open] .size-guide-drawer__content{transform:translate(0)}.size-guide-drawer.closing .size-guide-drawer__content{transform:translate(100%)}.size-guide-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:.1rem solid rgba(var(--color-foreground),.2)}.size-guide-drawer__heading{margin:0;font-size:1.8rem}.size-guide-drawer__close{background:transparent;border:none;cursor:pointer;padding:.5rem}.size-guide-drawer__close svg{width:2rem;height:2rem}.size-guide-drawer__body{flex-grow:1;padding:1.5rem;overflow-y:auto}@media screen and (max-width: 749px){.size-guide-drawer__content{max-width:100%}}.size-guide-button{color:#757575;font-weight:400;text-transform:uppercase;font-size:12px}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-size-guide.css.map */