@charset "UTF-8";
/*  ========================================================================
    # Main SCSS
    ========================================================================  */
/**
 * Frontend styling.
 */
/*  ========================================================================
    # Settings - Fonts
    ========================================================================  */
@font-face {
  font-family: Metropolis;
  src: url("../fonts/metropolis-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Metropolis;
  src: url("../fonts/metropolis-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Metropolis;
  src: url("../fonts/metropolis-semi-bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Metropolis;
  src: url("../fonts/metropolis-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/*  ========================================================================
    # Settings - Font Families
    ========================================================================  */
/*  ========================================================================
    # Settings - Font Sizes
    ========================================================================  */
/*  ========================================================================
    # Settings - Colors
    ========================================================================  */
/*  ========================================================================
    # Settings - Easings
    ========================================================================  */
/**
 * https://easings.net/
 */
/*  ========================================================================
    # Settings - Layout
    ========================================================================  */
/* Breakpoints */
/* Gutter */
/* Z-Index */
/* Spacings */
/* Border Radius */
/*  ========================================================================
    # Tools - Mixin - Breakpoints
    ========================================================================  */
/*  ========================================================================
    # Tools - Mixin - Transitions
    ========================================================================  */
/*  ========================================================================
    # Globals - Resets
    ========================================================================  */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}

html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

b,
strong {
  font-weight: 700;
}

a {
  color: inherit;
  text-decoration: none;
}

canvas,
iframe,
embed,
object,
video,
audio,
img,
svg {
  display: block;
}

figure {
  margin: 0;
}

video,
img {
  max-width: 100%;
  height: auto;
}

input,
textarea,
select,
optgroup,
button {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  color: inherit;
}

button,
[type=button],
[type=submit],
[type=reset],
[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

textarea {
  resize: vertical;
}

/*  ========================================================================
    # Globals - Generic
    ========================================================================  */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
body {
  background-color: #FAFBFC;
  font-family: "Metropolis", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  overflow-x: hidden;
}

::selection {
  background-color: #FF7B0F;
  color: #ffffff;
  text-shadow: none;
}

[class^=icon-]:before, [class*=" icon-"]:before {
  margin: 0;
  line-height: 1;
}

/* stylelint-disable selector-max-id, selector-max-specificity */
/* stylelint-enable selector-max-id, selector-max-specificity */
/*  ========================================================================
    # Globals - Layout
    ========================================================================  */
.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (min-width: 640px) {
  .container {
    max-width: 600px;
  }
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 728px;
  }
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 984px;
  }
}
@media screen and (min-width: 1280px) {
  .container {
    max-width: 1240px;
  }
}

.row {
  display: flex;
  flex-flow: row wrap;
  flex: 1 1 auto;
  margin: 0 -20px;
}

.col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
  padding: 0 20px;
}

.layout {
  background-color: #FAFBFC;
  min-height: 100vh;
  margin-bottom: 20px;
}
.layout main {
  background-color: #ffffff;
  padding: 0;
  margin-top: 30px;
  border-radius: 10px;
  border: 1px solid #E9EAEB;
}
@media screen and (min-width: 1024px) {
  .layout main {
    border-radius: 20px;
  }
}
.layout--sidebar main {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media screen and (min-width: 768px) {
  .layout--sidebar main {
    grid-template-columns: 1fr 250px;
  }
}
@media screen and (min-width: 1024px) {
  .layout--sidebar main {
    padding: 0;
    grid-template-columns: 1fr 330px;
  }
}
.layout--sidebar main > * {
  grid-column: 1/-1;
}
@media screen and (min-width: 768px) {
  .layout--sidebar main article {
    grid-column: 1/2;
  }
}
@media screen and (min-width: 768px) {
  .layout--sidebar main aside {
    grid-column: 2/3;
    border-left: 1px solid #E9EAEB;
  }
}
@media screen and (min-width: 768px) {
  .layout--sidebar-left main {
    grid-template-columns: 250px 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .layout--sidebar-left main {
    grid-template-columns: 330px 1fr;
  }
}
@media screen and (min-width: 768px) {
  .layout--sidebar-left main article {
    grid-column: 2/3;
  }
}
@media screen and (min-width: 768px) {
  .layout--sidebar-left main aside {
    grid-column: 1/2;
    border-right: 1px solid #E9EAEB;
    border-left: none;
  }
}

.ql-container {
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui, .ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 0;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p, .ql-editor ol, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
  margin: 0;
  padding: 0;
}

@supports (counter-set: none) {
  .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}

.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}

.ql-editor ol {
  padding-left: 1.5em;
}

.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}

.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li[data-list=checked] > .ql-ui, .ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}

.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "•";
}

.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "☑";
}

.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "☐";
}

@supports (counter-set: none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}

.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}

@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
  text-align: left;
}

.ql-editor table {
  table-layout: fixed;
  width: 100%;
}

.ql-editor table td {
  outline: none;
}

.ql-editor .ql-code-block-container {
  font-family: monospace;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #FF7B0F;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #FF7B0F;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor .ql-ui {
  position: absolute;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #FF7B0F;
}

.ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #FF7B0F;
}

.ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #FF7B0F;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code, .ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker, .ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-code-block-container {
  position: relative;
}

.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}

.ql-toolbar.ql-snow {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  border: 1px solid #D5D7DA;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 8px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ql-toolbar.ql-snow {
    justify-content: start;
  }
}
.ql-toolbar.ql-snow:empty {
  display: none;
}

.ql-toolbar.ql-snow .ql-header {
  align-self: center;
}

.ql-toolbar.ql-snow .ql-formats,
.ql-toolbar.ql-snow .ql-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ql-toolbar.ql-snow .ql-formats > *,
.ql-toolbar.ql-snow .ql-group > * {
  position: relative;
}
.ql-toolbar.ql-snow .ql-formats > *:not([data-title]),
.ql-toolbar.ql-snow .ql-group > *:not([data-title]) {
  margin: 8px 4px 4px;
}
.ql-toolbar.ql-snow .ql-formats > *[data-title],
.ql-toolbar.ql-snow .ql-group > *[data-title] {
  margin: 8px 16px 16px;
}
.ql-toolbar.ql-snow .ql-formats > *[data-title]::after,
.ql-toolbar.ql-snow .ql-group > *[data-title]::after {
  position: absolute;
  top: 100%;
  left: -16px;
  right: -16px;
  height: 20px;
  font-size: 10px;
  text-align: center;
  content: attr(data-title);
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #FF7B0F;
}

