/* Greens */
/* Neutrals */
/* Specialist Colors */
/* Aliases */
/* Fonts */
/* Sizes */
.theme-tower2024 {
  --ss-primary-color: #4F6306;
}
.theme-tower2024 label {
  font-weight: normal;
}
.theme-tower2024 form, .theme-tower2024 .form {
  font-family: "Geologica", sans-serif;
}
.theme-tower2024 form .form__body, .theme-tower2024 .form .form__body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
.theme-tower2024 form .form__footer, .theme-tower2024 .form .form__footer {
  margin-top: 24px;
}
.theme-tower2024 form label, .theme-tower2024 .form label {
  cursor: pointer;
}
.theme-tower2024 form .form_field, .theme-tower2024 .form .form_field {
  display: flex;
  flex-direction: column;
}
.theme-tower2024 form select:not(select[multiple]),
.theme-tower2024 form input:not([type=hidden]), .theme-tower2024 .form select:not(select[multiple]),
.theme-tower2024 .form input:not([type=hidden]) {
  padding: 6px 12px;
  border-radius: 20px;
  border: none;
  width: 100%;
  background: #fff;
  font-family: "Geologica", sans-serif;
  border: 1px solid rgb(150, 150, 150);
}
.theme-tower2024 form input + label, .theme-tower2024 form .select_wrapper + label, .theme-tower2024 .form input + label, .theme-tower2024 .form .select_wrapper + label {
  padding: 4px 12px;
}
.theme-tower2024 form label, .theme-tower2024 .form label {
  font-size: 10px;
  line-height: 1.25;
}
.theme-tower2024 form label.required::after, .theme-tower2024 .form label.required::after {
  content: "*";
  margin-left: 0.5em;
}
.theme-tower2024 form .select_wrapper, .theme-tower2024 .form .select_wrapper {
  position: relative;
}
.theme-tower2024 form .select_wrapper select, .theme-tower2024 .form .select_wrapper select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.theme-tower2024 form .select_wrapper::after, .theme-tower2024 .form .select_wrapper::after {
  content: "";
  width: 10px;
  position: absolute;
  right: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid black;
  top: 50%;
  transform: translateY(-50%);
}
.theme-tower2024 form .radio-fields, .theme-tower2024 form .checkbox-fields, .theme-tower2024 .form .radio-fields, .theme-tower2024 .form .checkbox-fields {
  gap: 8px;
}
.theme-tower2024 form .checkbox_wrap, .theme-tower2024 form .radio_wrap, .theme-tower2024 .form .checkbox_wrap, .theme-tower2024 .form .radio_wrap {
  display: inline-flex;
  flex-direction: row;
}
.theme-tower2024 form .checkbox_wrap label, .theme-tower2024 form .radio_wrap label, .theme-tower2024 .form .checkbox_wrap label, .theme-tower2024 .form .radio_wrap label {
  display: inline-flex;
  align-items: center;
  padding: 6px 20px 6px 8px;
  font-size: 12px;
  border-radius: 20px;
}
.theme-tower2024 form .checkbox_wrap input[type=checkbox], .theme-tower2024 form .radio_wrap input[type=checkbox], .theme-tower2024 .form .checkbox_wrap input[type=checkbox], .theme-tower2024 .form .radio_wrap input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid rgb(150, 150, 150);
  background: #efeff1;
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  margin-right: 8px;
  position: relative;
  padding: 0 !important;
}
.theme-tower2024 form .checkbox_wrap input[type=checkbox]::before, .theme-tower2024 form .radio_wrap input[type=checkbox]::before, .theme-tower2024 .form .checkbox_wrap input[type=checkbox]::before, .theme-tower2024 .form .radio_wrap input[type=checkbox]::before {
  position: absolute;
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  aspect-ratio: 1/1;
  background: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .theme-tower2024 form .checkbox_wrap input[type=checkbox]::before, .theme-tower2024 form .radio_wrap input[type=checkbox]::before, .theme-tower2024 .form .checkbox_wrap input[type=checkbox]::before, .theme-tower2024 .form .radio_wrap input[type=checkbox]::before {
    transition: background-color 0.25s 0s linear;
  }
}
.theme-tower2024 form .checkbox_wrap input[type=checkbox]:checked::before, .theme-tower2024 form .radio_wrap input[type=checkbox]:checked::before, .theme-tower2024 .form .checkbox_wrap input[type=checkbox]:checked::before, .theme-tower2024 .form .radio_wrap input[type=checkbox]:checked::before {
  background-color: #c3da6e;
}
.theme-tower2024 form .checkbox_wrap input[type=checkbox]:focus + span, .theme-tower2024 form .radio_wrap input[type=checkbox]:focus + span, .theme-tower2024 .form .checkbox_wrap input[type=checkbox]:focus + span, .theme-tower2024 .form .radio_wrap input[type=checkbox]:focus + span {
  outline: none;
}
.theme-tower2024 form .checkbox_wrap input[type=checkbox] + span::before, .theme-tower2024 form .radio_wrap input[type=checkbox] + span::before, .theme-tower2024 .form .checkbox_wrap input[type=checkbox] + span::before, .theme-tower2024 .form .radio_wrap input[type=checkbox] + span::before {
  content: unset;
}
.theme-tower2024 .ck-editor__editable {
  min-height: 10ch;
}
.theme-tower2024 .ss-main {
  border-radius: 20px;
  padding: 8px;
  font-size: 12px;
  --ss-border-color: rgba(150, 150, 150, 0.5);
  --ss-font-color: var(--color-font);
}
.theme-tower2024 .ss-main .ss-arrow {
  display: none;
}
.theme-tower2024 .ss-content .ss-optgroup-label, .theme-tower2024 .ss-content .ss-option {
  font-size: 12px;
}
.theme-tower2024 .button-container {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.theme-tower2024 .button-container.align-right {
  justify-content: flex-end;
}
html, body {
  margin: 0;
  padding: 0;
  background: #fff;
}

body.theme-tower2024 {
  color: var(--color-font);
  font-size: 15px;
  font-family: "Geologica", sans-serif !important;
  font-weight: 300;
  --color-primary: #c3da6e;
  --color-secondary: #4F6306;
  --color-font: #0a0a0a;
  box-sizing: border-box;
}
body.theme-tower2024 *, body.theme-tower2024 *::before, body.theme-tower2024 *::after {
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body.theme-tower2024 svg {
  display: inline-block;
  width: 100%;
}
body.theme-tower2024 .rounded {
  border-radius: 20px;
}
body.theme-tower2024 .full-width {
  width: 100%;
}
body.theme-tower2024 h1, body.theme-tower2024 h2, body.theme-tower2024 h3, body.theme-tower2024 h4, body.theme-tower2024 h5, body.theme-tower2024 h6 {
  margin: 0;
  font-weight: 200;
  font-family: "Geologica", sans-serif !important;
}
body.theme-tower2024 .wrap {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
}
@container style(display:grid) {
  body.theme-tower2024 .double-wide {
    grid-column: span 2;
  }
}
body.theme-tower2024 nav.paginator ul.pagination {
  font-size: 15px;
  display: inline-flex;
  list-style: none;
  gap: 10px;
  margin: 0;
  padding: 0;
}
body.theme-tower2024 nav.paginator ul.pagination li {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
body.theme-tower2024 nav.paginator ul.pagination li.disabled .pagination-arrow {
  opacity: 0.36;
}
body.theme-tower2024 nav.paginator ul.pagination li a {
  text-decoration: none;
  color: #0a0a0a;
}
body.theme-tower2024 nav.paginator ul.pagination li.active span {
  opacity: 0.36;
  color: var(--color-font);
}
body.theme-tower2024 nav.paginator .pagination-arrow {
  display: block;
}
body.theme-tower2024 nav.paginator .pagination-arrow--previous {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 11.196px solid #000;
}
body.theme-tower2024 nav.paginator .pagination-arrow--next {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 11.196px solid #000;
}
body.theme-tower2024 .invisible {
  visibility: hidden;
}
body.theme-tower2024 .icon-wrap {
  max-width: 32px;
  display: inline-flex;
}

.display-grid {
  display: grid;
}
.display-grid.two-col {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.display-grid .block.block--double {
  grid-column: span 2;
}

.heading-wrap {
  display: flex;
  align-items: center;
  gap: 24px;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

body.theme-tower2024 button:hover {
  cursor: pointer;
}
body.theme-tower2024 .button {
  --color: #404040;
  --color-text: #fff;
  transition: all 0.25s ease-out;
  border-radius: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 6px 12px;
  min-height: 32px;
  display: inline-flex;
  gap: 3px;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
  color: var(--color-text);
  font-family: "Geologica", sans-serif;
  background-color: var(--color);
  border: 1px solid var(--color);
}
body.theme-tower2024 .button:hover {
  background-color: #0a0a0a;
  cursor: pointer;
}
body.theme-tower2024 .button--primary, body.theme-tower2024 .button.primary {
  --color: #c3da6e;
  color: #0a0a0a;
}
body.theme-tower2024 .button--primary:hover, body.theme-tower2024 .button.primary:hover {
  color: #fff;
}
body.theme-tower2024 .button--secondary {
  --color: #fff;
  color: #0a0a0a;
}
body.theme-tower2024 .button--secondary:hover {
  color: #fff;
}
body.theme-tower2024 .button--plain {
  --color-text: #0a0a0a;
  border: none;
  background-color: transparent;
  font-weight: bold;
}
body.theme-tower2024 .button--plain:hover {
  background-color: #c3da6e;
}
body.theme-tower2024 .button.button--hollow {
  background-color: transparent;
  border: 1px solid var(--color);
  color: var(--color);
}
body.theme-tower2024 .button.button--hollow:hover {
  background-color: var(--color);
  color: #fff;
}
body.theme-tower2024 .button.button--hollow.dangerous {
  color: #BA2B2B;
}
body.theme-tower2024 .button.button--hollow.dangerous:hover {
  background-color: var(--color);
  color: white;
}
body.theme-tower2024 .button.icon-only {
  border: none;
  padding: 5px;
  background: none;
  color: var(--color);
  aspect-ratio: 1;
}
body.theme-tower2024 .button.icon-only > i {
  pointer-events: none;
}
body.theme-tower2024 .button--borderless {
  border: none !important;
}
body.theme-tower2024 .button.dangerous {
  --color: #FFAFAF;
  color: #0a0a0a;
}
body.theme-tower2024 .button.dangerous:hover {
  background-color: #fff;
  color: var(--color);
}
body.theme-tower2024 .button--squared {
  border-radius: 0;
}

.theme-tower2024 header {
  font-family: "Geologica", sans-serif !important;
  background: #0a0a0a;
  color: #fff;
}
.theme-tower2024 header a.site_name {
  text-decoration: none;
}
.theme-tower2024 header .header__inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 110px 0 14px;
  position: relative;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .theme-tower2024 header .header__inner {
    transition: all 0.25s 0s linear;
  }
}
@media (max-width: 820px) {
  .theme-tower2024 header .header__inner {
    padding-top: 20px;
  }
}
@media (max-width: 820px) {
  .theme-tower2024 header .header__inner span.site_name {
    display: none;
  }
  .theme-tower2024 header .header__inner .salutation {
    display: none;
  }
  .theme-tower2024 header .header__inner .icon-wrap--browser {
    display: none !important;
  }
}
.theme-tower2024 header .header__inner .header__left {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
}
.theme-tower2024 header .header__inner .header__right {
  display: flex;
  margin-left: auto;
  align-items: center;
}
.theme-tower2024 header .header__inner .header__right .salutation {
  letter-spacing: 2.2px;
  text-transform: uppercase;
}
.theme-tower2024 header .header__inner .header__right .icon-wrap {
  display: flex;
  margin-left: 1em;
}
.theme-tower2024 header .header__inner .header__right .icon-wrap svg {
  max-width: 32px;
  padding: 4px;
}
.theme-tower2024 header .header__inner::after {
  border-bottom: 1px solid #1f1f1f;
  content: "";
  width: 100%;
}
.theme-tower2024 header .header__mobile {
  display: none;
}
@media (max-width: 820px) {
  .theme-tower2024 header .header__mobile {
    display: flex;
  }
}
.theme-tower2024 header .header__mobile--toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  z-index: 11;
  top: 0;
  right: 0;
  display: flex;
  gap: 4px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #404040;
  border-radius: 0 0 15px 15px;
  border: none;
  width: 40px;
  height: 36px;
}
.theme-tower2024 header .header__mobile--toggle::before, .theme-tower2024 header .header__mobile--toggle::after {
  content: "";
  display: block;
  width: 12px;
  height: 1px;
  background-color: white;
}
.theme-tower2024 header .header__mobile--toggle span {
  display: block;
  width: 12px;
  height: 1px;
  background-color: white;
}
.theme-tower2024 .site-header .logo {
  display: inline-block;
}
.theme-tower2024 .site-header .logo svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 150px;
  max-height: 26px;
}
.theme-tower2024 .site-header .site_name {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 2.2px;
}
.theme-tower2024 .site-header .site_name::before {
  content: "";
  border-left: 1px solid #313131;
  margin-left: 1em;
  margin-right: 1em;
}
.theme-tower2024 .header__sub {
  display: flex;
  padding-bottom: 1em;
}
.theme-tower2024 .header__sub .button-container {
  display: flex;
  gap: 12px;
  margin-left: auto;
}
.theme-tower2024 .header__sub .button-container .button {
  font-weight: normal;
  font-size: 0.75rem;
  padding: 3px 12px;
}

.theme-tower2024 footer.site-footer {
  background-color: #0a0a0a;
  color: white;
  padding: 60px 0;
}
.theme-tower2024 footer.site-footer .footer__inner {
  padding-top: 20px;
  border-top: 1px solid #313131;
}
.theme-tower2024 footer.site-footer .footer__bottom--top {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0 0 24px;
}
@media screen and (max-width: 768px) {
  .theme-tower2024 footer.site-footer .footer__bottom--top {
    flex-direction: column;
  }
}
.theme-tower2024 footer.site-footer .footer__bottom--bottom {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .theme-tower2024 footer.site-footer .footer__bottom--bottom {
    flex-direction: column;
  }
}
.theme-tower2024 footer.site-footer .footer__bottom--nav {
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
  .theme-tower2024 footer.site-footer .footer__bottom--nav {
    grid-row-gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
  }
}
@media screen and (max-width: 500px) {
  .theme-tower2024 footer.site-footer .footer__bottom--nav {
    display: none;
  }
}
.theme-tower2024 footer.site-footer .footer__bottom--nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 640px) {
  .theme-tower2024 footer.site-footer .footer__bottom--nav ul {
    grid-row-gap: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.theme-tower2024 footer.site-footer .footer__bottom--nav ul li {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}
.theme-tower2024 footer.site-footer .footer__bottom--nav ul li a {
  color: white;
  text-decoration: none;
}
.theme-tower2024 footer.site-footer .footer__bottom--nav ul li a:hover {
  text-decoration: underline;
}
.theme-tower2024 footer.site-footer .footer__bottom--nav .button {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  min-height: 20px;
  padding: 0 12px;
  background-color: #c3da6e;
  border-color: #c3da6e;
  color: #0a0a0a;
}
.theme-tower2024 footer.site-footer .footer__bottom--nav .button:hover {
  background-color: transparent;
  color: #c3da6e;
}
.theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul {
    justify-content: center;
    margin: 0 auto;
  }
}
.theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul.contact {
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  .theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul.contact {
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 500px) {
  .theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul.contact {
    gap: 10px;
    flex-direction: column;
  }
}
@media screen and (max-width: 500px) {
  .theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul.contact li:after {
    content: none;
  }
}
.theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul.contact li.phone a {
  color: #c3da6e;
  font-weight: 500;
}
.theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul.contact li.address a {
  color: white;
  font-weight: 400;
}
.theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul li {
  font-size: 12px;
  line-height: 15px;
}
.theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul li:last-of-type:after {
  content: none;
}
.theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul li:after {
  content: "|";
  margin: 0 10px;
}
.theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul li a {
  color: inherit;
  text-decoration: none;
}
.theme-tower2024 footer.site-footer .footer__bottom--contact-copyright ul li a:hover {
  text-decoration: underline;
}
.theme-tower2024 footer.site-footer .footer__bottom--social {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
  .theme-tower2024 footer.site-footer .footer__bottom--social {
    margin: 0 auto;
  }
}
.theme-tower2024 footer.site-footer .footer__bottom--social ul {
  list-style: none;
  display: flex;
  gap: 16px;
  align-items: flex-end;
  padding: 0;
  margin: 0;
}
.theme-tower2024 footer.site-footer .footer__bottom--social ul li a svg {
  display: block;
  fill: white;
  width: 100%;
  height: 100%;
  max-width: 28px;
  max-height: 28px;
}

.theme-tower2024 .alerts {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}
@media (max-width: 768px) {
  .theme-tower2024 .alerts {
    margin-top: 1em !important;
  }
}
.theme-tower2024 .alerts .alert {
  background-color: #EDF0EE;
  border-radius: 20px;
  color: #0a0a0a;
  display: flex;
  gap: 20px;
  padding: 13px 16px;
  align-items: center;
  margin-bottom: 16px;
}
.theme-tower2024 .alerts .alert--error .alert__icon {
  background-color: #FFAFAF;
}
.theme-tower2024 .alerts .alert--success .alert__icon {
  background-color: #c3da6e;
}
.theme-tower2024 .alerts .alert:last-of-type {
  margin-bottom: 0;
}
.theme-tower2024 .alerts .alert__icon {
  max-width: 42px;
  width: 100%;
  padding: 6px;
  aspect-ratio: 1/1;
  font-size: 22px;
  line-height: 1;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-tower2024 .alerts .alert__icon i {
  font-size: 22px;
}
.theme-tower2024 .alerts .alert__text {
  margin: 0;
}
body.theme-tower2024 nav {
  margin-top: 18px;
  margin-bottom: 18px;
}
body.theme-tower2024 nav a, body.theme-tower2024 nav span {
  color: #0a0a0a;
  text-decoration: none;
  line-height: 1;
  font-weight: normal;
}
body.theme-tower2024 nav .menu.menu--primary {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
body.theme-tower2024 nav .menu.menu--primary > li {
  text-align: center;
}
body.theme-tower2024 nav .nav-item {
  text-align: left;
  border-radius: 20px;
}
body.theme-tower2024 nav .nav-item:hover {
  background-color: #EDF0EE;
  z-index: 10;
}
body.theme-tower2024 nav .nav-item.nav-item--action {
  margin-left: auto;
}
@media screen and (prefers-reduced-motion: no-preference) {
  body.theme-tower2024 nav .nav-item.nav-item--action {
    transition: background-color 0.25s 0s linear;
  }
}
body.theme-tower2024 nav .nav-item.nav-item--action:hover {
  background-color: #c3da6e;
  color: #0a0a0a;
}
body.theme-tower2024 nav .nav-item.nav-item--action:hover .nav-item__link {
  color: currentColor;
}
body.theme-tower2024 nav .nav-item__link {
  cursor: pointer;
  display: block;
}
body.theme-tower2024 nav .nav-item__link--action {
  font-weight: bold;
}
body.theme-tower2024 nav .nav-item--has-children {
  border-radius: 20px 20px 0 0;
  position: relative;
  z-index: 1;
}
body.theme-tower2024 nav .nav-item--has-children:hover {
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.25));
}
body.theme-tower2024 nav .nav-item--has-children:hover > .nav-item__link {
  position: relative;
}
body.theme-tower2024 nav .nav-item--has-children:hover > .nav-item__link::after {
  content: "";
  border-top: 2px dashed rgba(150, 150, 150, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  display: block;
  right: 0;
  max-width: calc(100% - 40px);
}
body.theme-tower2024 nav .nav-item--has-children:hover > .sub-menu {
  display: block;
}
body.theme-tower2024 nav .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.theme-tower2024 nav .menu:not(.sub-menu) > .nav-item > .nav-item__link {
  padding: 20px;
  display: block;
}
body.theme-tower2024 nav .menu .nav-item {
  font-size: 16px;
  position: relative;
}
body.theme-tower2024 nav .menu .nav-item .nav-item__link {
  display: block;
}
body.theme-tower2024 nav .menu.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  min-width: 200px;
  border-radius: 0 20px 20px 20px;
  z-index: 10;
  padding: 18px 20px;
  background-color: #EDF0EE;
}
body.theme-tower2024 nav .menu.sub-menu li {
  margin-top: 7px;
  margin-bottom: 7px;
}
body.theme-tower2024 nav .menu.sub-menu li a:hover {
  text-decoration: underline;
}
body.theme-tower2024.frontend nav {
  margin: 0;
}
body.theme-tower2024.frontend .nav-item--button {
  display: flex;
  align-self: center;
  margin-left: auto;
}
body.theme-tower2024.admin nav#primary-navigation .wrap {
  display: flex;
}
body.theme-tower2024.admin nav#primary-navigation .wrap .menu--primary {
  flex: 1;
  display: inline-flex;
  justify-content: space-evenly;
}
body.theme-tower2024.admin nav#primary-navigation .wrap .buttons {
  display: inline-flex;
  align-items: center;
}
body.theme-tower2024.admin nav#primary-navigation .wrap .buttons .button {
  font-size: 16px;
}
@media (max-width: 820px) {
  body.theme-tower2024 #primary-navigation {
    display: none;
  }
}
body.theme-tower2024 .mobile__nav {
  color: #fff;
  position: relative;
  z-index: 10;
}
body.theme-tower2024 .mobile__nav.is-visible .mobile-menu {
  right: 0;
}
body.theme-tower2024 .mobile__nav .mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  display: flex;
  flex-direction: column;
  padding: 40px;
  width: clamp(300px, 33vw, 500px);
  height: 100%;
  border-radius: 15px 0 0 15px;
  background-color: rgba(10, 10, 10, 0.6);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  transition: all 0.3s ease-in-out;
}
body.theme-tower2024 .mobile__nav .mobile-menu .buttons {
  margin-top: auto;
}
body.theme-tower2024 .mobile__nav .mobile-menu .buttons .button {
  width: 100%;
}
body.theme-tower2024 .mobile__nav .mobile-menu .menu > .nav-item {
  margin-left: 0;
}
body.theme-tower2024 .mobile__nav .mobile-menu .menu > .nav-item:hover {
  background-color: transparent !important;
}
body.theme-tower2024 .mobile__nav .mobile-menu .menu > .nav-item > .nav-item__link {
  color: #fff;
  display: block;
  font-size: 28px;
  line-height: 35px;
  font-weight: 100;
  text-decoration: none;
  padding: 5px 0 !important;
}
body.theme-tower2024 .mobile__nav .mobile-menu .menu > .nav-item > .nav-item__link:hover {
  color: #c3da6e !important;
}
body.theme-tower2024 .mobile__nav .mobile-menu .menu > .nav-item--button {
  width: 100%;
}
body.theme-tower2024 .mobile__nav .mobile-menu .menu > .nav-item--button:first-of-type {
  margin-top: auto;
}
body.theme-tower2024.admin .mobile__nav .sub-menu {
  background-color: transparent;
  padding: 0 0 0 1ex;
}
body.theme-tower2024.admin .mobile__nav .sub-menu .nav-item {
  margin: 0;
}
body.theme-tower2024.admin .mobile__nav .sub-menu .nav-item .nav-item__link {
  font-size: 14px;
  line-height: 1.2;
}
body.theme-tower2024.admin .mobile__nav .nav-item--has-children > .nav-item__link::after {
  content: unset;
}
body.theme-tower2024.admin .mobile__nav .nav-item--has-children > .nav-item__link--text-only {
  padding: 5px 0;
  color: #fff;
  font-size: 16px;
}
body.theme-tower2024.admin .mobile__nav .nav-item--has-children > ul.sub-menu {
  transition: height 0.2s linear;
  position: relative;
  max-height: 0;
  overflow: hidden;
  display: block;
  background-color: transparent;
}
@media screen and (prefers-reduced-motion: no-preference) {
  body.theme-tower2024.admin .mobile__nav .nav-item--has-children > ul.sub-menu {
    transition: max-height 0.25s 0s linear;
  }
}
body.theme-tower2024.admin .mobile__nav .nav-item.is--open > ul.sub-menu {
  max-height: 300px !important;
}

