+}
+
+.blerg-post .toolbar {
+ height: 54px;
+ overflow: hidden;
+}
+
+.blerg-post .toolbar .switcher {
+ color: black;
+ background-color: white;
+ padding: 12pt 8pt 2px 12pt;
+}
+
+.blerg-post .toolbar .buttons {
+ padding: 0 12pt 12pt 60px;
+ text-align: right;
+ vertical-align: top;
+ float: right;
+ background-color: #1E1E1E;
+ background-image: url(/images/corner.svg);
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ background-size: auto 100%;
+}
+
+.blerg-post .toolbar .buttons .onyx-button {
+ margin-left: 4pt;
+ height: 0.4in;
+ width: 1in;
+}
+
+.blerg-post .bottom-panel {
+ height: 45%;
+ color: black;
+ background-color: white;
+}
+
+.blerg-post .bottom-panel > div {
+ padding: 0 12pt;
+}
+
+.blerg-post.enter {
+ animation: blerg-post-enter 750ms;
+}
+
+@keyframes blerg-post-enter {
+ from {
+ transform: translateY(-100%);
+ animation-timing-function: ease-in;
+ }
+
+ 60% {
+ transform: translateY(0);
+ animation-timing-function: ease-out;
+ }
+
+ 80% {
+ transform: translateY(-2%);
+ animation-timing-function: ease-in;
+ }
+
+ to {
+ transform: translateY(0);
+ }
+}
+
+.blerg-post.exit {
+ animation: blerg-post-exit 500ms forwards;
+}
+
+@keyframes blerg-post-exit {
+ from {
+ transform: translateY(0);
+ animation-timing-function: ease-in;
+ }
+
+ to {
+ transform: translateY(100%);
+ }
+}
+
+.login {
+ display: inline-block;
+ width: 200px;
+}
+
+.login .onyx-button {