/*
    This contains any overrides to basic breezer styles, common across public and admin applications
*/
:root {
  --background-colour: #d8d8d8;
  --primary-colour: #002147;
  --background-highlight-colour: var(--background-color-highlight);
}
header[breezer-breezer-layout] {
  background-color: #002147;
  height: 90px;
}
.page[breezer-breezer-layout] {
  grid-template-rows: 90px auto;
}
menu-item > a.item-content[breezer-menu-item] {
  display: inline-block;
}
list-item-property span[breezer-avatar] {
  font-size: calc(var(--text-list-item) - 1px);
}
list-items[item-type="grid"][breezer-list-items]:has(list-items-grid-header[has-expand]) {
  grid-template-columns: min-content min-content repeat(calc(var(--field-count) - 1), auto) min-content;
}
list-items[item-type="grid"][breezer-list-items]:has(list-items-grid-header[has-selected]) {
  grid-template-columns: min-content min-content repeat(calc(var(--field-count) - 1), auto) min-content;
}
list-items[item-type="grid"][breezer-list-items]:has(list-items-grid-header[has-expand]):has(list-items-grid-header[has-selected]) {
  grid-template-columns: min-content min-content repeat(calc(var(--field-count) - 2), auto) min-content;
}
item-property-container[property="is-selected"] editor-for[display="checkbox"][breezer-editor-for-bool] {
  width: 24px;
  height: 24px;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"] {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1.5px solid #ebedee;
  background: #fff;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"]::after {
  content: none;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"]::before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid rgba(34, 34, 34, 0.8);
  border-top: 1.5px solid rgba(34, 34, 34, 0.8);
  transform: rotate(45deg);
  transition: transform 0.2s;
  pointer-events: none;
  margin-left: -2px;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"] > input[type="checkbox"] {
  width: 32px;
  height: 32px;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"]:hover {
  border-color: #00B0CA;
  background: rgba(0, 176, 202, 0.06);
}
item-property-container[property="is-expanded"] editor-for[display="toggle"][checked] {
  border: 1.5px solid #ebedee;
  background-color: transparent;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"][checked]::before {
  transform: rotate(135deg);
  margin-left: 0;
  margin-top: -3px;
}
item-property-container[property="is-expanded"] editor-for[display="toggle"][checked]::after {
  content: none;
}
list-items-grid-header[has-selected],
list-items-grid-header[has-expanded] {
  --header-toggle-size: 20px;
}
list-items-grid-header-property[select-toggle] editor-for[display="checkbox"] {
  width: var(--header-toggle-size);
  height: var(--header-toggle-size);
}
list-items-grid-header-property[select-toggle] editor-for[display="checkbox"] > input[type="checkbox"] {
  width: var(--header-toggle-size);
  height: var(--header-toggle-size);
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"] {
  width: var(--header-toggle-size);
  height: var(--header-toggle-size);
  border-radius: 5px;
  border: 1.5px solid #d3d9dc;
  background: #fff;
  justify-content: center;
  align-items: center;
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"]::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #9aa5ab;
  border-top: 1.5px solid #9aa5ab;
  transform: rotate(45deg);
  transition: transform 0.2s;
  pointer-events: none;
  margin-left: -2px;
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"] > input[type="checkbox"] {
  width: var(--header-toggle-size);
  height: var(--header-toggle-size);
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"]:focus-within {
  border: 1.5px solid #d3d9dc;
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"]:hover {
  border-color: #00B0CA;
  background: rgba(0, 176, 202, 0.06);
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"][checked] {
  border: 1.5px solid #d3d9dc;
  background: transparent;
  color: inherit;
}
list-items-grid-header-property[expand-toggle] editor-for[display="checkbox"][checked]::before {
  content: '';
  border-right-color: #9aa5ab;
  border-top-color: #9aa5ab;
  transform: rotate(135deg);
  margin-left: 0;
  margin-top: -2px;
}