.theme-tower2024 table.grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
}
.theme-tower2024 table.grid thead, .theme-tower2024 table.grid tbody, .theme-tower2024 table.grid tfoot, .theme-tower2024 table.grid tr {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}
.theme-tower2024 table.grid thead {
  --border-style: solid;
  --border-width: 1px;
}
.theme-tower2024 table.grid tbody {
  --border-style: dashed;
  --border-width: 2px;
}
.theme-tower2024 table.grid tfoot tr:only-of-type {
  border-bottom: none;
}
.theme-tower2024 table.grid tr {
  --border-style: dashed;
  --border-width: 2px;
  align-items: flex-start;
  border-bottom: var(--border-width, 2px) var(--border-style, dashed) rgba(150, 150, 150, 0.5);
}

#login-alerts {
  padding-bottom: 18px;
}
#login-alerts .alerts {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
}
#login-alerts .alerts .alert {
  display: grid;
  grid-template-columns: 32px auto;
  gap: 26px;
  background: #1f1f1f;
  color: #fff;
  align-items: center;
  padding: 12px 16px;
  font-size: 17px;
  line-height: 28px;
}
#login-alerts .alerts .alert .icon-wrap {
  padding: 10px;
  background: #c3da6e;
  border-radius: 100%;
  width: 42px;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#login-alerts .alerts .alert .icon-wrap svg {
  display: block;
  height: 100%;
}
#login-alerts .alerts .alert.alert--error {
  background: #1F1F1F;
  color: #efeff1;
}
#login-alerts .alerts .alert.alert--error .icon-wrap {
  max-width: 42px;
  background-color: #FFAFAF;
}
#login-alerts .alerts .alert.alert--error .icon-wrap svg path {
  fill: #0a0a0a;
}

