+:root {
+ --panel-ui-exit-subview-gutter-width: 38px;
+}
+
+#PanelUI-popup #PanelUI-contents:empty {
+ height: 128px;
+}
+
+#PanelUI-popup #PanelUI-contents:empty::before {
+ content: "";
+ background-image: url(chrome://browser/skin/customizableui/whimsy.png);
+ background-size: 64px 64px;
+ display: block;
+ width: 64px;
+ height: 64px;
+ position: absolute;
+ transition: transform 1s ease-out;
+ animation: whimsyMoveX 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate;
+}
+
+#PanelUI-popup #PanelUI-contents:not(:hover):empty::before {
+ filter: grayscale(100%);
+}
+
+#PanelUI-popup #PanelUI-contents:active:empty::before {
+ animation: whimsyMoveX 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate,
+ whimsyRotate 1s linear 0s infinite normal;
+}
+
+#PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):empty::before {
+ animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate;
+}
+
+#PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):active:empty::before {
+ animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate,
+ whimsyRotate 1s linear 0s infinite normal;
+}
+
+@media (min-resolution: 2dppx) {
+ #PanelUI-popup #PanelUI-contents:empty::before {
+ background-image: url("chrome://browser/skin/customizableui/whimsy@2x.png");
+ }
+}
+
+@keyframes whimsyMoveX {
+ /* These values are adjusted for the padding on the panel. */
+ from { margin-left: -9px; } to { margin-left: calc(100% - 55px); }
+}
+
+@keyframes whimsyMoveXRTL {
+ /* These values are adjusted for the padding on the panel. */
+ from { margin-right: -9px; } to { margin-right: calc(100% - 55px); }
+}
+
+@keyframes whimsyMoveY {
+ /* These values are adjusted for the padding and height of the panel. */
+ from { margin-top: -.5em; } to { margin-top: calc(64px - .5em); }
+}
+
+@keyframes whimsyRotate {
+ to { transform: perspective(5000px) rotateY(360deg); }
+}
+
+#customization-panelHolder {
+ border-radius: 4px;
+}
+
+#PanelUI-button {
+ -moz-margin-start: 3px;
+}
+
+#PanelUI-button:-moz-locale-dir(rtl) {
+}
+
+#PanelUI-menu-button[badge-status] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ display: -moz-box;
+ height: 10px;
+ width: 10px;
+ background-size: contain;
+ border: none;
+}
+
+#PanelUI-menu-button[badge-status="update-succeeded"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ background: #008484 url(chrome://browser/skin/update-badge.svg) no-repeat center;
+ height: 13px;
+}
+
+#PanelUI-menu-button[badge-status="update-failed"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ background: #FF0000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
+ height: 13px;
+}
+
+#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ background: transparent url(chrome://browser/skin/warning.svg) no-repeat center;
+ height: 13px;
+ box-shadow: none;
+}
+
+#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive {