+.side-menu-widget-item-checkbox {
+ -moz-margin-end: -6px;
+ padding: 0;
+ opacity: 0;
+ transition: opacity .15s ease 0s;
+}
+
+/* Only show the checkbox when the source is hovered over, is selected, or if it
+ * is not checked. */
+.side-menu-widget-item:hover > .side-menu-widget-item-checkbox,
+.side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
+.side-menu-widget-item-checkbox:not([checked]) {
+ opacity: 1;
+ transition: opacity .15s ease-out 0s;
+}
+
+.side-menu-widget-item-checkbox > .checkbox-check {
+ -moz-appearance: none;
+ background: none;
+ background-image: url("itemToggle.png");
+ background-repeat: no-repeat;
+ background-clip: content-box;
+ background-position: -16px 0;
+ background-size: 32px 16px;
+ width: 16px;
+ height: 16px;
+ border: 0;
+}
+
+.side-menu-widget-item-checkbox[checked] > .checkbox-check {
+ background-position: 0 0;
+}
+
+.side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents {
+ color: #8050B0;
+}
+
+.side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents > .dbg-breakpoint {
+ display: none;
+}
+
+/* Black box message */
+
+#black-boxed-message {
+ /* Prevent the container deck from aquiring the height from this message. */
+ min-height: 1px;
+ background-color: #A09090;
+ padding: 25vh 0;
+ color: #000000;
+}
+
+#black-boxed-message-label,
+#black-boxed-message-button {
+ text-align: center;
+ font-size: 120%;
+}
+
+#black-boxed-message-button {
+ margin-top: 1em;
+ padding: .25em;
+}
+