.button-bar__btn{background:#2a2a2a;color:#bbb;border:2px solid #444;padding:.5rem 1.2rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .05s}.button-bar__btn:hover{background:#3a3a3a;color:#fff;border-color:#666}#button-bar .selected,.button-bar__btn.selected{background:#2196f3!important;color:#fff!important;border:2px solid #64b5f6!important;box-shadow:0 0 0 3px #2196f359,0 4px 12px #2196f366!important;transform:translateY(-1px)}.button-bar__btn.active{background:#ffb300;color:#222;border:2px solid #ff9800;box-shadow:0 2px 8px #ffb30033}body{text-align:center}dialog.ds-popup{position:fixed;z-index:99;top:20%;width:100%;text-align:center;font-size:2.5em;font-family:Times New Roman,serif;padding:0;background-color:#000;color:red;border:none;box-shadow:0 0 .5em 1em #000,0 0 0 1000px #32323280;text-shadow:0 0 1.2em orangered;animation-name:ds-popup-anim;animation-duration:10s;animation-iteration-count:1}@keyframes ds-popup-anim{0%{opacity:0;font-size:2em;text-shadow:0 0 .6em orange}15%{opacity:1;text-shadow:0 0 1em orangered}95%{opacity:1}to{font-size:2.5em;opacity:0}}