main {
  padding-bottom: 42px;
}

body.login {
  min-height: 100vh;
  background-color: #0a0a0a;
}
body.login main {
  background: #0a0a0a;
  padding-top: 18px;
  padding-bottom: 18px;
}
body.login .login-container__inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
body.login .login-container a:not(.button) {
  color: #c3da6e;
}
@media screen and (prefers-reduced-motion: no-preference) {
  body.login .login-container a:not(.button) {
    transition: color 0.25s 0s linear;
  }
}
body.login .login-container a:not(.button):hover {
  color: #4F6306;
}
body.login .login-container .form-container {
  color: #fff;
}
body.login .login-container .form-container__left {
  grid-column: span 6;
  padding-right: 16.6666666667%;
}
@media (max-width: 820px) {
  body.login .login-container .form-container__left {
    grid-column: span 12;
    padding-right: 0;
  }
}
body.login .login-container .form-container__left h1 {
  font-size: clamp(56px, 10vw, 113px);
  font-weight: bold;
  line-height: 0.93;
  text-transform: uppercase;
  font-weight: normal;
}
body.login .login-container .form-container__left p {
  font-size: 17px;
  line-height: 1.64;
  font-weight: 300;
}
body.login .login-container .form-container__right {
  color: #fff;
  background-color: #1f1f1f;
  padding: 32px 28px;
  grid-column: span 6;
}
@media (max-width: 820px) {
  body.login .login-container .form-container__right {
    grid-column: span 12;
  }
}
body.login .login-container .form-container__right h2 {
  margin-bottom: 1em;
  font-size: 2em;
  line-height: 1.3;
  margin-bottom: 1.75em;
}
body.login .login-container form {
  margin-bottom: 36px;
}
body.login .login-container form button[type=submit] {
  margin-left: auto;
}
body.login .login-container form .form-buttons {
  display: flex;
}
body.login .login-container .button-container {
  border-top: 1px solid rgb(150, 150, 150);
  padding: 1em 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  gap: 20px;
}
body.login .login-container .button-container a.button {
  grid-column: span 1;
  width: 100%;
}
@media (max-width: 820px) {
  body.login .login-container .button-container a.button {
    grid-column: span 2;
  }
}

