.classroom-sideblock{position:fixed;bottom:0;right:0;width:500px;transform:translate(100%);transition:transform .4s ease-in-out;background-color:#fff;z-index:100;box-shadow:1px 1px 3px 1px #b5b5b5;overflow-y:auto;max-height:calc(100vh - 160px)}.classroom-sideblock.coder{color:#7a7a7a;background-color:#000;box-shadow:1px 1px 3px 2px #f4a41d;display:grid;grid-template-rows:70px auto}.classroom-sideblock.coder>.classroom-sideblock__content{display:grid;place-items:center}.classroom-sideblock--show{transform:translate(0)}.classroom-sideblock--show.coder{height:60vh;top:0;left:0;transform:translate(50%,40%);right:revert}.classroom-sideblock__title{text-align:center;margin:0;border-bottom:1px solid #f2f2f2;padding:24px 12px}.classroom-sideblock__close{position:absolute;right:15px;top:15px;font-size:28px;height:auto}.classroom-sideblock__content{padding:0 12px 25px}