/*  ========================================================================
    # Globals - Typography
    ========================================================================  */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Metropolis", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
}

h1,
.h1 {
  font-size: 54px;
}

h2,
.h2 {
  font-size: 42px;
}

h3,
.h3 {
  font-size: 36px;
}

h4,
.h4 {
  font-size: 28px;
}

h5,
.h5 {
  font-size: 24px;
}

h6,
.h6 {
  font-size: 20px;
}

p {
  line-height: 1.6;
  color: #535862;
}

strong, b {
  font-weight: 600;
}

.wysiwyg-block h1, .wysiwyg-block .h1, .wysiwyg-block h2, .wysiwyg-block .h2, .wysiwyg-block h3, .wysiwyg-block .h3, .wysiwyg-block h4, .wysiwyg-block .h4, .wysiwyg-block h5, .wysiwyg-block .h5, .wysiwyg-block h6, .wysiwyg-block .h6 {
  display: flex;
  margin-bottom: 30px;
  flex-direction: column-reverse;
  align-items: start;
}
.wysiwyg-block h1 > a, .wysiwyg-block .h1 > a, .wysiwyg-block h2 > a, .wysiwyg-block .h2 > a, .wysiwyg-block h3 > a, .wysiwyg-block .h3 > a, .wysiwyg-block h4 > a, .wysiwyg-block .h4 > a, .wysiwyg-block h5 > a, .wysiwyg-block .h5 > a, .wysiwyg-block h6 > a, .wysiwyg-block .h6 > a {
  margin-left: 0;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .wysiwyg-block h1, .wysiwyg-block .h1, .wysiwyg-block h2, .wysiwyg-block .h2, .wysiwyg-block h3, .wysiwyg-block .h3, .wysiwyg-block h4, .wysiwyg-block .h4, .wysiwyg-block h5, .wysiwyg-block .h5, .wysiwyg-block h6, .wysiwyg-block .h6 {
    display: block;
  }
  .wysiwyg-block h1 > a, .wysiwyg-block .h1 > a, .wysiwyg-block h2 > a, .wysiwyg-block .h2 > a, .wysiwyg-block h3 > a, .wysiwyg-block .h3 > a, .wysiwyg-block h4 > a, .wysiwyg-block .h4 > a, .wysiwyg-block h5 > a, .wysiwyg-block .h5 > a, .wysiwyg-block h6 > a, .wysiwyg-block .h6 > a {
    margin-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
  }
}
.wysiwyg-block p {
  margin-bottom: 30px;
}
.wysiwyg-block dl {
  margin-bottom: 30px;
}
.wysiwyg-block dl dt {
  font-weight: 600;
  color: #000000;
}
.wysiwyg-block dl dd {
  color: #535862;
  margin-bottom: 5px;
  margin-left: 15px;
}
.wysiwyg-block dl dd:not(:last-child) {
  border-bottom: 1px solid #E9EAEB;
  margin-bottom: 10px;
}
.wysiwyg-block ul {
  padding: 0;
  margin-bottom: 30px;
  list-style: none;
  color: #535862;
}
.wysiwyg-block ul li {
  position: relative;
  padding-left: 14px;
}
.wysiwyg-block ul li:not(:last-child) {
  margin-bottom: 15px;
}
.wysiwyg-block ul li::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 1px;
  background-color: #535862;
  left: 0;
  top: 10px;
}

/*  ========================================================================
    # Globals - Utilities
    ========================================================================  */
/**
 * Text Colors
 */
.u-text-orange {
  color: #FF7B0F;
}

.u-text-grey {
  color: #535862;
}

.u-text-red {
  color: #ff0f0f;
}

/**
 * Text Sizes
 */
.u-text-small {
  font-size: 14px;
}

.u-text-large {
  font-size: 18px;
}

/**
 * Text family
 */
.u-text-mono {
  font-family: "Consolas", "Monaco", "Ubuntu Mono", monospace;
}

/**
 * Text wrap
 */
.u-text-preserve-breaks {
  white-space: preserve-breaks;
}

/**
 * Base Padding
*/
.u-base-padding, .p-article__content, .layout--sidebar main aside {
  padding: 20px;
}
@media screen and (min-width: 1024px) {
  .u-base-padding, .p-article__content, .layout--sidebar main aside {
    padding: 40px;
  }
}

.u-pad-top {
  padding-top: 20px;
}

/**
 * Subheadline
 */
