/* The login and signed-in theme settings use the same responsive dimensions. */
:root {
  --app-theme-trigger-size: 2rem;
  --app-theme-trigger-icon-width: 1.25rem;
  --app-theme-trigger-icon-size: 1.125rem;
}

.settings > .btn-floating {
  width: var(--app-theme-trigger-size);
  height: var(--app-theme-trigger-size);
  min-width: 0;
  min-height: 0;
  padding: 0;
}

.settings > .btn-floating > .icon {
  flex: none;
  width: var(--app-theme-trigger-icon-width);
  min-width: var(--app-theme-trigger-icon-width);
  height: var(--app-theme-trigger-icon-size);
  margin: 0;
}

@media (max-width: 767.98px) {
  :root {
    --app-theme-trigger-size: 44px;
    --app-theme-trigger-icon-width: 20px;
    --app-theme-trigger-icon-size: 18px;
  }
}