/* Shared account chrome for /u/{handle}. It stays legible over every selectable
   theme without importing site.css and changing that theme's typography/layout. */
.rm-public-auth-top,
.rm-public-auth-footer-shell {
  box-sizing: border-box;
  width: 100%;
  color: #232220;
  font: 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/* Deliberately neutral, NOT the red gingham this shipped with.
   This bar sits above whichever of the 24 styles the owner publishes in, so a
   hardcoded pattern fights every style that is not country Americana. On Love &
   Lemons (clean editorial serif, lemon yellow) the gingham read as a different
   website stapled to the top. A hairline on a near-white ground disappears into
   any style instead of competing with it. */
.rm-public-auth-top {
  position: relative;
  z-index: 1000;
  border-bottom: 1px solid rgba(0, 0, 0, .10);
  background-color: #fcfbf9;
}
.rm-public-auth-inner {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  width: min(94%, 1680px);
  margin-inline: auto;
  padding: 7px 0;
}
.rm-public-auth-slot {
  box-sizing: border-box;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  max-width: 100%;
  border-radius: 6px;
  background: #f7f6f3;
  padding: 4px 12px;
}
.rm-public-auth-slot a,
.rm-public-auth-slot button {
  appearance: none;
  border: 0;
  background: transparent;
  color: #38567f;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-decoration: none;
}
.rm-public-auth-slot a:hover,
.rm-public-auth-slot button:hover { color: #c1272d; }
.rm-public-auth-slot button:disabled { cursor: wait; opacity: .6; }
.rm-public-auth-slot-footer {
  display: flex;
  width: fit-content;
  margin: 16px auto;
  border: 1px solid #e5e1da;
}
.rm-public-auth-footer-shell {
  border-top: 2px solid #c1272d;
  background: #fff;
  padding: 1px;
}