.u-subheadline {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

/**
 * Label
 */
.u-label {
  font-size: 14px;
  font-weight: 600;
  background-color: #FF7B0F;
  color: #ffffff;
  border: 1px solid #FFF8F2;
  border-radius: 4px;
  padding: 4px 8px;
}
.u-label--grey {
  background-color: #D5D7DA;
  color: #535862;
  border: 1px solid #E9EAEB;
}

/*  ========================================================================
    # Globals - Forms
    ========================================================================  */
input,
textarea,
select {
  border: 1.5px solid #D5D7DA;
  outline: none;
  border-radius: 6px;
  color: #535862;
  padding: 19px;
}
@media (prefers-reduced-motion: no-preference) {
  input,
  textarea,
  select {
    transition: border 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
input:active, input:focus,
textarea:active,
textarea:focus,
select:active,
select:focus {
  border-color: #FF7B0F;
}

select {
  appearance: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgNy45MzA0MkwxMCAxMi45MzA0TDE1IDcuOTMwNDIiIHN0cm9rZT0iIzUzNTg2MiIgc3Ryb2tlLXdpZHRoPSIxLjMzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: right 15px top 50%;
  background-size: 20px auto;
  padding: 15px 35px 15px 15px;
  cursor: pointer;
}

label {
  font-size: 14px;
  font-weight: 500;
}

input {
  line-height: 1;
}

.g-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.g-field--wide-gap {
  gap: 20px;
}
.g-field__danger {
  color: #ff0f0f;
  font-size: 14px;
}

.g-field-line {
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.g-field-line *:first-child {
  flex: 1;
}

.g-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.g-form__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media screen and (min-width: 1024px) {
  .g-form__grid {
    grid-template-columns: 1fr 1fr;
    justify-content: end;
  }
}
@media screen and (min-width: 1024px) {
  .g-form__grid .c-button--link {
    justify-self: start;
  }
}

/*  ========================================================================
    # Components - Anchor Links
    ========================================================================  */
.c-anchor-links {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  background-color: #FAFBFC;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .c-anchor-links {
    padding: 20px 40px;
  }
}
.c-anchor-links:not(:last-child) {
  border-bottom: 1px solid #E9EAEB;
}
.c-anchor-links__list {
  display: flex;
  flex-direction: row;
  gap: 15px;
  flex-wrap: wrap;
}
.c-anchor-links__item {
  font-weight: 600;
}

/*  ========================================================================
    # Components - Article Category List
    ========================================================================  */
.c-article-category-list {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
@media screen and (min-width: 1024px) {
  .c-article-category-list {
    padding: 40px;
  }
}
.c-article-category-list__content {
  padding-bottom: 30px;
}
.c-article-category-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #E9EAEB;
}
.c-article-category-list__item {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid #E9EAEB;
}
.c-article-category-list__item--row-action {
  cursor: pointer;
}
.c-article-category-list__item-action {
  padding: 0;
  background-color: unset;
  outline: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}
.c-article-category-list__item-action:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-article-category-list__item-append {
  display: flex;
  align-items: center;
  gap: 8px;
}
.c-article-category-list__item-title {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
}
.c-article-category-list__item-subtitle {
  flex: 1;
  text-align: end;
  color: #535862;
}

/*  ========================================================================
    # Components - Article Teaser
    ========================================================================  */
.c-article-teaser {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .c-article-teaser {
    flex-direction: row;
    align-items: start;
    gap: 40px;
  }
}
.c-article-teaser__content {
  flex: 1;
  flex-basis: 100%;
}
.c-article-teaser__content h4 {
  margin-bottom: 10px;
}
.c-article-teaser__meta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 24px;
  font-size: 14px;
  color: #FF7B0F;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-article-teaser__meta {
    margin-bottom: 30px;
  }
}
.c-article-teaser__meta > *:not(:last-child) {
  position: relative;
}
.c-article-teaser__meta > *:not(:last-child)::after {
  position: absolute;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #FF7B0F;
  border-radius: 1px;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}
.c-article-teaser__description {
  margin-bottom: 20px;
  color: #535862;
}
@media screen and (min-width: 768px) {
  .c-article-teaser__description {
    margin-bottom: 30px;
  }
}
.c-article-teaser__image {
  overflow: hidden;
  border-radius: 6px;
  aspect-ratio: 16/10;
}
@media screen and (min-width: 1024px) {
  .c-article-teaser__image {
    min-width: 400px;
  }
}
.c-article-teaser__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*  ========================================================================
    # Components - Button
    ========================================================================  */
.c-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
  padding: 15px 20px;
  background-color: #FF7B0F;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
}
@media (prefers-reduced-motion: no-preference) {
  .c-button {
    transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
.c-button input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.c-button .icon {
  font-size: 18px;
  color: #ffffff;
}
@media (prefers-reduced-motion: no-preference) {
  .c-button .icon {
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
.c-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-button:hover, .c-button:focus {
  background-color: #FFF8F2;
  border-color: #FF7B0F;
  color: #FF7B0F;
}
.c-button:hover .icon, .c-button:focus .icon {
  color: #FF7B0F;
}
.c-button--white {
  background-color: #ffffff;
  color: #535862;
  border: 1px solid rgba(83, 88, 98, 0.2);
}
.c-button--white .icon {
  color: #535862;
}
.c-button--white:hover, .c-button--white:focus {
  background-color: #535862;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
}
.c-button--white:hover .icon, .c-button--white:focus .icon {
  color: #ffffff;
}
.c-button--outline {
  background-color: #FFF8F2;
  color: #FF7B0F;
  border: 1px solid #FF7B0F;
}
.c-button--outline .icon {
  color: #FF7B0F;
}
.c-button--outline:hover, .c-button--outline:focus {
  background-color: #FF7B0F;
  color: #ffffff;
}
.c-button--outline:hover .icon, .c-button--outline:focus .icon {
  color: #ffffff;
}
.c-button--pill {
  border-radius: 99999px;
  padding: 8px 18px;
}
.c-button--pill .icon {
  font-size: 16px;
}
.c-button--link {
  padding-block: 0;
  background-color: unset;
  border: none;
  border-radius: 0;
  color: #000000;
  padding: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .c-button--link {
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
.c-button--link .icon {
  color: #535862;
}
.c-button--link:hover, .c-button--link:focus {
  background-color: unset;
}
.c-button--icon {
  padding: 15px;
  background-color: #ffffff;
  border-color: #E9EAEB;
}
.c-button--icon .icon {
  color: #535862;
}
.c-button--icon:hover, .c-button--icon:focus {
  background-color: #535862;
  border-color: rgba(255, 255, 255, 0.12);
}
.c-button--icon:hover .icon, .c-button--icon:focus .icon {
  color: #ffffff;
}
.c-button--fill {
  width: 100%;
}

/*  ========================================================================
    # Components - Card List
    ========================================================================  */
.c-card-list {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .c-card-list {
    padding: 40px;
  }
}
.c-card-list:not(:first-child) {
  padding-top: 20px;
}
.c-card-list ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.c-card-list__item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  padding: 15px;
  background-color: #FAFBFC;
  border: 1px solid #E9EAEB;
  border-radius: 6px;
}
@media screen and (min-width: 640px) {
  .c-card-list__item {
    grid-template-columns: 1fr auto;
  }
}
.c-card-list__item-title {
  font-weight: 600;
  color: #000000;
}
.c-card-list__item-subitems {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  font-size: 14px;
  color: #535862;
}
.c-card-list__item-subitems span {
  position: relative;
}
.c-card-list__item-subitems span:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: #535862;
  border-radius: 1px;
}
.c-card-list__item-status {
  margin-top: 15px;
  font-size: 14px;
  color: #535862;
}
.c-card-list__item-status .icon {
  font-size: 18px;
  margin-right: 5px;
}
.c-card-list__item-append {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

/*  ========================================================================
    # Components - File
    ========================================================================  */
.c-file {
  background-color: #FAFBFC;
  border: 1px solid #E9EAEB;
  border-radius: 6px;
  padding: 15px;
}
.c-file:not(:last-child) {
  margin-bottom: 10px;
}
.c-file--upload {
  border-style: dashed;
}
.c-file--delete {
  border-color: #FF7B0F;
}
.c-file--clickable {
  cursor: pointer;
  transition: all 0.2s ease;
}
.c-file--clickable:hover {
  background-color: rgb(234.0625, 238.25, 242.4375);
  border-color: #D5D7DA;
}
.c-file__wrapper {
  display: grid;
  grid-template-columns: 1fr 50px;
  align-items: center;
  gap: 15px;
}
.c-file__info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
.c-file__info span {
  position: relative;
}
.c-file__info span:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  border-radius: 1px;
  width: 4px;
  height: 4px;
  background-color: #535862;
}
.c-file__info--action {
  cursor: pointer;
}

/*  ========================================================================
    # Components - File Picker
    ========================================================================  */
.c-file-picker {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.c-file-picker__empty {
  color: #D5D7DA;
  font-style: italic;
}
.c-file-picker__selected {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.c-file-picker__selected p {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.c-file-picker__selected .c-button--link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.c-file-picker__modal {
  padding: 1rem;
}
.c-file-picker__filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}
.c-file-picker__search {
  flex: 2;
  min-width: 0;
}
.c-file-picker__search input {
  width: 100%;
}
.c-file-picker__sort {
  flex: 1;
  min-width: 0;
}
.c-file-picker__sort select {
  width: 100%;
}
.c-file-picker__list {
  margin-top: 1rem;
}
.c-file-picker__loading, .c-file-picker__error {
  padding: 1rem;
  text-align: center;
}
.c-file-picker__item {
  padding: 1rem;
  border: 1px solid #E9EAEB;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.c-file-picker__item:hover {
  background-color: #FAFBFC;
  border-color: #D5D7DA;
}
.c-file-picker__item-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.c-file-picker__item-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}
.c-file-picker__item-info {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  color: #D5D7DA;
  font-size: 0.875rem;
}

/*  ========================================================================
    # Components - Upload List
    ========================================================================  */
.c-upload-list {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
@media screen and (min-width: 1024px) {
  .c-upload-list {
    padding: 40px;
  }
}
.c-upload-list__content {
  padding-bottom: 30px;
}
.c-upload-list__sort {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 20px;
  width: 100%;
}
.c-upload-list__sort select {
  width: 100%;
  max-width: 330px;
}
.c-upload-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #E9EAEB;
}
.c-upload-list__item {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid #E9EAEB;
}
.c-upload-list__item--row-action {
  cursor: pointer;
}
.c-upload-list__item--deleted .c-upload-list__item-title > b, .c-upload-list__item--deleted .c-upload-list__item-subtitle {
  opacity: 0.5;
}
.c-upload-list__item-action {
  padding: 0;
  background-color: unset;
  outline: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}
.c-upload-list__item-action:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-upload-list__item-append {
  display: flex;
  align-items: center;
  gap: 8px;
}
.c-upload-list__item-title {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
.c-upload-list__item-subtitle {
  color: #535862;
}
.c-upload-list__versions {
  padding: 0;
  background-color: unset;
  outline: none;
  border: none;
  font-weight: 600;
  cursor: pointer;
}

/*  ========================================================================
    # Components - Usage List
    ========================================================================  */
.c-usage-list {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
@media screen and (min-width: 1024px) {
  .c-usage-list {
    padding: 40px;
  }
}
.c-usage-list__content {
  padding-bottom: 30px;
}
.c-usage-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #E9EAEB;
}
.c-usage-list__item {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid #E9EAEB;
}
.c-usage-list__item-title {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
.c-usage-list__item-subtitle {
  color: #535862;
  flex: 1;
}
.c-usage-list__goto {
  padding: 0;
  background-color: unset;
  outline: none;
  border: none;
  font-weight: 600;
  cursor: pointer;
}

/*  ========================================================================
    # Components - Header
    ========================================================================  */
.c-header {
  width: 100%;
  background-color: #ffffff;
  padding: 0 30px;
  border-bottom: 1px solid #E9EAEB;
}
.c-header__meta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  border-bottom: 1px solid #D5D7DA;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.c-header__wrapper {
  min-height: 100px;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 0;
}
@media screen and (min-width: 768px) {
  .c-header__wrapper {
    align-items: stretch;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1280px) {
  .c-header__wrapper {
    gap: 10px;
    padding: 0;
  }
}
.c-header__logo {
  display: flex;
  align-items: center;
  flex-grow: 1;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .c-header__logo {
    flex-grow: 0;
    width: auto;
    margin-bottom: 0;
  }
}
.c-header__logo img {
  height: 32px;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .c-header__logo img {
    height: 42px;
  }
}
.c-header__nav {
  position: absolute;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  left: 0;
  background-color: #ffffff;
  right: 0;
  border: 1px solid #E9EAEB;
  border-top: none;
  z-index: 10;
}
@media screen and (min-width: 1280px) {
  .c-header__nav {
    position: static;
    flex-direction: row;
    opacity: 1;
    visibility: visible;
    border: none;
  }
}
.c-header__nav--open {
  opacity: 1;
  visibility: visible;
}
.c-header__nav-link {
  display: flex;
  align-items: center;
  padding: 30px;
  border-bottom: 2px solid transparent;
}
@media (prefers-reduced-motion: no-preference) {
  .c-header__nav-link {
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
@media screen and (min-width: 1280px) {
  .c-header__nav-link {
    padding: 30px 15px;
  }
}
@media screen and (min-width: 1440px) {
  .c-header__nav-link {
    padding: 40px 30px;
  }
}
.c-header__nav-link.active {
  border-color: #FF7B0F;
  font-weight: 600;
}
.c-header__controls {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-header__controls {
    justify-content: center;
    width: auto;
  }
}
.c-header__menu-toggle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
  padding: 15px 20px;
  background-color: #ffffff;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #000000;
  border: 1px solid #E9EAEB;
  border-radius: 10px;
  cursor: pointer;
}
@media (prefers-reduced-motion: no-preference) {
  .c-header__menu-toggle {
    transition: background-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
@media screen and (min-width: 1280px) {
  .c-header__menu-toggle {
    display: none !important;
  }
}
.c-header__menu-toggle .icon {
  font-size: 18px;
}
@media (prefers-reduced-motion: no-preference) {
  .c-header__menu-toggle .icon {
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}

.c-hover-container {
  position: relative;
}
.c-hover-container--valid > *:first-child {
  position: absolute;
  bottom: 100%;
  visibility: hidden;
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .c-hover-container--valid > *:first-child {
    transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
.c-hover-container--valid:focus-within > *:first-child, .c-hover-container--valid:hover > *:first-child {
  visibility: visible;
  opacity: 1;
}

/*  ========================================================================
    # Components - Lable
    ========================================================================  */
.c-lable {
  border-radius: 9999px;
  background-color: red;
  color: white;
  padding: 5px 10px;
  font-size: 12px;
}

.c-loading-indicator {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 0;
  width: 100%;
}
.c-loading-indicator__bar {
  position: absolute;
  height: 0;
  width: 100%;
  background: linear-gradient(90deg, color-mix(in srgb, #FF7B0F, white 75%), color-mix(in srgb, #FF7B0F, white 75%), #FF7B0F, color-mix(in srgb, #FF7B0F, white 75%), color-mix(in srgb, #FF7B0F, white 75%));
  background-size: 500% 100%;
  animation: gradient 6s linear infinite;
  transition: height 0.3s ease;
}
.c-loading-indicator--show .c-loading-indicator__bar {
  height: 4px;
}

#components-reconnect-modal {
  display: none !important;
}

body:has(#components-reconnect-modal) .c-loading-indicator__bar {
  height: 4px;
}

@keyframes gradient {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 500% 0;
  }
}
/*  ========================================================================
    # Components - Modal
    ========================================================================  */
.c-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
  background-color: rgba(213, 215, 218, 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
@media (prefers-reduced-motion: no-preference) {
  .c-modal {
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
.c-modal[open] {
  opacity: 1;
  visibility: visible;
}
.c-modal[open] .c-modal__wrapper {
  transform: translateY(0);
}
.c-modal__wrapper {
  padding: 40px;
  background: #ffffff;
  z-index: 10;
  max-width: 940px;
  max-height: calc(100vh - 60px);
  width: 100%;
  margin: 30px;
  overflow: auto;
  border-radius: 20px;
  transform: translateY(50px);
}
@media (prefers-reduced-motion: no-preference) {
  .c-modal__wrapper {
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
.c-modal__content-wrapper {
  overflow: auto;
}
.c-modal__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-right: 40px;
  min-height: 40px;
}
.c-modal__title {
  margin: 0;
}
.c-modal__close {
  position: absolute;
  right: 0;
  top: 5px;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0;
  padding: 5px;
}
.c-modal__close .icon {
  font-size: 18px;
}
.c-modal__close:hover .icon {
  scale: 1.1;
}
.c-modal--small .c-modal__wrapper {
  max-width: 450px;
}
.c-modal--medium .c-modal__wrapper {
  max-width: 650px;
}
.c-modal--large .c-modal__wrapper {
  max-width: 1200px;
}

/*  ========================================================================
    # Components - Page Header
    ========================================================================  */
.c-page-header {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #E9EAEB;
  padding: 20px;
  gap: 40px;
}
@media screen and (min-width: 1024px) {
  .c-page-header {
    padding: 30px 40px;
    gap: 40px;
  }
}
.c-page-header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.c-page-header__append, .c-page-header__prepend {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.c-page-header__back {
  justify-content: start;
}

/*  ========================================================================
    # Components - Pagination
    ========================================================================  */
.c-pagination {
  display: flex;
  justify-content: center;
  padding: 20px;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .c-pagination {
    flex-direction: row;
    padding: 40px;
    gap: 40px;
  }
}
.c-pagination__select {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 10px;
  color: #535862;
}
.c-pagination__select select {
  font-weight: 600;
  padding-block: 8px;
}
.c-pagination__select select:not(:placeholder-shown) {
  border-color: #E9EAEB;
}

/*  ========================================================================
    # Components - Search Input
    ========================================================================  */
.c-search-input {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.c-search-input input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-search-input__append {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: unset;
  border: 1.5px solid #D5D7DA;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-left: none;
  padding: 15px;
  cursor: pointer;
}
.c-search-input__append .icon {
  font-size: 20px;
  line-height: 1;
}

.c-section-call-to-action {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: #FFF8F2;
  border: 1px solid #FF7B0F;
  padding: 35px;
  border-radius: 20px;
}
.c-section-call-to-action > h4, .c-section-call-to-action > p {
  text-align: center;
}
.c-section-call-to-action .c-button {
  align-self: center;
}

.c-section-call-to-action-editor {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.c-section-call-to-action-editor__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: #FFF8F2;
  border: 1px solid #FF7B0F;
  padding: 35px;
  border-radius: 20px;
}
.c-section-call-to-action-editor__wrapper .ql-editor {
  overflow-x: hidden;
}
.c-section-call-to-action-editor__wrapper .ql-editor > p {
  text-align: center;
}
.c-section-call-to-action-editor__wrapper input:not(.c-button) {
  align-self: center;
  text-align: center;
  border: none;
  outline: none;
  color: #535862;
  background-color: transparent;
  width: 100%;
  padding: 0;
}
.c-section-call-to-action-editor__wrapper input:not(.c-button):active, .c-section-call-to-action-editor__wrapper input:not(.c-button):focus {
  border-color: #FF7B0F;
}
.c-section-call-to-action-editor__wrapper input.c-button {
  align-self: center;
  text-align: center;
  cursor: text;
}

.c-section-file-download {
  margin-top: 30px;
  margin-bottom: 30px;
}

.c-section-file-download-editor {
  margin-top: 30px;
  margin-bottom: 30px;
}
.c-section-file-download-editor__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.c-section-file-download-editor__separator {
  color: #D5D7DA;
  font-style: italic;
}

.c-section-image {
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #D5D7DA;
  border-radius: 6px;
  overflow: hidden;
}
.c-section-image img {
  width: 100%;
}

.c-section-image-editor {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.c-section-image-editor__wrapper {
  position: relative;
  background-color: #D5D7DA;
  border-radius: 6px;
  overflow: hidden;
}
.c-section-image-editor__wrapper img {
  width: 100%;
}
.c-section-image-editor__wrapper img:not([src]), .c-section-image-editor__wrapper img[src=""] {
  min-height: 200px;
  opacity: 0;
}
.c-section-image-editor__wrapper input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.c-section-image-editor__wrapper span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 16px;
  cursor: pointer;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.5019607843);
  padding: 10px;
  border-radius: 10px;
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .c-section-image-editor__wrapper span {
    transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
.c-section-image-editor__wrapper img:not([src]) ~ span, .c-section-image-editor__wrapper img[src=""] ~ span, .c-section-image-editor__wrapper:hover span, .c-section-image-editor__wrapper:focus-within span {
  opacity: 1;
}

/*  ========================================================================
    # Components - Sites order folder and item
    ========================================================================  */
.c-sites-order {
  display: flex;
  flex-direction: column;
}
.c-sites-order__folder-handle, .c-sites-order__item-handle {
  font-size: 25px;
  cursor: grab;
  user-select: none;
}
.c-sites-order__folder-handle--immovable, .c-sites-order__item-handle--immovable {
  opacity: 0.25;
  cursor: default;
}
.c-sites-order ul {
  padding: 0 0 0 20px;
  margin: 0;
  list-style: none;
  min-height: 30px;
}
@media screen and (min-width: 768px) {
  .c-sites-order ul {
    padding: 0 0 0 50px;
  }
}
.c-sites-order__action {
  padding: 0;
  background-color: unset;
  outline: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}
.c-sites-order__action:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-sites-order__append {
  display: flex;
  align-items: center;
  gap: 8px;
}
.c-sites-order__title {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
}
.c-sites-order__subtitle {
  flex: 1;
  text-align: end;
  color: #535862;
}
.c-sites-order__item {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid #E9EAEB;
}

.c-spread-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.c-spread-row > * {
  flex: 1;
}

/*  ========================================================================
    # Components - Status Bar
    ========================================================================  */
.c-status-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  padding: 20px;
  background-color: #FAFBFC;
  border-top: 1px solid #E9EAEB;
  border-bottom: 1px solid #E9EAEB;
}
@media screen and (min-width: 768px) {
  .c-status-bar {
    padding: 20px 40px;
  }
}
.c-status-bar__label {
  color: #FF7B0F;
  background-color: #FFF8F2;
  border: 1px solid #FF7B0F;
  font-weight: 600;
  border-radius: 99999px;
  padding: 8px 18px;
}
.c-status-bar__label--submitted {
  background-color: #FF7B0F;
  color: #ffffff;
}
.c-status-bar__content {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

/*  ========================================================================
    # Components - Image Upload
    ========================================================================  */
.c-image-upload {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 20px;
}
@media (prefers-reduced-motion: no-preference) {
  .c-image-upload {
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
.c-image-upload__profile {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FAFBFC;
  border: 1px solid #E9EAEB;
  aspect-ratio: 1/1;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.c-image-upload__profile .icon {
  font-size: 24px;
  line-height: 1;
}
.c-image-upload__profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-image-upload__action {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-grow: 1;
  padding: 15px;
  background-color: #FAFBFC;
  border: 1px dashed #E9EAEB;
  border-radius: 6px;
}
.c-image-upload__action input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.c-image-upload__error {
  position: absolute;
  left: 98px;
  bottom: -25px;
  font-size: 0.875rem;
}
.c-image-upload--error .c-image-upload__profile {
  border-color: #ff0f0f;
}
.c-image-upload--error .c-image-upload__action {
  border-color: #ff0f0f;
}

.c-imprint {
  color: #535862;
  padding-bottom: 20px;
}
.c-imprint ul {
  list-style: none;
  padding-left: 10px;
}
.c-imprint li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.c-imprint strong, .c-imprint b {
  font-weight: 600;
  color: #000000;
}

/*  ========================================================================
    # Components - Table
    ========================================================================  */
.c-table {
  display: flex;
  flex-direction: column;
}
.c-table:not(.c-table--compact) {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .c-table:not(.c-table--compact) {
    padding: 40px;
  }
}
.c-table__item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .c-table__item {
    gap: 10px;
    grid-template-columns: 1fr 3fr;
  }
}
.c-table:not(.c-table--compact) .c-table__item {
  border-bottom: 1px solid #E9EAEB;
}
.c-table__item-header {
  font-weight: 700;
}
.c-table__append {
  display: flex;
  justify-content: flex-end;
  padding: 20px 0;
}

/*  ========================================================================
    # Components - User List
    ========================================================================  */
.c-user-list {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .c-user-list {
    padding: 40px;
  }
}
.c-user-list ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.c-user-list__item {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "actions" "content";
  background-color: #FAFBFC;
  border: 1px solid #E9EAEB;
  border-radius: 6px;
  padding: 15px;
  gap: 15px;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .c-user-list__item {
    grid-template-columns: 1fr auto;
    grid-template-areas: "content actions";
  }
}
.c-user-list__item--inactive {
  cursor: not-allowed;
  opacity: 0.7;
}
.c-user-list__item-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  grid-area: content;
}
.c-user-list__item-name {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (min-width: 768px) {
  .c-user-list__item-name {
    align-items: center;
    flex-direction: row;
  }
}
.c-user-list__item-image {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FAFBFC;
  border: 1px solid #E9EAEB;
  aspect-ratio: 1/1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .c-user-list__item-image {
    width: 70px;
    height: 70px;
  }
}
.c-user-list__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-user-list__item-image .icon {
  font-size: 24px;
  line-height: 1;
}
.c-user-list__item-info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: 20px;
  font-size: 14px;
}
.c-user-list__item-info span:not(:last-child) {
  position: relative;
}
.c-user-list__item-info span:not(:last-child)::after {
  position: absolute;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #535862;
  border-radius: 1px;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
}
.c-user-list__item-actions {
  display: flex;
  justify-content: flex-end;
  grid-area: actions;
}

/*  ========================================================================
    # Components - User Menu
    ========================================================================  */
.c-user-menu {
  position: relative;
  margin: auto 0;
}
.c-user-menu__wrapper {
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  border: 1px solid #E9EAEB;
  border-radius: 10px;
  padding: 10px 15px;
  cursor: pointer;
}
.c-user-menu__image {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FAFBFC;
  border: 1px solid #E9EAEB;
  aspect-ratio: 1/1;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.c-user-menu__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-user-menu__image .icon {
  font-size: 24px;
  line-height: 1;
}
.c-user-menu__name, .c-user-menu__company {
  font-size: 14px;
  color: #000000;
  margin: 0;
}
.c-user-menu__company {
  color: #535862;
  font-size: 11px;
}
.c-user-menu__nav {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #ffffff;
  border: 1px solid #E9EAEB;
  border-top: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-weight: 600;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
@media (prefers-reduced-motion: no-preference) {
  .c-user-menu__nav {
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  }
}
.c-user-menu__nav-item {
  padding: 10px 15px;
}
.c-user-menu__separator {
  height: 1px;
  background-color: #E9EAEB;
  margin: 5px 0;
}
.c-user-menu.open .c-user-menu__wrapper {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.c-user-menu.open .c-user-menu__nav {
  opacity: 1;
  visibility: visible;
}

.p-admin-partner-edit__section {
  display: flex;
  flex-direction: column;
}
.p-admin-partner-edit__section-header {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
  padding: 20px 20px 0;
}
.p-admin-partner-edit__section-header .c-button {
  align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .p-admin-partner-edit__section-header .c-button {
    align-self: center;
  }
}
@media screen and (min-width: 768px) {
  .p-admin-partner-edit__section-header {
    flex-direction: row;
    padding: 40px 40px 0;
  }
}
.p-admin-partner-edit__section-description {
  padding: 20px 20px 0;
}
@media screen and (min-width: 768px) {
  .p-admin-partner-edit__section-description {
    padding: 40px 40px 0;
  }
}

/*  ========================================================================
    # Pages - Admin sites
    ========================================================================  */
.p-sites__main-list {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
@media screen and (min-width: 1024px) {
  .p-sites__main-list {
    padding: 40px;
  }
}
.p-sites__main-list__reorderable {
  display: flex;
  flex-direction: column;
}

.p-admin-user-edit__section {
  display: flex;
  flex-direction: column;
}
.p-admin-user-edit__section-header {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
  padding: 20px 20px 0;
}
.p-admin-user-edit__section-header .c-button {
  align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .p-admin-user-edit__section-header .c-button {
    align-self: center;
  }
}
@media screen and (min-width: 768px) {
  .p-admin-user-edit__section-header {
    flex-direction: row;
    padding: 40px 40px 0;
  }
}
.p-admin-user-edit__section-description {
  padding: 20px 20px 0;
}
@media screen and (min-width: 768px) {
  .p-admin-user-edit__section-description {
    padding: 40px 40px 0;
  }
}

.p-users__section {
  display: flex;
  flex-direction: column;
}
.p-users__section-header {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
  padding: 20px;
}
.p-users__section-header .c-button {
  align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .p-users__section-header .c-button {
    align-self: center;
  }
}
.p-users__section-header:first-child {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-users__section-header {
    flex-direction: row;
    padding: 40px;
  }
}
.p-users__controls {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  padding-top: 20px;
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-users__controls {
    padding-top: 40px;
    padding-inline: 40px;
  }
}
.p-users__controls .c-search-input, .p-users__controls .c-search-input > input {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-users__controls .c-search-input, .p-users__controls .c-search-input > input {
    width: auto;
  }
}
.p-users__filter {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-users__filter {
    max-width: 300px;
  }
}

/*  ========================================================================
    # Pages - Account
    ========================================================================  */
.p-account__section {
  display: flex;
  flex-direction: column;
}
.p-account__section-header {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
  padding: 20px;
}
.p-account__section-header .c-button {
  align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .p-account__section-header .c-button {
    align-self: center;
  }
}
.p-account__section-header:first-child {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-account__section-header {
    flex-direction: row;
    padding: 40px;
  }
}
.p-account__2fas {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .p-account__2fas {
    padding: 40px;
  }
}
.p-account__2fa {
  display: grid;
  grid-template-columns: 1fr 50px;
  align-items: center;
  gap: 15px;
  background-color: #FAFBFC;
  border: 1px solid #E9EAEB;
  border-radius: 6px;
  padding: 15px;
}
.p-account__2fa:not(:last-child) {
  margin-bottom: 10px;
}
.p-account__2fa__info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
.p-account__2fa__info span {
  position: relative;
}
.p-account__2fa__info span:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  border-radius: 1px;
  width: 4px;
  height: 4px;
  background-color: #535862;
}

/*  ========================================================================
    # Pages - Article
    ========================================================================  */
.p-article__content {
  padding-top: 5px;
}
.p-article__content > img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .p-article__content > .wysiwyg-block {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .p-article__content > .wysiwyg-block {
    padding-left: 150px;
    padding-right: 150px;
  }
}
.p-article__by-line {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 24px;
  font-size: 14px;
  color: #FF7B0F;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p-article__by-line {
    margin-bottom: 30px;
  }
}
.p-article__by-line > *:not(:last-child) {
  position: relative;
}
.p-article__by-line > *:not(:last-child)::after {
  position: absolute;
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #FF7B0F;
  border-radius: 1px;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}

/*  ========================================================================
    # Pages - Articles
    ========================================================================  */
.p-articles__bar {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 20px;
  background-color: #FAFBFC;
  border-bottom: 1px solid #E9EAEB;
}
@media screen and (min-width: 768px) {
  .p-articles__bar {
    padding: 20px 40px;
  }
}
.p-articles__list {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .p-articles__list {
    padding: 40px;
  }
}
.p-articles__list:not(:last-child) {
  border-bottom: 1px solid #E9EAEB;
}
.p-articles__list > *:not(:last-child) {
  border-bottom: 1px solid #E9EAEB;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p-articles__list > *:not(:last-child) {
    padding-bottom: 40px;
  }
}
.p-articles__list > *:not(:first-child) {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .p-articles__list > *:not(:first-child) {
    padding-top: 40px;
  }
}

/*  ========================================================================
    # Pages - auth
    ========================================================================  */
.p-auth {
  display: grid;
  grid-template-columns: 1fr;
  background-color: #ffffff;
  min-height: 100vh;
  margin-bottom: -20px;
}
@media screen and (min-width: 1024px) {
  .p-auth {
    grid-template-columns: 1fr 1fr;
  }
}
.p-auth--subpage-open .p-auth__content {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
}
.p-auth__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  padding: 40px;
}
@media screen and (min-width: 768px) {
  .p-auth__content {
    padding: 20px 100px;
  }
}
@media screen and (min-width: 1024px) {
  .p-auth__content {
    gap: 80px;
    padding: 40px;
    max-width: 680px;
    margin: 0 auto;
  }
}
.p-auth__logo {
  width: 200px;
  height: auto;
}
.p-auth__action {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.p-auth__dialog {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 20px;
  z-index: 10;
  max-width: 600px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-auth__dialog {
    padding: 40px;
  }
}
.p-auth__dialog--hidden {
  display: none;
}
.p-auth__2fa-setup {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
}
.p-auth__2fa-setup > div {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.p-auth__2fa-setup > svg {
  height: 100%;
  aspect-ratio: 1/1;
  min-width: 150px;
  max-height: 250px;
}
@media screen and (min-width: 1280px) {
  .p-auth__2fa-setup {
    flex-direction: row;
  }
}
.p-auth__code {
  background-color: #E9EAEB;
  border: 1px solid #D5D7DA;
  border-radius: 6px;
  padding: 10px;
  width: 100%;
}
.p-auth__code .recovery-codes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  text-align: center;
  padding: 20px;
}
.p-auth__background-image {
  position: absolute;
  inset: 0;
}
.p-auth__background-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-auth__meta-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
  border-top: 1px solid #E9EAEB;
  color: #535862;
  padding-top: 20px;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .p-auth__meta-nav {
    gap: 40px;
  }
}

/*  ========================================================================
    # Pages - General purpose
    ========================================================================  */
.p-general__bar {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 20px;
  background-color: #FAFBFC;
  border-bottom: 1px solid #E9EAEB;
}
@media screen and (min-width: 768px) {
  .p-general__bar {
    padding: 20px 40px;
  }
}
.p-general__controls {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
  gap: 20px;
  padding-top: 20px;
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-general__controls {
    padding-top: 40px;
    padding-inline: 40px;
  }
}
.p-general__controls .c-search-input, .p-general__controls .c-search-input > input {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-general__controls .c-search-input, .p-general__controls .c-search-input > input {
    width: auto;
  }
}
.p-general__sort {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-general__sort {
    max-width: 300px;
  }
}

/*  ========================================================================
    # Pages - Opportunities
    ========================================================================  */
.p-opportunities__info-box {
  padding: 30px;
}
.p-opportunities__controls {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
  gap: 20px;
  padding-top: 20px;
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-opportunities__controls {
    padding-top: 40px;
    padding-inline: 40px;
  }
}
.p-opportunities__controls .c-search-input, .p-opportunities__controls .c-search-input > input {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-opportunities__controls .c-search-input, .p-opportunities__controls .c-search-input > input {
    width: auto;
  }
}
.p-opportunities__sort {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-opportunities__sort {
    max-width: 300px;
  }
}

/*  ========================================================================
    # Pages - Order
    ========================================================================  */
/*  ========================================================================
    # Pages - Orders
    ========================================================================  */
.p-orders__info-box {
  padding: 30px;
}
.p-orders__controls {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
  gap: 20px;
  padding-top: 20px;
  padding-inline: 20px;
}
@media screen and (min-width: 768px) {
  .p-orders__controls {
    padding-top: 40px;
    padding-inline: 40px;
  }
}
.p-orders__controls .c-search-input, .p-orders__controls .c-search-input > input {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-orders__controls .c-search-input, .p-orders__controls .c-search-input > input {
    width: auto;
  }
}
.p-orders__sort {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-orders__sort {
    max-width: 300px;
  }
}

/*  ========================================================================
    # Pages - Registration
    ========================================================================  */
.p-registration__wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .p-registration__wrapper {
    padding: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .p-registration__wrapper {
    gap: 60px;
  }
}
.p-registration__section {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.p-registration__section:not(:first-child) {
  padding-top: 0;
}
.p-registration__actions {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 30px;
}
@media screen and (min-width: 768px) {
  .p-registration__actions {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 768px) {
  .p-registration__actions .c-button:first-child {
    justify-self: start;
  }
}
.p-registration__actions .c-button:last-child {
  order: -1;
}
@media screen and (min-width: 768px) {
  .p-registration__actions .c-button:last-child {
    justify-self: end;
    order: 0;
  }
}

/*  ========================================================================
    # Pages - Site
    ========================================================================  */
/*  ========================================================================
    # Pages - Sites
    ========================================================================  */
.p-site-nav {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.p-site-nav__nav {
  display: flex;
  flex-direction: column;
}
.p-site-nav__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 20px 0;
  border-bottom: 1px solid #E9EAEB;
}
.p-site-nav__item.grayed {
  color: #D5D7DA;
}
.p-site-nav__item.active {
  border-color: #FF7B0F;
  border-bottom-width: 2px;
  font-weight: 500;
}

/*# sourceMappingURL=main.min.css.map */