.modal{--modal-padding:20px;--back-button-size:40px;-webkit-backdrop-filter:blur(5px)opacity(0);backdrop-filter:blur(5px)opacity(0);pointer-events:none;width:100vw;height:100vh;z-index:var(--z-index-modal);background-color:#0000;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0}.modal header{height:var(--back-button-size);width:100%}.modal.open{-webkit-backdrop-filter:blur(5px)opacity();backdrop-filter:blur(5px)opacity();background-color:var(--mcolor-overlay);pointer-events:auto}.modal.wide .content-wrapper{width:min(680px,100vw - 40px);overflow-y:auto}.modal .content-wrapper{background:var(--mcolor-panel);color:var(--mcolor-text);opacity:0;max-height:calc(100vh - 40px);padding:var(--modal-padding);--scolor-admin-surface:var(--mcolor-primary);--scolor-admin-on-surface:var(--mcolor-text);--scolor-admin-accent:var(--mcolor-accent);--scolor-admin-active:var(--mcolor-accent);--scolor-admin-text-active:oklch(0% 0 0);--scolor-admin-border:var(--mcolor-overlay-white-10);--scolor-admin-field:var(--mcolor-overlay-white-10);border-radius:20px;flex-direction:column;width:min(360px,100vw - 40px);margin:auto;display:flex;position:relative;overflow:hidden;transform:translateY(100%)}.modal .content-wrapper .back,.modal .content-wrapper .previous{background:var(--mcolor-gradient);color:var(--scolor-text);cursor:pointer;height:var(--back-button-size);right:var(--modal-padding);top:var(--modal-padding);width:var(--back-button-size);border-radius:50%;display:flex;position:absolute}.modal .content-wrapper .back>*,.modal .content-wrapper .previous>*{margin:auto}.modal .content-wrapper .previous{opacity:0;pointer-events:none;right:calc(var(--modal-padding) + var(--back-button-size) + 5px);transition:opacity .3s ease-in-out}.modal .content-wrapper .previous.visible{opacity:1;pointer-events:auto}.modal .content-wrapper>.content{flex-direction:column;gap:20px;display:flex}.modal .content-wrapper>.content .logo,.modal .content-wrapper>.content>.wrapper{flex-direction:column;gap:10px;display:flex}.modal .content-wrapper>.content>.wrapper.inline{flex-direction:row;justify-content:space-between;align-items:center}.modal .content-wrapper>.content>.wrapper.no-gap{gap:0}.modal .content-wrapper>.content>.wrapper .scroll{position:relative}.modal .content-wrapper>.content>.wrapper .scroll>.content{flex-direction:column;gap:10px;max-height:150px;padding:10px 0;display:flex;overflow-y:auto}.modal .content-wrapper>.content>.wrapper .scroll:after{background:var(--mcolor-panel);content:"";pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;-webkit-mask-image:linear-gradient(oklch(0% 0 0),oklch(0% 0 0/0) 10% 90%,oklch(0% 0 0));mask-image:linear-gradient(oklch(0% 0 0),oklch(0% 0 0/0) 10% 90%,oklch(0% 0 0))}.fade-enter-active[data-v-a7add349],.fade-leave-active[data-v-a7add349]{transition:opacity .2s}.fade-enter-from[data-v-a7add349],.fade-leave-to[data-v-a7add349]{opacity:0}