html {
  background: var(--unihorny-wash);
}

body {
  background-color: var(--unihorny-wash);
  background-image: var(--unihorny-background-image);
  background-position: var(--unihorny-background-position);
  background-size: var(--unihorny-background-size);
  background-repeat: no-repeat, repeat, repeat, repeat;
  background-attachment: fixed;
  color: var(--unihorny-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  transition: color 180ms ease, background-color 180ms ease;
}

body > .main-wrapper,
section#main_container,
section#main_container > .inside-container {
  background: transparent;
}

header.page-header.no-slides div.top-navigation {
  background: var(--unihorny-header-glass);
  border-bottom: 1px solid var(--unihorny-footer-border);
  box-shadow: 0 6px 24px var(--unihorny-shadow);
  -webkit-backdrop-filter: blur(16px) saturate(1.04);
  backdrop-filter: blur(16px) saturate(1.04);
}

.static-page #controller_area > .content-padding,
section.content_block:not(.no-style) > div,
section.side_block:not(.no-style),
.popup > div > div,
.modal_block > .inner {
  border: 1px solid var(--unihorny-line);
  border-radius: 18px;
  background: var(--unihorny-paper);
  box-shadow: 0 6px 22px var(--unihorny-shadow);
  -webkit-backdrop-filter: blur(10px) saturate(1.04);
  backdrop-filter: blur(10px) saturate(1.04);
}

.static-page #controller_area > .content-padding {
  padding: clamp(20px, 3vw, 34px);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--unihorny-ink);
}

h1 {
  font-weight: 700;
  letter-spacing: -0.035em;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea,
span.pills {
  border-radius: 10px;
  background-color: var(--unihorny-paper-strong);
  box-shadow: inset 0 0 0 1px var(--unihorny-line);
}

input[type="button"],
input[type="submit"],
button,
a.button {
  border-radius: 10px;
}

input[type="button"],
input[type="submit"] {
  background: linear-gradient(135deg, var(--unihorny-button-start), var(--unihorny-button-end));
  box-shadow: 0 6px 16px var(--unihorny-shadow-strong);
}

.circle_opened > .content {
  border: 1px solid var(--unihorny-line);
  border-radius: 12px;
  background: var(--unihorny-paper-strong);
  box-shadow: 0 12px 32px var(--unihorny-shadow-strong);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.unihorny-wordmark {
  display: inline-flex;
  align-items: center;
  color: var(--unihorny-wordmark-color);
  font-size: 38px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: -0.055em;
  white-space: nowrap;
}

.unihorny-wordmark__mark {
  display: block;
  width: 58px;
  height: 58px;
  margin: 0 -4px;
  object-fit: contain;
  filter: none !important;
}

.compact-footer__brand .unihorny-wordmark {
  font-size: 25px;
}

.compact-footer__brand .unihorny-wordmark__mark {
  width: 39px;
  height: 39px;
  margin: 0 -3px;
}

.page-footer.compact-footer {
  border-top: 1px solid var(--unihorny-footer-border);
  -webkit-backdrop-filter: blur(16px) saturate(1.04);
  backdrop-filter: blur(16px) saturate(1.04);
}

.compact-footer__secondary {
  border-top-color: var(--unihorny-line);
}

::selection {
  background: var(--unihorny-accent);
  color: var(--unihorny-selection-text);
}

@media screen and (max-width: 767px) {
  body {
    background-position: var(--unihorny-background-position-mobile);
    background-size: var(--unihorny-background-size-mobile);
  }

  .static-page #controller_area > .content-padding {
    border-radius: 14px;
  }

  .unihorny-wordmark {
    font-size: 30px;
  }

  .unihorny-wordmark__mark {
    width: 46px;
    height: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body {
    background-attachment: scroll;
    transition: none;
  }
}