@font-face {
  font-family: "Thicccboi";
  src: url("fonts/webfonts/thicccboi-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Thicccboi";
  src: url("fonts/webfonts/thicccboi-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Thicccboi";
  src: url("fonts/webfonts/thicccboi-semibold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Thicccboi";
  src: url("fonts/webfonts/thicccboi-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}

.site-logo {
  display: inline-flex;
  align-items: center;
  gap: 0;
  width: max-content;
  min-width: 248px;
  color: #111b30;
  text-decoration: none;
}

.site-logo-wordmark {
  display: block;
  width: max-content;
  line-height: 1;
}

.site-logo-wordmark strong {
  color: currentColor;
  font-family: "Thicccboi", Arial, sans-serif;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.site-logo-wordmark strong > span,
.site-logo-wordmark strong > em {
  color: #93671f;
  font: inherit;
  font-style: normal;
}

.site-logo-wordmark strong > span { margin: 0 .06em; }

.site-logo--light { color: #fff; }
.site-logo--light .site-logo-wordmark strong > span,
.site-logo--light .site-logo-wordmark strong > em { color: #d5ae66; }
.site-logo--panel { min-width: 0; }
.panel-sidebar .site-logo { margin: 0 8px 42px; }
.auth-visual > .site-logo { position: relative; z-index: 2; }

@media (max-width: 760px) {
  .site-logo { min-width: 0; }
  .site-logo-wordmark strong { font-size: 18.5px; }
  .site-logo--panel .site-logo-wordmark strong { font-size: 14px; }
}