.sr-drawer{visibility:hidden;display:flex;flex-direction:column;height:100%;background:#f3f3f3;position:fixed;width:100%;max-width:350px;right:-350px;top:0;z-index:1040;transition:visibility .3s,right .3s ease-in-out}.sr-drawer.drawer-active{visibility:visible;right:0}.sr-drawer-overlay{visibility:hidden;opacity:0;display:block;width:100vw;height:100vh;background-color:rgba(0,0,0,.65);position:fixed;left:0;z-index:1040;top:0;transition:opacity .3s ease-in-out;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sr-drawer-overlay.drawer-visible{pointer-events:auto;visibility:visible;opacity:1}.drawer__header{display:flex;align-items:center;justify-content:space-between;background-color:var(--global-color);padding:10px 0 10px 0;color:var(--text-on-global);height:70px}.drawer__body{padding:20px;margin-top:30px;justify-content:flex-start;display:flex;flex-direction:column;gap:20px}.sr-drawer-close{background-color:transparent;border:0;right:-4px;color:var(--text-on-global)}.sr-drawer-close svg{transition:transform .3s ease-in-out;pointer-events:none}.sr-drawer-close:hover svg{transform:rotate(180deg)}