body.reset_password h1 {
  font-size: clamp(56px, 8vw, 84px) !important;
}

.theme-tower2024 .announcements .announcement {
  padding: 40px 32px 20px 40px;
  border-radius: 20px;
  background-color: #EDF0EE;
}
.theme-tower2024 .announcements .announcement .message {
  font-size: 16px;
}
.theme-tower2024 .announcements .announcement .message a {
  color: #0a0a0a;
}
.theme-tower2024 .announcements .announcement .controls {
  text-align: right;
}
.theme-tower2024 .announcements .announcement .controls button {
  cursor: pointer;
  text-transform: lowercase;
  padding: 0;
  border-bottom: 1px solid #404040 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  color: #404040;
}

#overview {
  margin-bottom: 26px;
  margin-top: 32px;
}
#overview .display-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 820px) {
  #overview .display-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  #overview .display-grid {
    grid-template-columns: 1fr;
  }
}
#overview .block {
  background-color: #EDF0EE;
  display: flex;
  flex-direction: column;
}
@media (max-width: 640px) {
  #overview .block {
    grid-column: span 2;
  }
}
#overview .block.block--primary {
  background-color: #c3da6e;
  grid-column: span 2;
}
@media (max-width: 820px) {
  #overview .block.block--primary {
    grid-column: span 4;
  }
}
#overview .block.block--primary .button {
  min-width: 175px;
}
#overview .block.block--primary .block__header {
  padding-bottom: 12px;
  border-bottom: 1px dashed #0a0a0a;
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 10px;
  padding-top: 32px;
}
@media (max-width: 640px) {
  #overview .block.block--primary .block__header .icon-wrap {
    align-items: flex-start;
    padding-top: 1em;
  }
}
#overview .block.block--primary .block__body {
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 20px;
  padding-top: 26px;
}
#overview .block.block--primary .block__body p {
  max-width: 75%;
}
@media (max-width: 640px) {
  #overview .block.block--primary .block__body p {
    max-width: 100%;
  }
}
#overview .block__header {
  display: flex;
  gap: 16px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 0px;
  padding-top: 32px;
}
#overview .block__header h1 {
  font-size: 51px;
  line-height: 1.25;
  font-weight: 500;
}
#overview .block__header h2 {
  font-size: 43px;
  line-height: 1.25;
}
#overview .block__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 28px;
  padding-top: 0;
}
#overview .block__body p {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 16px;
  line-height: 1.75;
}
#overview .block__body a.button {
  margin-top: auto;
}

