+/**
+ * Sync
+ */
+
+#fxaProfileImage {
+ max-width: 60px;
+ border-radius: 50%;
+ list-style-image: url(chrome://browser/skin/fxa/default-avatar.svg);
+ margin-inline-end: 15px;
+ image-rendering: -moz-crisp-edges;
+}
+
+#fxaLoginStatus[hasName] #fxaProfileImage {
+ max-width: 80px;
+}
+
+#fxaProfileImage.actionable {
+ cursor: pointer;
+}
+
+#fxaProfileImage.actionable:hover {
+ box-shadow: 0px 0px 0px 1px #FFCF00;
+}
+
+#fxaProfileImage.actionable:hover:active {
+ box-shadow: 0px 0px 0px 1px #FF9F00;
+}
+
+#noFxaAccount {
+ /* Overriding the margins from the base preferences.css theme file.
+ These overrides can be simplified by fixing bug 1027174 */
+ margin: 0;
+ padding-top: 15px;
+}
+
+#fxaContentWrapper {
+ -moz-box-flex: 1;
+}
+
+#noFxaGroup {
+ -moz-box-flex: 1;
+ margin: 0;
+}
+
+#fxaContentWrapper {
+ padding-right: 15px;
+}
+
+#noFxaGroup > vbox,
+#fxaGroup {
+ -moz-box-align: start;
+}
+
+#syncStatusMessage {
+ visibility: collapse;
+ opacity: 0;
+ transition: opacity 1s linear;
+ padding: 14px 8px 14px 14px;
+ border-radius: 2px;
+}
+
+#syncStatusMessage[message-type] {
+ visibility: visible;
+ opacity: 1;
+}
+
+#syncStatusMessage[message-type="verify-success"] {
+ background-color: #008484;
+}
+
+#syncStatusMessage[message-type="verify-error"] {
+ background-color: #FF0000;
+}
+
+#syncStatusMessage[message-type="migration"] {
+ background-color: #FF9F00;
+}
+
+#syncStatusMessageWrapper {
+ -moz-box-flex: 1;
+ padding-right: 5px;
+}
+
+#syncStatusMessageTitle, #syncStatusMessageDescription {
+ color: #9C9CFF;
+}
+
+#syncStatusMessage[message-type="migration"] #syncStatusMessageTitle {
+ display: none;
+}
+
+#syncStatusMessageTitle {
+ font-weight: bold !important;
+ font-size: 16px;
+ line-height: 157%;
+ margin: 0 0 20px;
+}
+
+#syncStatusMessageDescription {
+ font-size: 14px;
+ line-height: 158%;
+ margin: 0 !important;
+}
+
+#syncStatusMessageClose {
+ margin: 0px;
+}
+
+#syncStatusMessage {
+ visibility: collapse;
+ opacity: 0;
+ transition: opacity 1s linear;
+ padding: 14px 8px 14px 14px;
+ border-radius: 2px;
+}
+
+#syncStatusMessage[message-type] {
+ visibility: visible;
+ opacity: 1;
+}
+
+#syncStatusMessage[message-type="verify-success"] {
+ background-color: #008484;
+}
+
+#syncStatusMessage[message-type="verify-error"] {
+ background-color: #FF0000;
+}
+
+#syncStatusMessage[message-type="migration"] {
+ background-color: #FFCF00;
+}
+
+#syncStatusMessageWrapper {
+ -moz-box-flex: 1;
+ padding-right: 5px;
+}
+
+#syncStatusMessageTitle, #syncStatusMessageDescription {