.soft-key-dlg:has(.dlg-panel-enter-active),.soft-key-dlg:has(.dlg-panel-leave-active){height:100%;overflow:hidden}.dlg-panel-enter-active,.dlg-panel-leave-active{-webkit-transition:opacity var(--app-control-transition-time) ease-in,-webkit-transform var(--app-control-transition-time) ease-in;transition:opacity var(--app-control-transition-time) ease-in,-webkit-transform var(--app-control-transition-time) ease-in;transition:transform var(--app-control-transition-time) ease-in,opacity var(--app-control-transition-time) ease-in;transition:transform var(--app-control-transition-time) ease-in,opacity var(--app-control-transition-time) ease-in,-webkit-transform var(--app-control-transition-time) ease-in}.dlg-panel-enter-from,.dlg-panel-leave-to{-webkit-transform:translateY(var(--dlg-panel-animation));transform:translateY(var(--dlg-panel-animation));opacity:.4}.pullup-animation{--dlg-panel-animation: 100%}.pulldown-animation{--dlg-panel-animation: -100%}.dlg-panel{border:solid 2px white;grid-area:main;background-color:#fffffff0;overflow-y:auto;pointer-events:all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.dlg-panel div.center{font-size:4vmin}.dlg-panel-full-height{height:100%}.dlg-panel-full-transparent{background-color:#ffffff30}