#contact .contact-info-blocks {
  background-color: #EDF0EE;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 820px) {
  #contact .contact-info-blocks {
    grid-template-columns: 1fr;
  }
}
#contact .contact-info-blocks .block {
  border-right: 1px dashed rgb(150, 150, 150);
}
@media (max-width: 820px) {
  #contact .contact-info-blocks .block {
    border-right: none;
    border-bottom: 1px dashed rgb(150, 150, 150);
  }
}
#contact .contact-info-blocks .block:last-of-type {
  border-right: none;
}
@media (max-width: 820px) {
  #contact .contact-info-blocks .block:last-of-type {
    border-bottom: none;
  }
}
#contact .contact-info-blocks .block .block__inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 28px;
  padding-left: 38px;
  padding-right: 38px;
  padding-bottom: 28px;
}
#contact .contact-info-blocks .block .block__inner p {
  margin: 0;
}
#contact .contact-info-blocks .block .block__inner p.large {
  font-weight: 100;
  font-size: 31px;
  line-height: 1.32;
}
#contact .contact-info-blocks .block .block__inner p.large a {
  font-weight: 500;
}
#contact .contact-info-blocks .block .block__inner a.email {
  font-weight: 100 !important;
  font-style: italic;
}
#contact .contact-info-blocks .block .block__inner a {
  color: #0a0a0a;
  display: inline-block;
}
#contact .contact-info-blocks .block .block__inner a[href^=tel] {
  font-weight: 500;
}

body.ticket-index #page-intro .wrap, body.ticket-closed #page-intro .wrap {
  border-bottom: 1px dashed rgb(150, 150, 150);
  padding-top: 30px;
  padding-bottom: 30px;
}
body.ticket-index #page-intro .heading-wrap, body.ticket-closed #page-intro .heading-wrap {
  margin-bottom: 1.5em;
}
body.ticket-index #page-intro .button, body.ticket-closed #page-intro .button {
  min-width: 200px;
}
body.ticket-index #page-intro .content-wrap, body.ticket-closed #page-intro .content-wrap {
  margin-top: 1em;
  max-width: 75%;
}
body.ticket-index h1, body.ticket-index h2, body.ticket-closed h1, body.ticket-closed h2 {
  font-size: 43px;
  line-height: 1.25;
}
body.ticket-index p, body.ticket-closed p {
  line-height: 1.75;
}
body.ticket-index .tickets-list-section, body.ticket-closed .tickets-list-section {
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px dashed rgb(150, 150, 150);
}
body.ticket-index .tickets-list-section h2, body.ticket-closed .tickets-list-section h2 {
  margin-bottom: 23px;
}
body.ticket-index .tickets-list-section:last-of-type, body.ticket-closed .tickets-list-section:last-of-type {
  border-bottom: none;
}
body.ticket-index .tickets-list-section .tickets, body.ticket-closed .tickets-list-section .tickets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 18px 22px;
  margin-bottom: 24px;
}
@media (max-width: 820px) {
  body.ticket-index .tickets-list-section .tickets, body.ticket-closed .tickets-list-section .tickets {
    grid-template-columns: 1fr;
  }
}
body.ticket-index .tickets-list-section .ticket, body.ticket-closed .tickets-list-section .ticket {
  display: grid;
  grid-template-columns: 42px 1fr;
  grid-template-areas: "stripe content";
  background-color: #EDF0EE;
  border-radius: 20px;
  border: 1px solid rgb(150, 150, 150);
  overflow: hidden;
  position: relative;
}
body.ticket-index .tickets-list-section .ticket h3, body.ticket-closed .tickets-list-section .ticket h3 {
  font-weight: 100;
  font-size: 31px;
  line-height: 1.3;
  margin-top: 0.5em;
  margin-bottom: 0.75em;
}
body.ticket-index .tickets-list-section .ticket .created_at, body.ticket-closed .tickets-list-section .ticket .created_at {
  font-size: 11px;
}
body.ticket-index .tickets-list-section .ticket__inner, body.ticket-closed .tickets-list-section .ticket__inner {
  grid-area: content;
  border-left: 1px dashed rgb(150, 150, 150);
  background-color: #fff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 28px 60px 24px 28px;
}
body.ticket-index .tickets-list-section .ticket .badge, body.ticket-closed .tickets-list-section .ticket .badge {
  position: absolute;
  top: 20px;
  right: 0;
  padding: 9px 14px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-size: 12px;
  text-transform: uppercase;
}
body.ticket-index .tickets-list-section .ticket .badge .badge-text, body.ticket-closed .tickets-list-section .ticket .badge .badge-text {
  line-height: 1;
}
body.ticket-index .tickets-list-section .ticket .badge.open, body.ticket-closed .tickets-list-section .ticket .badge.open {
  background-color: #c3da6e;
}
body.ticket-index .tickets-list-section .ticket a.button:not(.icon-only), body.ticket-closed .tickets-list-section .ticket a.button:not(.icon-only) {
  font-size: 12px;
  min-width: 25%;
}
body.ticket-index .tickets-list-section .ticket--closed, body.ticket-closed .tickets-list-section .ticket--closed {
  background: #fff;
}
body.ticket-index .tickets-list-section .ticket--closed h3, body.ticket-closed .tickets-list-section .ticket--closed h3 {
  font-size: 15px;
}
body.ticket-index .tickets-list-section .ticket--closed .badge.closed, body.ticket-closed .tickets-list-section .ticket--closed .badge.closed {
  background: #0a0a0a;
  color: #fff;
}
body.ticket-index .tickets-list-section .ticket--closed .header, body.ticket-closed .tickets-list-section .ticket--closed .header {
  display: flex;
  position: relative;
}
body.ticket-index .tickets-list-section .ticket--closed .view-button, body.ticket-closed .tickets-list-section .ticket--closed .view-button {
  background: #efeff1;
  border: none;
  width: 32px;
  border-radius: 100%;
  aspect-ratio: 1/1;
  position: absolute;
  right: 24px;
  top: -0.5em;
}

