@layer atoms{:root,:host,::backdrop{--backdrop-color:#18181d;--backdrop-blur:4px;--modal-transition-duration:.3s}@media (prefers-reduced-motion:reduce){:root,:host,::backdrop{--modal-transition-duration:0}}.mobius-modal{background-color:var(--color-background);border-radius:var(--radius-1);border:none;flex-direction:column;width:min(90%,600px);max-height:90%;margin:auto;padding:0;display:flex;position:fixed;overflow:hidden}@media (min-width:768px){.mobius-modal{max-height:80%}}.mobius-modal:not([open]){display:none}.mobius-modal:focus-visible{outline:none}.mobius-modal::backdrop{transition:background-color var(--modal-transition-duration) ease-in-out;-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));background-color:#0000}.mobius-modal+.backdrop{background-color:var(--backdrop-color);opacity:.3;-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));position:fixed;inset:0}@supports (background-color:color-mix(in srgb, red 50%, blue)){.mobius-modal+.backdrop{background-color:color-mix(in srgb, var(--backdrop-color) 30%, transparent);opacity:1}}.mobius-modal+.backdrop+._dialog_overlay{position:fixed;inset:0}.mobius-modal.--is-fullscreen{border-radius:0;width:100%;max-width:100vw;height:100%;max-height:100%;top:0}.mobius-modal.--no-dialog-support{top:50%;left:50%;transform:translate(-50%,-50%)}.mobius-modal:not(.--should-transition){display:none}.mobius-modal:not(.--should-transition)[open]{display:flex}.mobius-modal:not(.--should-transition)::backdrop{background-color:var(--backdrop-color);opacity:.3}@supports (background-color:color-mix(in srgb, red 50%, blue)){.mobius-modal:not(.--should-transition)::backdrop{background-color:color-mix(in srgb, var(--backdrop-color) 30%, transparent);opacity:1}}.mobius-modal.--fade{transition:opacity var(--modal-transition-duration) ease-in-out}.mobius-modal.--slide-up{transition:transform var(--modal-transition-duration) ease-in-out}.mobius-modal.--should-transition.--transition::backdrop{background-color:var(--backdrop-color);opacity:.3}@supports (background-color:color-mix(in srgb, red 50%, blue)){.mobius-modal.--should-transition.--transition::backdrop{background-color:color-mix(in srgb, var(--backdrop-color) 30%, transparent);opacity:1}}.mobius-modal.--should-transition.--slide-up{transform:translateY(100vh)}.mobius-modal.--should-transition.--slide-up.--transition{transform:translateY(0)}.mobius-modal.--should-transition.--fade{opacity:0}.mobius-modal.--should-transition.--fade.--transition{opacity:1}.mobius-modal__header{justify-content:space-between;gap:var(--size-md);padding:var(--size-xs);padding-inline:var(--size-sm);font-family:var(--font-family);font-size:var(--font-size-4);grid-template-columns:1fr auto;align-items:start;margin:0;display:grid}@media (min-width:768px){.mobius-modal__header{padding:var(--size-sm);padding-inline:var(--size-md);font-size:var(--font-size-5)}}.mobius-modal__close.mobius-button{padding:calc(var(--size-sm) * -1);font-size:var(--font-size-4);flex-shrink:0}.mobius-modal__content{padding:0 var(--size-sm);margin:var(--size-sm) 0;font-family:var(--font-family);flex-grow:1;overflow-y:auto}@media (min-width:768px){.mobius-modal__content{padding:0 var(--size-md);margin:var(--size-md) 0}}}