.modal-background[data-v-1ed8f2a5]{z-index:10;transition:opacity var(--duration-fast);background:var(--color-background-lite);position:fixed;inset:0}.modal-background.fade-enter-from[data-v-1ed8f2a5],.modal-background.fade-leave-to[data-v-1ed8f2a5]{opacity:0}.modal[data-v-1ed8f2a5]{color:var(--color-content);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--color-background-0);border:2px solid var(--color-background-2);border-radius:var(--length-radius-l);padding:var(--length-xl);box-shadow:0 0 64px var(--color-background-lite);max-width:calc(100vw - var(--length-m));box-sizing:border-box;justify-content:center;align-items:center;display:flex;inset:0}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.modal[data-v-1ed8f2a5]{background:var(--color-background-0-liter);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.modal .close[data-v-1ed8f2a5]{color:var(--color-content-litest);padding:var(--length-m) var(--length-l);cursor:pointer;font-size:2rem;position:absolute;top:0;right:0}.modal .close[data-v-1ed8f2a5]:hover{color:var(--color-content-lite)}