/* SAIF_ACCOUNT_ICON_REFERENCE_FINAL: one scoped size; no button/text resizing. */
html[dir="rtl"] .shell .sidebar-rail-footer > button[data-rail-page="settings"] {
  direction: rtl;
  flex-direction: row;
}

.shell .sidebar-rail-footer > button[data-rail-page="settings"] > .saif-account-icon-reference {
  position: relative;
  display: block;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  flex: 0 0 30px !important;
  /* Preserve the original icon's layout height and the button's padding/height. */
  height: 20px;
  margin: 0;
  pointer-events: none;
}

.shell .sidebar-rail-footer > button[data-rail-page="settings"] > .saif-account-icon-reference > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  flex: 0 0 30px !important;
  margin: 0 !important;
  color: #f4d58e !important;
  fill: none !important;
  stroke: #f4d58e !important;
  stroke-width: 2.8 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}