#uploader {
  margin-top: 10px;
}
#uploader .button--uploader {
  width: 100%;
  justify-content: flex-start;
  transition: background-color 0.25s linear, color 0.25s linear;
  padding: 6px 6px 6px 12px;
}
#uploader .button--uploader span {
  font-size: 12px;
}
#uploader .button--uploader .icon-wrap {
  margin-left: auto;
  border-radius: 100%;
  padding: 4px;
  font-size: 11px;
  line-height: 1;
  color: #c3da6e;
  border: 2px solid #c3da6e;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}
#uploader .button--uploader .icon-wrap i {
  line-height: 0.5;
}
#uploader.dragover .button--uploader {
  color: #0a0a0a;
  background-color: #c3da6e;
}
#uploader.dragover .button--uploader .icon-wrap {
  border-color: #1f1f1f;
  color: #1f1f1f;
}
#uploader #pending_files {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}
#uploader #pending_files:empty {
  display: none;
}
#uploader #pending_files .attachment {
  color: #fff;
  border-radius: 20px;
  background: #666;
  padding: 8px 16px;
  flex: 0 1 calc(50% - 22px);
  max-width: calc(50% - 22px);
  display: inline-flex;
  align-items: center;
  gap: 1ex;
}
@media (max-width: 768px) {
  #uploader #pending_files .attachment {
    flex: 0 1 100%;
  }
}
#uploader #pending_files .attachment .filename {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 10px;
}
#uploader #pending_files .attachment .remove_attachment {
  min-height: unset;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: auto;
  border: none;
  background: transparent;
  color: #fff;
}
#uploader .button--download {
  gap: 0.5em;
  flex: 0 1 calc(50% - 22px);
  max-width: calc(50% - 22px);
  padding-left: 13px;
  padding-right: 13px;
  justify-content: flex-start;
}
#uploader .button--download .filename {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comment_card {
  border-radius: 20px;
  background-color: #EDF0EE;
}
.comment_card + .comment_card {
  margin-top: 1.125em;
}
.comment_card.comment_card--private .comment_card__header {
  background-color: #0a0a0a;
  color: #fff;
}
.comment_card__header {
  padding: 14px 20px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  background: rgba(150, 150, 150, 0.5);
}
.comment_card__header .author {
  font-size: 23px;
  line-height: 1.2;
}
.comment_card__header .date {
  font-size: 15px;
  line-height: 1.2;
  margin-left: auto;
}
.comment_card__body {
  padding: 20px;
}
.comment_card__body p {
  line-height: 1.75;
  font-weight: 200;
}
.comment_card__body p:first-of-type {
  margin-top: 0;
}
.comment_card__body p:only-of-type {
  margin: 0;
}
.comment_card__footer {
  border-top: 2px dashed rgba(150, 150, 150, 0.5);
  padding: 12px 20px;
}
.comment_card__footer .comment-buttons {
  min-height: 14px;
  display: flex;
  gap: 16px;
}
.comment_card .attachments-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 44px;
  align-items: flex-start;
  padding: 20px;
}
.comment_card .attachments-list .button--download {
  gap: 0.5em;
  flex: 0 1 calc(50% - 22px);
  max-width: calc(50% - 22px);
  padding-left: 13px;
  padding-right: 13px;
  justify-content: flex-start;
}
.comment_card .attachments-list .button--download .filename {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.ticket-view {
  --border-width: 2px;
  --border-color: rgba(150, 150, 150, 0.5);
}
body.ticket-view #ticket_header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: flex-start;
  padding-bottom: 30px;
}
body.ticket-view #ticket_header .title {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media (max-width: 768px) {
  body.ticket-view #ticket_header .title {
    grid-column: span 2;
    order: 2;
  }
}
body.ticket-view #ticket_header .title .icon-wrap {
  align-self: flex-start;
  padding-top: 8px;
}
@media (max-width: 768px) {
  body.ticket-view #ticket_header .title .icon-wrap {
    max-width: 24px;
  }
}
body.ticket-view #ticket_header .title h1 {
  font-size: 43px;
}
@media (max-width: 768px) {
  body.ticket-view #ticket_header .title h1 {
    font-size: 32px;
  }
}
body.ticket-view #ticket_header .status {
  margin-top: 8px;
  margin-left: auto;
  display: inline-block;
  padding: 9px 24px;
  border: 1px solid #c3da6e;
  font-size: 12px;
  border-radius: 20px;
}
@media (max-width: 768px) {
  body.ticket-view #ticket_header .status {
    grid-column: span 2;
  }
}
body.ticket-view #ticket_subheader {
  border-top: var(--border-width) dashed var(--border-color);
  border-bottom: var(--border-width) dashed var(--border-color);
  padding: 12px 0;
  display: flex;
  gap: 40px 20px;
  align-items: center;
  font-size: 15px;
}
body.ticket-view #ticket_subheader .action-bar {
  margin-left: auto;
  display: flex;
  gap: 8px;
  align-items: center;
}
body.ticket-view #ticket_subheader .action-bar form {
  display: inline;
}
body.ticket-view #ticket_subheader .action-bar form button {
  font-size: 12px;
}
body.ticket-view #ticket_body {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
body.ticket-view #ticket_body .ticket-column {
  --border-width: 2px;
  padding: 30px;
  border: var(--border-width) dashed rgba(150, 150, 150, 0.5);
  margin-top: calc(var(--border-width) * -1);
}
body.ticket-view #ticket_body .ticket-column--full {
  grid-column: span 2;
}
body.ticket-view #ticket_body .ticket-column--left {
  padding-left: 0;
  border-left: none;
}
body.ticket-view #ticket_body .ticket-column--right {
  border-right: none;
  border-left: none;
  padding-right: 0;
  margin-left: -2px;
}
@media (max-width: 768px) {
  body.ticket-view #ticket_body .ticket-column {
    grid-column: span 2;
    padding-left: 0;
    padding-right: 0;
  }
}
body.ticket-view #ticket_body #ticket_subheader .meta {
  font-weight: 500;
}
body.ticket-view #ticket_body .company_url {
  padding-bottom: 12px;
  display: block;
  font-weight: 500;
}
body.ticket-view #ticket_body #details-section {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: var(--border-width) dashed rgba(150, 150, 150, 0.5);
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
}
body.ticket-view #ticket_body #details-section h2 {
  font-size: 15px;
  font-weight: 500;
}
body.ticket-view #new-comment-section {
  border-top: none !important;
  border-bottom: none !important;
}
body.ticket-view #new-comment-section h2 {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  body.ticket-view #new-comment-section {
    border-right: none !important;
  }
}
body.ticket-view #ticket-replies {
  border-top: none !important;
  border-left: none !important;
  border-bottom: none !important;
}
body.ticket-view #ticket-replies h2 {
  margin-bottom: 16px;
}
body.ticket-view .ticket__details {
  max-width: 60%;
}
@media (max-width: 768px) {
  body.ticket-view .ticket__details {
    max-width: 100%;
  }
}
body.ticket-view .ticket__details .attachments-label {
  font-weight: 600;
}
body.ticket-view .ticket__details .attachments-list {
  padding-left: 0;
  margin-top: 0;
  display: inline-flex;
  gap: 20px;
  list-style: none;
}

