custom-drawer.drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease;margin-top:0}custom-drawer.drawer.active{visibility:visible}custom-drawer .drawer__inner{height:100%;width:45rem;max-width:100vw;padding:0;border:.1rem solid rgba(var(--color-foreground),.2);border-right:0;overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease}custom-drawer .drawer.active .drawer__inner{transform:translate(0)}custom-drawer .drawer__header{position:relative;padding:1.5rem 1rem;display:flex;justify-content:center;align-items:center;border-bottom:.1rem solid rgba(var(--color-foreground),.2)}custom-drawer .drawer__heading{margin:0;text-transform:uppercase}custom-drawer .drawer__close{display:inline-block;padding:0;min-width:4.4rem;min-height:4.4rem;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);position:absolute;top:5px;right:0;color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer}custom-drawer .drawer__close .svg-wrapper{height:2rem;width:2rem}custom-drawer .drawer__content{flex-grow:1;display:flex;flex-direction:column;overflow:auto;padding:1.5rem 1rem;text-align:left}custom-drawer .drawer__content::-webkit-scrollbar{width:3px}custom-drawer .drawer__content::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.7);border-radius:100px}custom-drawer .drawer__content::-webkit-scrollbar-track-piece{margin-top:31px}custom-drawer .drawer__footer{border-top:.1rem solid rgba(var(--color-foreground),.2);padding:1.5rem 1rem}custom-drawer .drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}custom-drawer .drawer__overlay:empty{display:block}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-custom-drawer.css.map */