.pop-modal{width:100%;height:100%;height:100vh;height:100dvh;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:3em 0;overflow:scroll;overscroll-behavior:contain;scrollbar-gutter:stable}.pop-modal:before{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;background:#0008;-webkit-backdrop-filter:blur(2px) opacity(1);backdrop-filter:blur(2px) opacity(1);will-change:backdrop-filter;overflow:scroll;overscroll-behavior:contain}.pop-modal .pop-modal-container{--br: 2.4em;width:clamp(25rem,var(--w, 160rem),93vw);min-height:10vh;height:min-content;z-index:1;border-radius:var(--br)}.pop-modal .pop-modal-container:not(:has(.use-own-bg)){background:light-dark(var(--clr-white),var(--clr-metal-900))}.pop-modal.fill{padding:0}.pop-modal.fill .pop-modal-container{--br: 0;width:100%;min-height:100%}.pop-modal.v-enter-active:before{transition:background-color .2s ease-out,backdrop-filter .4s ease-out}.pop-modal.v-enter-active .pop-modal-container{transition:scale .3s cubic-bezier(.175,.885,.32,1.275),opacity .2s ease-out}.pop-modal.v-leave-active:before{transition:background-color .2s ease-in,backdrop-filter .2s ease-in}.pop-modal.v-leave-active .pop-modal-container{transition:scale .2s ease-in-out,opacity .2s ease-in}.pop-modal.v-enter-from:before,.pop-modal.v-leave-to:before{background:#0000;-webkit-backdrop-filter:blur(2px) opacity(0);backdrop-filter:blur(2px) opacity(0)}.pop-modal.v-enter-from .pop-modal-container,.pop-modal.v-leave-to .pop-modal-container{opacity:0;scale:.9}@media (max-width: 600px){.pop-modal.cover-when-small{padding:0}.pop-modal.cover-when-small .pop-modal-container{width:100vw;border-radius:0}}