.a,.d,.f,body,html{height:100%}.a,.d,.e{display:flex}.a,body,html{width:100%}.a,.d{justify-content:center}.e,.q,.r{text-align:center}.c,.container__block,.f,.l{float:left}*{margin:0;padding:0;box-sizing:border-box}.a{align-items:center}.b{width:680px}.d,.e{width:100%}.d{position:absolute;z-index:1;background:rgba(0,0,0,.5);align-items:center}.e{position:relative;padding:.5em 1em;background-color:#ecf0f1;justify-content:center;align-items:center}.f{width:150px}.g{border-right:1px solid #000}.i{font-size:24pt}.j{min-width:75pt;margin-bottom:5px;padding:10px;font-size:11pt;background:#ecf0f1;border:1px solid #000;cursor:pointer}.j:hover,.sidebar__element__next__block--fill{background:#000}.j:hover{color:#ecf0f1}.k{font-size:24pt}.l{width:200px}.m{margin:1em 0;padding:.3em .5em}.n{width:75pt;margin:0 auto}.sidebar__element__next__block{float:left;width:30px;height:30px;margin:1px}.p{overflow:hidden;width:0;height:30px;background:#c0392b}.q{font-size:36pt;text-decoration:underline;font-weight:bolder}.r{font-size:16pt;line-height:40pt;text-decoration:none}.container__block{width:36px;height:36px;margin:2px;background:#000}.container__block--occupy{background:#7f8c8d}.container__block--occupying{-webkit-animation-duration:.3s;-webkit-animation-name:occupying}.container__block--tetris--red{background:#e74c3c}.container__block--tetris--orange{background:#f39c12}.container__block--tetris--yellow{background:#f1c40f}.container__block--tetris--green{background:#2ecc71}.container__block--tetris--blue{background:#3498db}.container__block--tetris--purple{background:#9b59b6}@-webkit-keyframes occupying{from{background:#7f8c8d}to{background:#000}}.s{zoom:1}.s:after,.s:before{content:"";display:table}.s:after{clear:both}.t{transition:all .1s}.slow-transible{transition:all 2s}.display-none{display:none}.u{filter:blur(2px);-webkit-filter:blur(2px)}.v{color:#9b59b6}