.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}.drawer.active{visibility:visible}.drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}.drawer__overlay:empty{display:block}.drawer__inner{height:100%;width:55rem;max-width:calc(100vw - (48*min(1px,max(100vw - 55rem,0px))));padding:0 1.5rem;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;overflow-y:auto}.drawer.active .drawer__inner{transform:translate(0)}@media screen and (max-height: 650px){.drawer__inner{overflow:scroll}}.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:sticky;top:10px;color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer;z-index:9999;width:fit-content;margin-left:auto;transform:translate(10px)}.drawer__close svg{height:2.4rem;width:2.4rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-custom-drawer.css.map */