*{box-sizing:border-box}body{background-color:#eee;font-size:16px;margin:0}.alert{max-width:660px;margin:60px auto;background-color:#fff;border:1px solid #aaa;border-radius:10px;padding:35px 100px 45px 30px;display:flex;transform-origin:center;will-change:transform,opacity,filter}.alert.is-escape{pointer-events:none;animation:screen-off .65s cubic-bezier(.25,.8,.25,1) forwards}@media screen and (max-width:768px){.alert{max-width:none;width:100%;margin:0;border-radius:0;border:none;padding:15px 15px 35px;flex-direction:column;align-items:center}}.alert__icon{width:45px;margin-right:20px}@media screen and (max-width:768px){.alert__icon{width:60px;margin-bottom:15px}}.alert__icon img{max-width:100%}.alert__body{flex:1}.alert__title{font-weight:700;font-size:1.2rem;padding-top:5px}.alert__content{padding:15px 0;border:1px solid #bbb;border-left:none;border-right:none;font-size:1.1rem;margin:3px 0 10px}.alert__tips{padding:0;margin:0;list-style:none}.alert__tips li{font-size:.9rem;margin:2px 0}.alert__btn{margin-top:20px;cursor:pointer}.alert__exit{position:fixed;right:5px;bottom:5px;z-index:1;display:none}.alert__exit.is-active{display:inline-block}@keyframes screen-off{0%{transform:scale(1);opacity:1;filter:brightness(1)}45%{transform:scale(1.03,.08);opacity:1;filter:brightness(2.2)}75%{transform:scale(.03);opacity:1;filter:brightness(3)}to{transform:scale(0);opacity:0;filter:brightness(0)}}.commandline{position:fixed;top:30px;left:45px;width:700px;height:85%;background-color:#111;color:#fff;padding:5px 10px;display:none;overflow:auto}@media screen and (max-width:768px){.commandline{top:0;left:0;width:100%;height:100%;font-size:10px;white-space:nowrap;padding:2px 5px}}.commandline.is-active{display:block}