body.ticket-create .section-header {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 1.5em;
}
body.ticket-create .section-header .icon-wrap {
  padding-top: 8px;
}
body.ticket-create .section-header h1 {
  font-size: 43px;
  line-height: 1.25;
}
body.ticket-create .section-body {
  padding-top: 24px;
  border-top: 2px dashed rgba(150, 150, 150, 0.5);
}
body.ticket-create .section-body form {
  background: rgba(237, 240, 238, 0.5);
  grid-template-columns: 1fr 1fr;
  display: grid;
  border-radius: 20px;
}
@media (max-width: 820px) {
  body.ticket-create .section-body form {
    grid-template-columns: 1fr;
  }
}
body.ticket-create .section-body form label {
  font-size: 15px;
}
body.ticket-create .section-body form input + label,
body.ticket-create .section-body form .select_wrapper + label {
  font-size: 12px;
}
body.ticket-create .section-body .ticket-create-form-left {
  padding: 34px 44px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: rgba(237, 240, 238, 0.5);
}
body.ticket-create .section-body .ticket-create-form-right {
  padding: 34px 44px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
body.ticket-create .section-body .ticket-create-form-right label {
  margin-bottom: 8px;
}
body.ticket-create .section-body .button-container {
  margin-top: 24px;
  margin-bottom: 24px;
}
body.ticket-create .section-body .button-container button {
  min-width: 225px;
}

body.social-tool.boards-index .section__header {
  display: grid;
  grid-template-columns: 1fr auto;
}
body.social-tool.boards-index .section__header .switch_domain-container {
  margin-left: auto;
  margin-bottom: 2em;
}
body.social-tool.boards-index .section__header .switch_domain-container select {
  padding: 6px 22px 6px 12px;
}

.board-tiles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
@media (max-width: 768px) {
  .board-tiles {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .board-tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
.board-tiles .board-tile {
  aspect-ratio: 1/1;
  position: relative;
  background-image: var(--background);
  background-position: center;
  background-size: cover;
  display: flex;
  color: #fff;
  border-radius: 30px;
  overflow: hidden;
  container-name: tile;
  container-type: size;
}
.board-tiles .board-tile h2 {
  font-size: 13cqw;
}
.board-tiles .board-tile img.background {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  height: 100%;
}
.board-tiles .board-tile:not(.board-tile--text)::before {
  position: absolute;
  content: "";
  z-index: 1;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: background-color 0.25s ease-out;
}
.board-tiles .board-tile.is--not-hovered::before {
  background: rgba(0, 0, 0, 0.5);
}
.board-tiles .board-tile .tile-inner {
  z-index: 2;
  padding: 22px 24px;
  margin-top: auto;
  width: 100%;
  grid-template-areas: "title" "date" "button";
  display: grid;
  gap: 9px;
}
.board-tiles .board-tile .publish_date {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  grid-area: date;
}
.board-tiles .board-tile .button-container {
  grid-area: button;
  min-width: unset;
  justify-content: flex-start;
}
.board-tiles .board-tile .post-count {
  color: #fff;
  display: block;
  position: absolute;
  top: 22px;
  left: 24px;
  text-align: left;
  z-index: 2;
  font-size: 15px;
  line-height: normal;
}
.board-tiles .board-tile .button:not(.button--primary) {
  background: transparent;
  border: none;
  padding: 0;
}
.board-tiles .board-tile .button::after {
  content: "view";
  text-transform: unset;
  font-family: Geologica;
  margin-left: 1ex;
}
.board-tiles .board-tile.board-tile--large {
  font-size: 13cqw;
  grid-column: span 2;
  grid-row: span 2;
}
@media (max-width: 768px) {
  .board-tiles .board-tile.board-tile--large {
    padding: 24px;
  }
}
.board-tiles .board-tile.board-tile--large h2 {
  color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  grid-area: title;
}
.board-tiles .board-tile.board-tile--large .tile-inner {
  padding: 38px 33px 38px 60px;
  grid-template-areas: "title title" "date button";
}
.board-tiles .board-tile.board-tile--large .button::after {
  content: "View Board";
}
.board-tiles .board-tile.board-tile--large .post-count {
  color: #000;
  background: #fff;
  top: 0;
  left: 60px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 15px 15px;
  text-align: center;
  min-width: 130px;
  z-index: 2;
}
.board-tiles .board-tile.board-tile--large .button-container {
  justify-content: flex-end;
}
.board-tiles .board-tile.board-tile--text {
  font-size: 15cqw;
  background: #EAEBEC;
  color: #404040;
  padding: 0px 14px 45px 36px;
}
@media (max-width: 768px) {
  .board-tiles .board-tile.board-tile--text {
    padding: 14px;
  }
}
.board-tiles .board-tile.board-tile--text h2 {
  margin-top: auto;
}

.social-media-list {
  padding: 0;
  margin: 0;
  display: inline-flex;
  list-style: none;
  gap: 6px;
}
.social-media-list li {
  flex: 0 1 32px;
  background: #000;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  border-radius: 100%;
  aspect-ratio: 1/1;
}

.board--view h1 {
  font-size: 65px;
}
.board--view .posts__header {
  display: flex;
  gap: 20px;
}
@media (max-width: 768px) {
  .board--view .posts__header h1 {
    font-size: 48px;
  }
}
.board--view .posts__header a {
  align-self: center;
  margin-left: auto;
}
.board--view .posts__list {
  display: flex;
  flex: 0 1 calc(25% - 10px);
  gap: 20px;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 20px;
  counter-reset: posts;
}
.board--view .post {
  counter-increment: posts;
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 12px;
  flex: 0 1 calc(25% - 15px);
}
@media (max-width: 960px) {
  .board--view .post {
    flex: 0 1 calc(33% - 15px);
  }
}
@media (max-width: 768px) {
  .board--view .post {
    flex: 0 1 calc(50% - 15px);
  }
}
@media (max-width: 480px) {
  .board--view .post {
    flex: 0 1 100%;
  }
}
.board--view .post::before {
  content: counter(posts);
  position: absolute;
  background: #fff;
  z-index: 1;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  left: 30px;
  display: flex;
  justify-content: center;
  font-size: 15px;
  padding: 6px 14px;
}
.board--view .post:hover img {
  transform: scale(1.2);
}
.board--view .post__image {
  border-radius: 30px;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.board--view .post__image img {
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 0.25s linear;
  height: 100%;
  width: 100%;
}
.board--view .post__meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.board--view .post__meta .controls {
  margin-left: auto;
  font-size: 14px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.board--view .post__meta .controls:only-child {
  grid-column: span 2;
}
.board--view .post .post__content {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 15px;
  line-height: 1.2;
}
.board--view .post .post__footer {
  font-size: 12px;
  display: flex;
}
.board--view .post .post__footer > div:nth-child(even) {
  margin-left: auto;
}
@media (max-width: 768px) {
  .board--view .button-container .button {
    min-width: calc(50% - 10px) !important;
  }
}
.board--view .approval_status i {
  padding-right: 1ex;
}
.board--view .comment_count .fa-message {
  transform: scaleX(-1);
}

.comment_form .form__header h2 {
  margin-bottom: 16px;
}
.comment_form .form__body {
  padding: 20px;
  background: rgba(237, 240, 238, 0.5);
  grid-template-columns: 1fr;
  display: grid;
  gap: 18px;
  border-radius: 20px;
}
.comment_form .form__footer {
  margin-top: 24px;
  margin-bottom: 24px;
}
.comment_form .form__footer .button-container {
  justify-content: flex-end;
}
.comment_form .form__footer .button-container .button {
  min-width: 200px;
}

.header_row {
  display: flex;
}

.post__header .social-media-list {
  gap: 6px;
  margin-right: 28px;
}
.post__header .social-media-list li {
  flex: 0 1 48px;
  width: 48px;
  font-size: 24px;
}
.post__header h1 {
  font-weight: 400;
  font-size: 21px;
  grid-area: left;
  color: #000;
  font-family: Geologica;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 500px;
}
.post__header a {
  color: var(--color-text);
  margin-left: auto;
  text-transform: lowercase;
}
.post__header .header_row {
  margin-bottom: 12px;
}

.post__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}
@media (max-width: 768px) {
  .post__body {
    grid-template-columns: 1fr;
  }
}
.post__body .body__left {
  overflow: hidden;
  min-height: 0;
  min-width: 0;
}
.post__body .post-media-item--video .video-placeholder {
  background-color: #333;
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  position: relative;
}
.post__body .post-media-item--video .video-placeholder::after {
  position: absolute;
  font-family: "Font Awesome 6 Free";
  content: "\f144";
  color: #fff;
  top: 50%;
  left: 50%;
  font-size: 64px;
  transform: translate(-50%, -50%);
}
.post__body .post_title {
  color: #000;
  font-family: Geologica;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 25%;
}
.post__body #post-media-slider {
  margin-bottom: 30px;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #eee;
}
.post__body #post-media-slider .post-media-item {
  aspect-ratio: 1/1;
  align-content: center;
  max-width: 570px;
}
.post__body #post-media-slider .post-media-item img {
  cursor: zoom-in;
  aspect-ratio: 1/1;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
  width: 100%;
}
.post__body #post-media-slider .post-media-item img:hover {
  cursor: zoom-in;
}
.post__body #post-media-slider-controls {
  display: grid;
  grid-template-areas: "left dots right";
  grid-template-columns: auto 1fr auto;
  justify-content: flex-start;
  align-items: center;
}
.post__body #post-media-slider-controls .slick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: #000;
  border-radius: 100%;
  border: none;
  width: 32px;
  height: 32px;
}
.post__body #post-media-slider-controls .slick-arrow.slick-disabled {
  opacity: 0.5;
}
.post__body #post-media-slider-controls #post-media-prev {
  grid-area: left;
}
.post__body #post-media-slider-controls #post-media-next {
  grid-area: right;
}
.post__body #post-media-slider-controls .slick-dots {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  gap: 6px;
}
.post__body #post-media-slider-controls .slick-dots button {
  padding: 0;
  background: transparent;
  border: none;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 17px;
}
.post__body #post-media-slider-controls .slick-dots .slick-active {
  color: #fff;
  background: #000;
  border-radius: 100%;
}
.post__body #post-media-slider-controls .slick-dots .slick-active button {
  color: currentColor;
}
.post__body #post-media-slider-thumbnails {
  margin-top: 60px;
}
.post__body #post-media-slider-thumbnails .slick-track {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  gap: 18px;
}
.post__body #post-media-slider-thumbnails .slick-track {
  min-width: 100%;
  margin: 0 -18px;
}
.post__body #post-media-slider-thumbnails .post-media-item {
  border: 1px solid #eee;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}
