drawer-simple{display:block}.drawer-simple{position:relative;z-index:var(--z-drawer)}.drawer-inner{display:none;position:fixed;flex-direction:column;background:var(--surface-white)}.drawer-overlay:empty{display:block}.drawer-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay);-webkit-backdrop-filter:var(--filter-blur);backdrop-filter:var(--filter-blur);opacity:0;visibility:hidden}.drawer-simple.inited .drawer-inner{display:flex}.drawer-simple.opened .drawer-overlay{visibility:visible;opacity:1;transition:opacity var(--duration-default)}body.no-scroll{overflow:hidden}@media screen and (max-width:749px){.drawer-inner{left:0;bottom:0;width:100%;max-height:80vh;transform:translateY(100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.drawer-simple.opened .drawer-inner{transform:translateY(0);transition:transform var(--duration-extra-long) ease}}@media screen and (min-width:750px){.drawer-inner{top:0;right:0;width:550px;height:100vh;transform:translate(100%)}.drawer-simple.opened .drawer-inner{transform:translate(0);transition:transform var(--duration-default)}}.drawer-header{display:flex;gap:10px;align-items:center;padding:var(--padding-stripe-l) var(--padding-m) var(--padding-stripe-m);border-bottom:1px solid var(--border-transparent-darker)}.drawer-content{flex:1;overflow:auto;padding:var(--gap-m) var(--padding-m) 100px}.drawer-close-btn{margin-left:auto;cursor:pointer}@media screen and (min-width:750px){.drawer-close-btn{align-self:flex-start;margin-right:-10px}}.drawer-simple.drawer--popup .drawer-inner{top:50%;left:50%;right:auto;bottom:auto;width:min(60rem,calc(100% - 2 * var(--padding-body)));height:auto;max-height:85vh;border-radius:var(--radius-xl);transform:translate(-50%,-50%) scale(.96);background-color:var(--surface-light);opacity:0;visibility:hidden}.drawer-simple.drawer--popup.opened .drawer-inner{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible;transition:opacity var(--duration-default),transform var(--duration-default)}.drawer-simple.drawer--popup .drawer-header{padding:var(--padding-stripe-s) var(--padding-stripe-l)}.drawer-simple.drawer--popup .drawer-content{padding:var(--padding-s-top) var(--padding-m) var(--padding-m)}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-drawer-simple.css.map */