.funkwhale.modal{box-shadow:0 2px 12px 2px var(--color-shadow);max-width:var(--v1629139e);width:100%;max-height:90vh;min-height:var(--v7622441e);border-radius:1rem;grid-template-rows:auto 1fr auto;display:grid;position:relative}.funkwhale.modal.isdestructive{border-top:24px solid var(--fw-red-500)}.funkwhale.modal.isdestructive h2.destructive-header{color:var(--fw-red-500)}.funkwhale.modal>h2{text-align:center;padding:1.625rem 4.5rem;font-size:1.25em;line-height:1.2;position:relative}.funkwhale.modal>h2>.funkwhale.button{font-size:1rem;position:absolute;top:50%;right:1rem;transform:translateY(-49%)}.funkwhale.modal .modal-content{position:relative;overflow:auto}.funkwhale.modal .modal-content>.alert-container{grid-template-rows:1fr;margin:-1rem -2rem 1rem;display:grid;position:sticky;top:-1rem}.funkwhale.modal .modal-content>.alert-container.v-enter-active{transition:grid-template-rows .2s}.funkwhale.modal .modal-content>.alert-container.v-leave-active{transition:grid-template-rows .2s}.funkwhale.modal .modal-content>.alert-container.v-enter-from{grid-template-rows:0fr}.funkwhale.modal .modal-content>.alert-container.v-leave-to{grid-template-rows:0fr}.funkwhale.modal .modal-content>.alert-container>div{overflow:hidden}.funkwhale.modal .modal-shadow-top{z-index:2;background:linear-gradient(var(--color-background), color-mix(in oklab, var(--color-background) 50%, transparent), color-mix(in oklab, var(--color-background) 20%, transparent), transparent);width:100%;height:16px;position:absolute;top:60px}.funkwhale.modal .modal-shadow-bottom{background:linear-gradient(transparent, color-mix(in oklab, var(--background-color) 20%, transparent), color-mix(in oklab, var(--background-color) 50%, transparent), var(--background-color));height:32px;margin-top:-32px;position:sticky;bottom:0}.funkwhale.modal .modal-shadow-bottom:last-child{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.funkwhale.modal .modal-actions{justify-content:space-between;align-items:flex-start;padding:0 2rem 1rem;display:flex}.funkwhale.modal .modal-actions>:first-child{margin-left:0!important}.funkwhale.modal .modal-actions>:last-child{margin-right:0!important}.funkwhale.modal .modal-actions{position:relative}.funkwhale.overlay{background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.funkwhale.overlay.v-enter-active{transition:opacity .2s}.funkwhale.overlay.v-enter-active .funkwhale.modal{transition:transform .2s}.funkwhale.overlay.v-leave-active{transition:opacity .2s}.funkwhale.overlay.v-leave-active .funkwhale.modal{transition:transform .2s}.funkwhale.overlay.v-enter-from{opacity:0}.funkwhale.overlay.v-enter-from .funkwhale.modal{transform:translateY(1rem)}.funkwhale.overlay.v-leave-to{opacity:0}.funkwhale.overlay.v-leave-to .funkwhale.modal{transform:translateY(1rem)}.funkwhale.overlay.v-leave-to .funkwhale.modal{transform:translateY(-1rem)}