@font-face {
  font-family: "T-Star Pro";
  src: url("../fonts/T-StarSHF-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "T-Star Pro";
  src: url("../fonts/T-StarSHF-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "T-Star Pro";
  src: url("../fonts/T-StarSHF-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "T-Star Pro";
  src: url("../fonts/T-StarSHF-Heavy.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
:root {
  --padding: 1.5rem;
  --color-black: #000;
  --color-white: #fff;
  --color-grey: #777;
  --color-light: #efefef;
  --color-text: var(--color-black);
  --color-text-grey: var(--color-grey);
  --color-background: var(--color-white);
  --side-margin: 80px;
  --logo-height: 50px;
  --logo-width: 143px;
  --logo-space: calc(var(--logo-height) + 13px);
}
@media screen and (max-width: 1022px) {
  :root {
    --side-margin: 20px;
  }
}

html {
  font-family: "T-Star Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: var(--color-text);
  background: var(--color-background);
  --side-margin: 80px;
  --logo-height: 50px;
  --logo-width: 143px;
  --logo-space: calc(var(--logo-height) + 13px);
}
@media screen and (max-width: 1022px) {
  html {
    --side-margin: 20px;
  }
}

.k-view {
  max-width: 80rem;
  padding-left: var(--side-margin) !important;
  padding-right: var(--side-margin) !important;
}

.k-panel-header {
  border-bottom: 1px solid #e5e5e5;
}
.k-panel-header .k-topbar {
  --bg: #fff;
  color: #000;
}
.k-panel-header .k-topbar .k-view {
  position: relative;
}
.k-panel-header .k-topbar .k-view::after {
  content: "";
  position: absolute;
  right: var(--side-margin);
  bottom: calc(var(--logo-space) * -1);
  min-width: var(--logo-width);
  height: 50px;
  background: #fff url("../images/logo.svg") no-repeat right;
}

.k-panel-view {
  padding-top: var(--logo-space);
}
:not([data-role=admin], [data-role=publisher]) > .k-panel-header .k-topbar {
  height: 0;
  border: 0;
}
:not([data-role=admin], [data-role=publisher]) > .k-panel-header .k-topbar .k-topbar-wrapper {
  display: none;
}
:not([data-role=admin], [data-role=publisher]) > .k-panel-view .k-page-view .k-header-buttons {
  display: none;
}

.k-fields-section {
  padding-bottom: 0;
}

.k-fields-section + .k-fields-section {
  margin-top: 3rem;
}

.k-toggle-field .k-input {
  background: none;
  border: 0;
}
.k-toggle-field .k-input:focus-within {
  border: 0;
}
.k-toggle-field .k-input .k-input-element {
  flex-grow: 0;
}
.k-toggle-field .k-input .k-input-element .k-toggle-input {
  padding-left: 0 !important;
}

.k-section-name-Global,
.k-section-name-Level5,
.k-section-name-Level4,
.k-section-name-Level3,
.k-section-name-Level2,
.k-section-name-Level1 {
  padding: 1rem;
  border-left: 5px solid transparent;
}

.k-section-name-Global {
  background: #f1f1f1;
}

.k-section-name-Level5 {
  background: rgba(127, 200, 48, 0.0941176471);
  border-color: #5DA446;
}

.k-section-name-Level4 {
  background: rgba(119, 131, 139, 0.0941176471);
  border-color: #414C54;
}

.k-section-name-Level3 {
  background: rgba(128, 179, 226, 0.0941176471);
  border-color: #5495D4;
}

.k-section-name-Level2 {
  background: rgba(160, 204, 195, 0.0941176471);
  border-color: #6EB5A9;
}

.k-section-name-Level1 {
  background: rgba(209, 107, 123, 0.0941176471);
  border-color: #C4004F;
}

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