:root {
  --app-icon-passive: #64748b;
  --app-icon-primary: #0f2d5c;
  --app-icon-active: #2563eb;
  --app-icon-accent: #f72566;
  --app-icon-danger: #dc2626;
  --app-icon-stroke: 2;
}

.app-icon {
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: middle;
  stroke-width: var(--app-icon-stroke);
}

button .app-icon, a .app-icon { pointer-events: none; }
.app-header__icon .app-icon { width: 23px; height: 23px; }
.app-bottom-nav .app-icon, .app-bottom-nav svg { width: 23px; height: 23px; }
.app-fab .app-icon { width: 28px; height: 28px; }
.app-create-menu__choice-icon .app-icon { width: 27px; height: 27px; }

button:focus-visible, a:focus-visible, summary:focus-visible {
  outline: 2px solid var(--app-icon-active);
  outline-offset: 2px;
}

@media (hover: hover) {
  button:hover .app-icon, a:hover .app-icon { opacity: .86; }
}

button:active .app-icon, a:active .app-icon { transform: scale(.94); }

html[data-theme="dark"] body :is(.app-icon--arrow-left,.app-icon--chevron-left){color:#fff!important;stroke:#fff!important}
html[data-theme="dark"] body :is([data-profile-back],.unified-page-back,.settings-v1__back,.qz-head>a:first-child,.profile-edit-v1__back){color:#fff!important}
/* An arrow on a light surface needs a dark button to retain white contrast. */
html[data-theme="dark"] body :is(.unified-page-back,.settings-v1__back,.profile-edit-v1__back){background:#22384f!important;border-color:#344b64!important}
body .profile-v3.profile-reference .profile-v3-title-line{justify-content:flex-start!important;text-align:left!important}
body .profile-v3.profile-reference .profile-v3-title-line h1{width:100%!important;margin-left:0!important;text-align:left!important}
body .profile-v3-summary .profile-v3-title-line h1{text-align:left!important}

@media(max-width:767px){html body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select){font-size:16px!important}}
html body img{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;touch-action:manipulation}
