*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

input,
select,
textarea {
  caret-color: #2563eb;
}

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

@media (max-width: 780px) {
  .tbMobileBar,
  .tbBottomNav,
  .bottomNav,
  .mobileNav,
  .mobileBar,
  .bottomMenu,
  .bottom-nav,
  .mobile-nav,
  .tb-bottom-nav,
  .navBottom,
  .nav-bottom,
  .bottomTabs,
  .bottom-tabs,
  .tabbar {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body {
    min-width: 0 !important;
  }

  .container,
  .wrap,
  .app,
  .shell,
  .card,
  .panel,
  .modal,
  .content,
  .main,
  .tbShell,
  .tbMain,
  .tbContent {
    max-width: 100% !important;
  }

  button,
  .btn,
  .btnBlue,
  .btnGreen,
  .btnRed,
  .btnGray,
  .btnYellow,
  .btnTop,
  .primaryBtn,
  .secondaryBtn,
  a.button {
    min-height: 46px;
    border-radius: 14px;
    touch-action: manipulation;
  }

  input,
  select,
  textarea {
    width: 100%;
    min-height: 46px;
    font-size: 16px;
    color: #0f172a;
    -webkit-text-fill-color: #0f172a;
    background-color: #ffffff;
    border-color: #8da2bf;
  }

  input::placeholder,
  textarea::placeholder {
    color: #64748b;
    -webkit-text-fill-color: #64748b;
    opacity: 1;
  }

  input:focus,
  select:focus,
  textarea:focus,
  button:focus-visible,
  a:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .24) !important;
  }

  .row,
  .actions,
  .toolbar,
  .buttonRow,
  .adminModuleActions {
    flex-wrap: wrap;
  }

  .row > button,
  .actions > button,
  .toolbar > button,
  .buttonRow > button,
  .adminModuleActions > button {
    min-width: min(100%, 148px);
  }
}

@media (max-width: 420px) {
  .row > button,
  .actions > button,
  .toolbar > button,
  .buttonRow > button,
  .adminModuleActions > button,
  .row > a,
  .actions > a,
  .toolbar > a {
    width: 100%;
  }
}