dashboard-ui/modules/dialoghelper/dialoghelper.css

.dialogContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;z-index:999999!important;contain:strict;overflow:hidden}.dialog{margin:0;border-radius:.6em;border:0;padding:0;contain:style paint}.dialog .padded-left{padding-left:min(4vw,2.7rem)}.dialog .padded-right{padding-right:min(4vw,2.7rem)}.dialog-animated{will-change:transform,opacity;-webkit-animation:scaleup .2s ease-out normal both;animation:scaleup .2s ease-out normal both}.dialog .scrollY{overscroll-behavior-y:contain}@media all and (min-height:37em) and (min-width:25em){.dialog-transformorigin-top{-webkit-transform-origin:center top;transform-origin:center top;-webkit-animation:scaleupY .2s ease-out normal both;animation:scaleupY .2s ease-out normal both}.dialog-transformorigin-bottom{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:scaleup2 .2s ease-out normal both;animation:scaleup2 .2s ease-out normal both}.dialog-transformorigin-lefttop{-webkit-transform-origin:left top;transform-origin:left top;-webkit-animation:scaleup2 .2s ease-out normal both;animation:scaleup2 .2s ease-out normal both}.dialog-transformorigin-righttop{-webkit-transform-origin:right top;transform-origin:right top;-webkit-animation:scaleup2 .2s ease-out normal both;animation:scaleup2 .2s ease-out normal both}}.dialog-close{-webkit-animation:scaledown .2s ease-out normal both;animation:scaledown .2s ease-out normal both}.dialog-close.dialog-transformorigin-top{-webkit-animation:scaledownY .2s ease-out normal both;animation:scaledownY .2s ease-out normal both}@-webkit-keyframes scaledown{from{opacity:1;-webkit-transform:none;transform:none}to{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}}@keyframes scaledown{from{opacity:1;-webkit-transform:none;transform:none}to{opacity:.5;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes scaledown-fullscreen{from{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes scaledown-fullscreen{from{opacity:1;-webkit-transform:none;transform:none}to{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@-webkit-keyframes scaleup-fullscreen{from{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes scaleup-fullscreen{from{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes scaleup{from{-webkit-transform:scale(.7);transform:scale(.7);opacity:.5}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes scaleup{from{-webkit-transform:scale(.7);transform:scale(.7);opacity:.5}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes scaleup2{from{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes scaleup2{from{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes scaleupY{from{-webkit-transform:scaleY(.5);transform:scaleY(.5);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes scaleupY{from{-webkit-transform:scaleY(.5);transform:scaleY(.5);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes scaledownY{from{-webkit-transform:none;transform:none;opacity:1}to{-webkit-transform:scaleY(.5);transform:scaleY(.5);opacity:0}}@keyframes scaledownY{from{-webkit-transform:none;transform:none;opacity:1}to{-webkit-transform:scaleY(.5);transform:scaleY(.5);opacity:0}}@-webkit-keyframes slideup{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:none;transform:none}}@keyframes slideup{from{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes slidedown{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slidedown{from{-webkit-transform:none;transform:none}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@media not all and (min-width:37em),not all and (min-height:37em){.centeredDialog{position:initial!important;top:initial!important;left:inherit!important;inset-inline-start:inherit!important;inset-inline-end:initial!important}.dialog-fullscreen-lowres{position:fixed!important;top:4em!important;bottom:0!important;left:0!important;right:0!important;inset-inline-start:0!important;inset-inline-end:0!important;padding:0 env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)!important;margin:0!important;box-shadow:none!important;border:0!important;border-top-left-radius:1em!important;border-top-right-radius:1em!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;max-width:none!important;max-height:none!important;height:auto!important;width:auto!important;-webkit-animation:slideup 240ms ease-out normal both!important;animation:slideup 240ms ease-out normal both!important}.dialog-fullscreen-lowres.dialog-close{-webkit-animation:slidedown 240ms ease-out normal both!important;animation:slidedown 240ms ease-out normal both!important}.dialog-automobile{position:fixed!important;top:initial!important;bottom:0!important;left:0!important;right:0!important;inset-inline-start:0!important;inset-inline-end:0!important;padding:0 env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)!important;margin:0!important;box-shadow:none!important;border:0!important;border-top-left-radius:1em!important;border-top-right-radius:1em!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;max-width:none!important;max-height:72%!important;width:auto!important;-webkit-animation:slideup 240ms ease-out normal both!important;animation:slideup 240ms ease-out normal both!important}.dialog-automobile.dialog-close{-webkit-animation:slidedown 240ms ease-out normal both!important;animation:slidedown 240ms ease-out normal both!important}}.dialog-fullscreen{position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important;inset-inline-start:0!important;inset-inline-end:0!important;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)!important;margin:0!important;box-shadow:none!important;border-radius:0!important;max-width:none!important;max-height:none!important;-webkit-animation:scaleup-fullscreen 340ms ease-out normal both!important;animation:scaleup-fullscreen 340ms ease-out normal both!important;border:0!important}.dialog-fullscreen.dialog-close{-webkit-animation:scaledown-fullscreen 340ms ease-out normal both!important;animation:scaledown-fullscreen 340ms ease-out normal both!important}@media all and (min-width:37em) and (min-height:37em){.dialog-medium{max-width:80%;height:80%}.dialog-medium-tall{max-width:80%;height:90%}.dialog-small{max-width:60%;height:80%}.dialog-fullscreen-border{width:90%;height:90%}.dialogbutton-hidenotfullscreen{display:none!important}}@media all and (pointer:fine){.dialogBackdrop:not(.dialogBackdrop-nomouse){background-color:transparent;transition:background-color ease-out 180ms;overflow:hidden;overscroll-behavior-y:contain}.dialogBackdropOpened:not(.dialogBackdrop-nomouse){background-color:rgba(0,0,0,.5)}}@media not all and (pointer:fine){.dialogBackdrop{background-color:transparent;transition:background-color ease-out 180ms;overflow:hidden;overscroll-behavior-y:contain}.dialogBackdropOpened{background-color:rgba(0,0,0,.5)}.dialogBackdrop-blur{transition:background ease-out .2s,-webkit-backdrop-filter ease-out .2s}@supports (backrop-filter:blur(1em)){.dialogBackdrop-blur{transition:background ease-out .2s,backdrop-filter ease-out .2s}}.dialogBackdrop-blur.dialogBackdropOpened{-webkit-backdrop-filter:blur(.35em)}}.dialog-noanimation{-webkit-animation:initial!important;animation:initial!important}