@font-face {
  font-family: Mulish;
  font-family: Barlow, "Cooper BT", sans-serif;
  src: url("/static/fonts/mulish-v1-latin-regular.woff");
}

:root:not(.increase-priority.twice) {
  --primary: #77b2c0;
  --primary-inverse: white;
  --primary-hover: color-mix(in srgb, var(--primary) 40%, black);
  --primary-focus: color-mix(in srgb, var(--primary) 60%, black);
  --primary-active: color-mix(in srgb, var(--primary) 60%, black);
  --contrast: #ee7401;
  --contrast-inverse: white;
  --contrast-hover: color-mix(in srgb, var(--contrast) 40%, black);
  --contrast-focus: color-mix(in srgb, var(--contrast) 60%, black);
  --contrast-active: color-mix(in srgb, var(--contrast) 60%, black);
  --border-radius: 0.25rem;
  --font-color: #292929;
  --info-background-color: rgb(213 220 224 / 100%);
  --info-font-color: black;
  --highlight-background-color: rgb(0 100 172 / 100%);
  --highlight-font-color: white;
  --alternative-background-color: rgb(0 29 41 / 100%);
  --alternative-font-color: white;
  --topbar-background-color: white;
  --topbar-font-color: black;
  --topbar-item-background-color: none;
  --topbar-item-border-color: rgb>(213 220 224 / 100%);
  --highlight-topbar-color: rgb(213 220 224 / 100%);
  --menu-font-color: black;
  --menu-background-color: rgb(107 135 161 / 100%);
  --modal-background-color: white;
  --modal-box-background-color: rgb(213 220 224 / 100%);
  --modal-box-section-color: white;
  --border-color: transparent;
  --font-family: arial, mulish, sans !important;
  --operation-stream-bg: #1b2d35;
  --operation-stream-fg: white;
}

body:not(.increase-priority),
.toastui-editor-defaultUI *:not(.increase-priority),
main > *:not(.increase-priority),
pre:not(.increase-priority),
.ci-toastui-editor:not(.increase-priority) * {
  font-family: var(--font-familiy);
}

.ci-toastui-editor:not(.increase-priority) *,
body:not(.increase-priority) {
  font-family: var(--font-family);
}

/* PICO OVERRIDES */
:is(button, input[type="submit"], input[type="button"], [role="button"]:not(.logout)).contrast:is([aria-current], :hover, :active, :focus) {
  --background-color: unset;
  --color: unset;
}

:is(button, input[type="submit"], input[type="button"], [role="button"]).contrast:focus {
  box-shadow: unset;
}

input:not([type="submit"], [type="button"], [type="reset"], [type="range"], [type="file"], [readonly]):focus,
select:focus,
textarea:focus {
  --box-shadow: 0 0 0 var(--outline-width) var(--contrast);
}

button:is([aria-current], :hover, :active, :focus),
input[type="submit"]:is([aria-current], :hover, :active, :focus),
input[type="button"]:is([aria-current], :hover, :active, :focus),
input[type="reset"]:is([aria-current], :hover, :active, :focus),
[role="button"]:is([aria-current], :hover, :active, :focus) {
  box-shadow: unset;
}

button:is([aria-current], :hover, :active, :focus),
input[type="submit"]:is([aria-current], :hover, :active, :focus),
input[type="button"]:is([aria-current], :hover, :active, :focus),
input[type="reset"]:is([aria-current], :hover, :active, :focus),
[role="button"]:is([aria-current], :hover, :active, :focus) {
  border-color: var(--border-color) !important;
}

/* DM OVERRIDES */
body[class*="_log"],
widget-container .dsection {
  border: 0.2rem solid var(--border-color);
}

/* ioot */

.company {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 4em;
  justify-content: left;
  padding-left: 0.25em;
  transform: scale(1.36);
  transform-origin: top left;
}

/* @media (max-width: 650px) {
  .company:not(.increase-priority) {
    transform: scale(1.3);
  }
} */

.company-logo .highlight_user_text,
.highlight_item_text {
  color: black;
}

.logo {
  width: 2.5rem;
  height: 2.5rem;

  /* background: center / contain no-repeat url("./image"); */

  /* background: center / contain no-repeat url("/static/Cleanus_Digital_Logo.webp"); */
  background: center / contain no-repeat url("/static/checkandgo_logo.webp");
}

.item[href="#item"] {
  border-style: none;
  pointer-events: none;
}

.item > img {
  display: none;
}

.user {
  width: fit-content;
  padding-left: 1rem;
  border-style: solid;
  justify-self: end;
}

.user > div {
  width: auto;
}

swipe-tab-topbar {
  height: 1.5rem;
  min-height: 0;
  opacity: 0;
}

#user-item_menu-entry {
  display: none !important;
}

#user-menu_entrys {
  display: none !important;
}

current-app {
  display: none;
}

a[href="#item"] {
  cursor: unset;
}

.highlight_menu_user a[href="#item"] > span:not(.increase-priority) {
  left: -80vw;
  width: 6rem;
  max-width: 6rem;
}

modal-window {
  backdrop-filter: brightness(0.6) blur(12px);
  background-color: transparent;
}

.mainbody:has([data-if-target]:target) > swipe-tab-topbar-section > top-bar {
  backdrop-filter: brightness(0.6);
}

.mainbody:has([data-if-target]:target) > swipe-tab-topbar-section > top-bar > .company > * {
  display: none;
}

.mainbody:has([data-if-target]:target) > swipe-tab-topbar-section > top-bar > .company::after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 1.5rem;

  /* background: center / contain no-repeat url("/static/clouditem-menu-logo.svg"); */

  /* background: center / contain no-repeat url("./image"); */

  /* background: center / contain no-repeat url("/static/Cleanus_Digital_Logo.webp"); */
  background: center / contain no-repeat url("/static/checkandgo_logo.webp");
  content: "";
}

/* .login-form {
  overflow: hidden;
  height: 75vh;
} */
:root {
  --logo: url("/static/checkandgo_logo.webp");
}

.check_and_go_logo {
  --logo: url("/static/checkandgo_logo.webp");
}

/* @media print {
  body::after {
    position: fixed;
    bottom: 0;
    left: var(--main-padding);
    width: 3rem;
    height: 3rem;
    background: center / contain no-repeat var(--logo);
    content: " ";
  }
} */