::backdrop,:host,:root{--drawer-transition-duration:0;--backdrop-color:#18181d}@media (prefers-reduced-motion:no-preference){::backdrop,:host,:root{--drawer-transition-duration:300ms}}.mobius-drawer{--drawer-width:min(100%,560px);--drawer-height:min(100%,560px);background-color:var(--color-background);border:none;display:flex;flex-direction:column;margin:0;overflow:hidden;padding:0;position:fixed;top:0}.mobius-drawer:not([open]){display:none}.mobius-drawer:focus-visible{outline:none}.mobius-drawer::backdrop{background-color:var(--backdrop-color);opacity:0;transition:opacity var(--drawer-transition-duration) ease-in-out}.mobius-drawer+.backdrop{background-color:var(--backdrop-color);bottom:0;left:0;opacity:.3;position:fixed;right:0;top:0}:is(.mobius-drawer+.backdrop)+._dialog_overlay{bottom:0;left:0;position:fixed;right:0;top:0}.mobius-drawer.--bottom,.mobius-drawer.--top{height:var(--drawer-height);max-height:var(--drawer-height);max-width:100vw;padding-bottom:80px;transition:transform var(--drawer-transition-duration) ease-in-out;width:100vw}@supports (height:100dvh){.mobius-drawer.--bottom,.mobius-drawer.--top{height:100dvh;max-height:100dvh;padding-bottom:0}}.mobius-drawer.--left,.mobius-drawer.--right{bottom:0;height:100vh;max-height:100vh;max-width:var(--drawer-width);padding-bottom:80px;transition:transform var(--drawer-transition-duration) ease-in-out;width:100%}@supports (height:100dvh){.mobius-drawer.--left,.mobius-drawer.--right{height:100dvh;max-height:100dvh;padding-bottom:0}}.mobius-drawer:not(.--should-transition){display:none}.mobius-drawer[open]:not(.--should-transition){display:flex}.mobius-drawer.--top:not(.--should-transition){left:0}.mobius-drawer.--bottom:not(.--should-transition){bottom:0;left:0;top:auto}.mobius-drawer.--left:not(.--should-transition){left:0}.mobius-drawer.--right:not(.--should-transition){right:0}.mobius-drawer.--should-transition.--transition::backdrop{opacity:.3}.mobius-drawer.--should-transition.--top{top:calc(var(--drawer-height)*-1)}.mobius-drawer.--should-transition.--top.--transition{transform:translateY(var(--drawer-height))}.mobius-drawer.--should-transition.--bottom{bottom:calc(var(--drawer-height)*-1);top:auto}.mobius-drawer.--should-transition.--bottom.--transition{transform:translateY(calc(var(--drawer-height)*-1))}.mobius-drawer.--should-transition.--left{left:calc(var(--drawer-width)*-1)}.mobius-drawer.--should-transition.--left.--transition{transform:translateX(var(--drawer-width))}.mobius-drawer.--should-transition.--right{left:auto;right:calc(var(--drawer-width)*-1)}.mobius-drawer.--should-transition.--right.--transition{transform:translateX(calc(var(--drawer-width)*-1))}.mobius-drawer__header{align-items:center;display:grid;font-family:var(--font-family);font-size:var(--font-size-small-title);gap:var(--size-sm);grid-template-columns:1fr auto;justify-content:space-between;padding:var(--size-sm) var(--size-lg);padding-bottom:0}.mobius-drawer__header button{color:var(--color-primary);display:flex;gap:var(--size-xs)}.mobius-drawer__header img{width:144px}.mobius-drawer__content{flex-grow:1;font-family:var(--font-family);overflow-y:auto;padding:var(--size-lg);padding-top:var(--size-sm)}
/*# sourceMappingURL=1728-c04b5d74.css.map*/