.post__body #post-media-slider-thumbnails .post-media-item::before {
  content: "";
  position: absolute;
  background: #fff;
  opacity: 0.75;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.post__body #post-media-slider-thumbnails .post-media-item.slick-current::before {
  opacity: 0;
}
.post__body #post-media-slider-thumbnails .post-media-item img {
  margin: 0 auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 200px;
}
.post__body #post-media-slider-thumbnails .post-media-item .video-placeholder::after {
  font-size: 24px;
}
.post__body .contents {
  margin-top: 30px;
}
.post__body .contents .content {
  padding: 21px 0 26px;
  border-top: 1px solid rgb(186, 186, 186);
}
.post__body .contents .content__heading {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}
.post__body .contents .content p {
  font-size: 20px;
  font-weight: 400;
}
.post__body .comments-section .comments__header {
  display: flex;
  margin-bottom: 24px;
}
.post__body .comments-section .comments__header .media-index-indicator {
  margin-left: auto;
}
.post__body .comments-section .comments__header .media-index {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  background: #000;
  color: #fff;
  border-radius: 100%;
}
:root {
  --ss-primary-color: #5897fb;
  --ss-bg-color: #ffffff;
  --ss-font-color: #4d4d4d;
  --ss-font-placeholder-color: #8d8d8d;
  --ss-disabled-color: #dcdee2;
  --ss-border-color: #dcdee2;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-focus-color: #5897fb;
  --ss-main-height: 30px;
  --ss-content-height: 300px;
  --ss-spacing-l: 7px;
  --ss-spacing-m: 5px;
  --ss-spacing-s: 3px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 4px;
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ss-hide {
  display: none !important;
}

.ss-main {
  display: flex;
  flex-direction: row;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--ss-font-color);
  min-height: var(--ss-main-height);
  width: 100%;
  padding: var(--ss-spacing-s);
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  box-sizing: border-box;
  transition: background-color var(--ss-animation-timing);
  overflow: hidden;
}

.ss-main:focus {
  box-shadow: 0 0 5px var(--ss-focus-color);
}

.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed;
}

.ss-main.ss-disabled .ss-values .ss-disabled {
  color: var(--ss-font-color);
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}

.ss-main.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ss-main.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
}

.ss-main .ss-values .ss-placeholder {
  display: flex;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0px auto 0px;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: var(--ss-font-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-main .ss-values .ss-max {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
}

.ss-main .ss-values .ss-single {
  display: flex;
  margin: auto 0px auto var(--ss-spacing-s);
}

.ss-main .ss-values .ss-value {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
}

.ss-main .ss-values .ss-value .ss-value-text {
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
}

.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box;
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-deselect {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}

.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px;
}

.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-arrow {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-main .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  border: solid 1px var(--ss-border-color);
  background-color: var(--ss-bg-color);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center top;
  overflow: hidden;
  z-index: 10000;
}

.ss-content.ss-relative {
  position: relative;
  height: 100%;
}

.ss-content.ss-open-above {
  flex-direction: column-reverse;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius);
}

.ss-content.ss-open-below {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius);
}

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  text-align: left;
  box-sizing: border-box;
}

.ss-content .ss-search input::-moz-placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}

.ss-content .ss-search input::placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}

.ss-content .ss-search input:focus {
  box-shadow: 0 0 5px var(--ss-focus-color);
}

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
}

.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  display: none !important;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: bold;
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: 0.5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
}

.ss-content .ss-list .ss-option {
  display: flex;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  color: var(--ss-font-color);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ss-content .ss-list .ss-option:hover {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color);
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-option .ss-search-highlight {
  background-color: var(--ss-highlight-color);
}