@zeit-ui/vue/lib/dialog.css

A popular UI framework for Vue

.expand-enter-active,.expand-leave-active{transition:height .2s ease;overflow:hidden}.expand-enter,.expand-leave-to{height:0}.zi-dialog-root[data-v-f60247cc]{width:100vw;height:100vh;left:0;top:0;right:0;bottom:0;position:fixed;z-index:200;overflow:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.zi-dialog-backdrop[data-v-f60247cc]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:-1;width:100%;height:100%;opacity:.25;pointer-events:none}.zi-dialog-backdrop.responsive[data-v-f60247cc]{background-color:transparent;z-index:10;opacity:0;pointer-events:unset}.zi-dialog-wrapper[data-v-f60247cc]{position:relative;z-index:100;width:auto;box-shadow:0 20px 30px 0 rgba(0,0,0,.12);color:var(--geist-foreground);background-color:var(--accents-1);display:flex;flex-direction:column;max-width:100%;border-radius:8px;min-width:410px;transform:translateY(-100px)}@media screen and (max-width:420px){.zi-dialog-wrapper[data-v-f60247cc]{min-width:90vw}}.zi-dialog-content[data-v-f60247cc]{font-size:14px;line-height:1.6;padding:30px 45px}.zi-dialog-content>.header[data-v-f60247cc]{text-align:center;padding-bottom:15px;margin:0 auto;font-size:24px;font-weight:400;display:block}.zi-dialog-content>.body[data-v-f60247cc]{text-align:left;max-height:calc(70vh - 166px);max-width:100%;overflow:auto}.zi-dialog-footer[data-v-f60247cc]{display:flex;overflow:hidden;border-bottom-right-radius:8px;border-bottom-left-radius:8px;border-top:1px solid var(--accents-2)}.zi-dialog-footer>.action[data-v-f60247cc]{color:var(--accents-3);cursor:pointer;font-size:12px;text-align:center;text-transform:uppercase;background-color:var(--accents-1);transition:all .2s ease-in-out 0s;flex:1 1 100%;padding:19px 0;white-space:nowrap;-webkit-box-align:center;-webkit-align-items:center;display:inline-block;outline:none;user-select:none;border:none;line-height:15px}.zi-dialog-footer>.action[data-v-f60247cc]:focus,.zi-dialog-footer>.action[data-v-f60247cc]:hover{color:var(--geist-foreground);background-color:var(--accents-1)}.zi-dialog-footer>.action[data-v-f60247cc]:not(:last-child){border-right:1px solid var(--accents-2)}.zi-dialog-footer>.action[data-v-f60247cc]:last-child{color:var(--geist-foreground)}.zi-dialog-slide-enter-active[data-v-f60247cc],.zi-dialog-slide-leave-active[data-v-f60247cc]{transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s}.zi-dialog-slide-enter[data-v-f60247cc],.zi-dialog-slide-leave-active[data-v-f60247cc],.zi-dialog-slide-leave[data-v-f60247cc]{opacity:0;transform:translateY(-135px)}.zi-dialog-backdrop-enter-active[data-v-f60247cc],.zi-dialog-backdrop-leave-active[data-v-f60247cc]{transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.zi-dialog-backdrop-enter[data-v-f60247cc],.zi-dialog-backdrop-leave-active[data-v-f60247cc],.zi-dialog-backdrop-leave[data-v-f60247cc]{opacity:0}