@media (max-width: 968px) {
  .app {
    grid-template-columns: minmax(0, 1fr); }

  .app-sidebar[popover] {
    position: fixed;
    inset: 0 auto 0 0;
    width: min(320px, 86vw);
    height: 100%;
    box-shadow: var(--shadow-lg); }
    .app-sidebar[popover]:not(:popover-open) {
      display: none; }

  .app-sidebar::backdrop {
    background: rgba(26, 28, 28, 0.55); }

  .app-sidebar .app-sidebar__close {
    display: inline-grid;
    position: absolute;
    top: var(--space-4);
    right: var(--space-3); }

  .app-topbar {
    padding-inline: var(--space-4); }
    .app-topbar .app-topbar__menu {
      display: inline-grid;
      flex: none;
      border: 1px solid var(--border-subtle); }

  .app-topbar__brand {
    display: block;
    min-width: 0; }

  .app-main {
    padding: var(--space-5) var(--space-4); } }
@media (max-width: 700px) {
  .form-grid, .grid-2, .logo-groups {
    grid-template-columns: minmax(0, 1fr); }

  .page-header__actions, .form-actions {
    width: 100%; }

  .page-header__actions .btn--primary, .form-actions .btn--primary {
    flex: 1 1 100%; }

  .form-actions__start {
    margin-right: 0; }

  .task-list > li, .task-list--ranked > li {
    grid-template-columns: minmax(0, 1fr); }

  .task-list--ranked > li::before {
    width: 28px;
    height: 28px; }

  .task-row__actions {
    justify-content: flex-start; }

  .toolbar__end {
    margin-left: 0;
    width: 100%; }
    .toolbar__end .btn {
      width: 100%; }

  .kv {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px; }
    .kv dd + dt {
      margin-top: var(--space-3); } }
@media (max-width: 600px) {
  :root {
    --gutter: 16px; }

  h1 {
    font-size: 1.75rem; }

  .card {
    padding: var(--space-4); }

  .card--flush {
    padding: 0; }
    .card--flush > .card__header {
      padding: var(--space-4) var(--space-4) 0; }
    .card--flush > .card__intro, .card--flush > .card__body {
      padding-inline: var(--space-4); }

  .user-btn__name, .btn__label--hide-sm {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap; }

  .app-topbar {
    gap: var(--space-2); }

  .app-topbar__actions {
    gap: var(--space-1); }

  .app-topbar .btn--primary {
    padding-inline: 10px; }

  .app-topbar .icon-btn {
    flex: none; }

  .user-btn {
    padding: 4px; }
    .user-btn svg {
      display: none; }

  .lang-switch .lang-link {
    min-width: 28px; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; }

  .btn:hover, .card--hover:hover {
    transform: none; }

  .link-arrow:hover::after {
    transform: none; } }

/*# sourceMappingURL=responsive.css.map */