+#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;
+}
+
+#fxaSyncEngines > vbox:first-child {
+ margin-right: 80px;
+}
+
+#fxaSyncComputerName {
+ margin-inline-start: 0px;
+ -moz-box-flex: 1;
+}
+
+#tosPP-small-ToS {
+ margin-bottom: 1em;
+}
+
+#fxaLoginRejectedWarning {
+ list-style-image: url("chrome://browser/skin/warning.svg");
+ margin: 4px 8px 0px 0px;
+}
+
+#noFxaCaption {
+ font-weight: bold;
+ margin-bottom: 11px;
+}
+
+#verifiedManage:visited {
+ color: var(--in-content-link-color);
+}
+
+.fxaSyncIllustration {
+ margin-top: 35px;
+ width: 231px;
+ -moz-context-properties: fill;
+ fill: #9C9CFF;
+}
+
+#syncOptions caption {
+ margin-bottom: 11px;
+}
+
+#fxaSyncComputerName {
+ margin-left: 0px;
+}
+
+#noFxaDescription {
+ margin-bottom: 20px !important;
+}
+
+.separator {
+ border-bottom: 1px solid var(--in-content-header-border-color);
+}
+
+.fxaAccountBox {
+ border: 1px solid #A09090;
+ border-radius: 5px;
+ padding: 14px 20px 14px 14px;
+}
+
+#signedOutAccountBoxTitle {
+ font-weight: bold;
+}
+
+.fxaAccountBoxButtons {
+ margin-bottom: 0 !important;
+ margin-top: 11px;
+ display: flex;
+ align-items: center;
+}
+
+.fxaAccountBoxButtons > * {
+ -moz-box-flex: 1;
+}
+
+.fxaAccountBoxButtons > button {
+ text-align: center;
+ padding-left: 11px;
+ padding-right: 11px;
+ margin: 0;
+ min-width: 0;
+}
+
+.fxaAccountBoxButtons > button:first-child {
+ margin-inline-end: 14px !important;
+}
+
+#fxaLoginStatus[hasName] #fxaEmailAddress1 {
+ font-size: 1.1rem;
+}
+
+#fxaEmailAddress1,
+#fxaEmailAddress2,
+#fxaEmailAddress3 {
+ word-break: break-all;
+}
+
+.fxaFirefoxLogo {
+ list-style-image: url(chrome://browser/skin/fxa/logo.png);
+ max-width: 64px;
+ margin-inline-end: 14px;
+}
+
+.fxaMobilePromo {
+ margin-bottom: 20px;
+ margin-top: 25px;
+}
+
+#fxaLoginRejectedWarning {
+ list-style-image: url(chrome://browser/skin/warning.svg);
+ filter: drop-shadow(0 1px 0 hsla(206, 50%, 10%, .15));
+ margin: 4px 8px 0px 0px;
+}
+
+#syncOptions {
+ margin-bottom: 27.5px;
+}
+
+.androidLink {
+ background-image: url("chrome://browser/skin/fxa/android.png");
+}
+
+.iOSLink {
+ background-image: url("chrome://browser/skin/fxa/ios.png");
+}
+
+.androidLink,
+.iOSLink {
+ margin: 0 0 0 2px;
+ padding-left: 28px;
+ padding-top: 6px;
+ height: 28px;
+ background-repeat: no-repeat;
+ background-size: 24px 28px;
+}
+
+#tosPP-small {
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+
+@media (min-resolution: 1.1dppx) {
+ .androidLink {
+ background-image: url("chrome://browser/skin/fxa/android@2x.png");
+ }
+ .iOSLink {
+ background-image: url("chrome://browser/skin/fxa/ios@2x.png");
+ }
+ .fxaFirefoxLogo {
+ list-style-image: url(chrome://browser/skin/fxa/logo@2x.png);
+ }
+}
+
+#updateDeck > hbox > label {
+ margin-inline-end: 5px ! important;
+}
+
+.update-throbber {
+ width: 16px;
+ min-height: 16px;
+ margin-inline-end: 3px;
+ list-style-image: url("chrome://global/skin/icons/loading.png");
+}
+
+@media (min-resolution: 1.1dppx) {
+ .update-throbber {
+ list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+ }
+}
+
+.help-button {
+ position: fixed;
+ left: 3px;
+ /* Needs to have enough gap from the bottom to not
+ get behind the status panel (bug 1357841). */
+ bottom: 2rem;
+ font-size: 13px;
+ line-height: 13px;
+ height: 14px;
+ background-position: 5px;
+ padding-inline-start: 25px;
+ white-space: nowrap;
+ background-color: var(--in-content-category-background);
+ width: auto;
+ padding-inline-end: 10px;
+ border: 3px solid black;
+ border-radius: 0 300px 300px 0;
+}
+
+.help-button:-moz-locale-dir(rtl) {
+ left: auto;
+ right: 0;
+ background-position: right 15px top 0;
+}