/* The small footer on the login page and in the web app. */
.foot-wrap { container-type: inline-size; }
@media (min-width: 861px) { .foot-wrap { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; } }
.foot-wrap footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 10px 24px; border-top: 1px solid #d9dbe0; background: #fff; color: #33415f; font: 400 10px/1.5 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; white-space: nowrap; }
.foot-wrap .by { display: flex; align-items: center; gap: 6px; }
.foot-wrap .by img { display: block; width: auto; height: 13px; }
.foot-wrap .mid { display: flex; align-items: center; gap: 10px; }
.foot-wrap select { appearance: none; -webkit-appearance: none; width: auto; height: 22px; min-height: 0; padding: 0 22px 0 8px; border: 0; border-radius: 6px; background: #eef0f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23001A6E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 8px center / 9px 6px no-repeat; color: #001A6E; font: 500 10px Inter, -apple-system, BlinkMacSystemFont, sans-serif; }
.foot-wrap ul { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.foot-wrap li { line-height: 1; }
.foot-wrap li + li { margin-left: 8px; padding-left: 8px; border-left: 1px solid #d6d9df; }
.foot-wrap a { color: #33415f; text-decoration: none; }
.foot-wrap a:hover { text-decoration: underline; }
@container (max-width: 1180px) {
  .foot-wrap footer { flex-direction: column; gap: 12px; padding: 18px 16px; text-align: center; white-space: normal; }
  .foot-wrap .mid { flex-wrap: wrap; justify-content: center; }
}
@container (max-width: 700px) {
  .foot-wrap ul { flex-wrap: wrap; justify-content: center; gap: 8px 18px; }
  .foot-wrap li + li { margin-left: 0; padding-left: 0; border-left: 0; }
}