.drawer{position:fixed;z-index:5;right:0;top:0;width:100%;height:100%;display:flex;justify-content:flex-end;transition:visibility var(--duration-default) ease;visibility:hidden}details-drawer{z-index:5}details-drawer .drawer{width:auto}.drawer.active,details-drawer details[open] .drawer{visibility:visible;z-index:10}.drawer.active .drawer__inner,details-drawer details[open] .drawer .drawer__inner{transform:translate(0)}details-drawer details[open] summary:before{content:"";top:0;left:0;height:100%;width:100%;display:block;position:fixed;background:rgba(var(--color-secondary),.5);z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer__header{position:relative;background-color:rgb(var(--color-background));padding:1.5rem 1.5rem 1.5rem .5rem;display:flex;align-items:flex-start}.drawer__content{overflow-x:auto;height:100%;padding:0 1.5rem;align-items:flex-start}.drawer__footer{background-color:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-on-background),.2);padding:1.5rem}.drawer__footer--columns{display:flex;flex-direction:row;gap:10px}.drawer__container{z-index:1}.drawer__overlay:empty{display:block}.drawer__inner{height:100%;width:40rem;max-width:calc(100vw - 3rem);border:.1rem solid rgba(var(--color-on-background),.2);border-right:0;background-color:rgb(var(--color-background));overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease;border-top-left-radius:var(--popup-corner-radius);border-bottom-left-radius:var(--popup-corner-radius)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-drawer.css.map */