guide-drawer{display:block}.guide-drawer{position:fixed;z-index:999999;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.guide-drawer.is-active{visibility:visible;opacity:1}.guide-drawer__inner{height:100%;width:400px;max-width:calc(100vw - 3rem);background-color:#fff;border-left:.1rem solid rgba(var(--color-foreground),.2);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.guide-drawer.is-active .guide-drawer__inner{transform:translate(0)}.guide-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.guide-drawer__heading{margin:0;font-size:1.6rem}.guide-drawer__close{background:none;border:none;cursor:pointer;padding:0;color:rgb(var(--color-foreground))}.guide-drawer__close svg{width:2rem;height:2rem}.guide-drawer__body{padding:2rem;overflow-y:auto;flex:1;font-size:1.2rem}.guide-drawer__loader{display:flex;justify-content:center;align-items:center;height:100%}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-guide-drawer.css.map */