1 line
6.9 KiB
CSS
1 line
6.9 KiB
CSS
|
.dialogContainer{display:flex;align-items: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-draggable{transition:translate .3s ease}.dialog-dragging{transition:translate 0s ease}.dialog .padded-left{padding-left:min(4vw,2.7rem)}.dialog .padded-right{padding-right:min(4vw,2.7rem)}@keyframes scaledown{from{opacity:1;transform:none}to{opacity:.5;transform:scale(0)}}@keyframes scaledown-fullscreen{from{opacity:1;transform:none}to{opacity:0;transform:scale(.3)}}@keyframes scaleup-fullscreen{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes scaleup{from{transform:scale(.7);opacity:.5}to{transform:none;opacity:1}}@keyframes scaleup2{from{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}@keyframes scaleupY{from{transform:scaleY(.5);opacity:0}to{transform:none;opacity:1}}@keyframes scaledownY{from{transform:none;opacity:1}to{transform:scaleY(.5);opacity:0}}@keyframes slideup{from{transform:translateY(100%);transform:translateY(calc(50vh + 50%))}to{transform:none}}@keyframes slidedown{from{transform:none}to{transform:translateY(100%);transform:translateY(calc(50vh + 50%))}}@keyframes slidedownfade{from{transform:translateY(-3rem);opacity:0}to{transform:none;opacity:1}}@keyframes slideupfade{from{transform:none;opacity:1}to{transform:translateY(-3rem);opacity:0}}.dialog-animated{animation:slidedownfade .2s ease-out normal both}.dialog-scrollY{overscroll-behavior-y:contain}@media not all and (pointer:fine){.dialog-fullscreen-lowres{transform-origin:center top;animation:slideup .3s ease-out normal both}.dialog-close.dialog-fullscreen-lowres{animation:slidedown .3s ease-out normal both}}.dialog-transformorigin-top{transform-origin:center top;animation:scaleupY .2s ease-out normal both}.dialog-transformorigin-top.dialog-close{animation:scaledown .2s ease-out normal both}.dialog-transformorigin-bottom{transform-origin:center bottom;animation:scaleup2 .2s ease-out normal both}.dialog-transformorigin-bottom.dialog-close{animation:scaledown .2s ease-out normal both}.dialog-transformorigin-lefttop{transform-origin:left top;animation:scaleup2 .2s ease-out normal both}.dialog-transformorigin-lefttop.dialog-close{animation:scaledown .2s ease-out normal both}.dialog-transformorigin-leftbottom{transform-origin:left bottom;animation:scaleup2 .2s ease-out normal both}.dialog-transformorigin-leftbottom.dialog-close{animation:scaledown .2s ease-out normal both}.dialog-transformorigin-righttop{transform-origin:right top;animation:scaleup2 .2s ease-out normal both}.dialog-transformorigin-righttop.dialog-close{animation:scaledown .2s ease-out normal both}.dialog-transformorigin-rightbottom{transform-origin:right bottom;animation:scaleup2 .2s ease-out normal both}.dialog-transformorigin-rightbottom.dialog-close{animation:scaledown .2s ease-out normal both}.dialog-close{animation:slideupfade .2s ease-out normal both}.dialog-close.dialog-transformorigin-top{animation:scaledownY .2s ease-out normal both}@media not all and (min-width:37em),not all and (min-height:37em){@keyframes slideup{from{transform:translateY(100%)}to{transform:none}}@keyframes slidedown{from{transform:none}to{transform:translateY(100%)}}.centeredDialog{position:initial!important;top:initial!important;bottom:initial!important;left:inherit!important;right:inherit!important;inset-inline-start:inherit!important;inset-inline-end:initial!important}.dialog-fullscreen-lowres{position:fixed!important;top:1em!important;top:calc(1em + env(safe-area-inset-top,0))!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!importan
|