:root {
  --hy-pal-111111: #111111;
  --hy-pal-262626: #262626;
  --hy-pal-333333: #333333;
  --hy-pal-555555: #555555;
  --hy-pal-eeece6: #eeece6;
  --hy-pal-f2f1ed: #f2f1ed;
  --hy-pal-f7f6f3: #f7f6f3;
  --hy-pal-f1e9db: #f1e9db;
  --hy-pal-898989: #898989;
  --hy-pal-cecece: #cecece;
  --hy-pal-ffffff: #ffffff;
  --hy-mode-surface: var(--color-light-1);
  --hy-mode-ink: var(--color-dark-1);
  --hy-mode-line: rgba(17, 17, 17, 0.14);
  --hy-mode-ease: cubic-bezier(0.65, 0, 0.35, 1);
  --hy-mode-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

:root[data-hy-mode="light"] {
  --hy-pal-ffffff: #ffffff;
  --hy-pal-f7f6f3: #fafafa;
  --hy-pal-f2f1ed: #f5f5f5;
  --hy-pal-eeece6: #f0f0f0;
  --hy-pal-f1e9db: #f2f2f2;
  --hy-pal-cecece: #e9e9e9;
  --hy-pal-898989: #e3e3e3;
  --hy-pal-555555: #ececec;
  --hy-pal-333333: #e8e8e8;
  --hy-pal-262626: #e5e5e5;
  --hy-pal-111111: #e1e1e1;
  --color-light-1: #f0f0f0;
  --color-light-2: #f5f5f5;
  --color-light-3: #fafafa;
  --color-light-4: #f2f2f2;
  --xxl-color-dark: #141414;
  --xl-color-dark: #141414;
  --h1-color-dark: #141414;
  --h2-color-dark: #141414;
  --h3-color-dark: #141414;
  --h4-color-dark: #1a1a1a;
  --h5-color-dark: #1a1a1a;
  --h6-color-dark: #1a1a1a;
  --paragraph-color-dark: #222222;
  --blockquote-color-dark: #222222;
  --hy-mode-surface: #fafafa;
  --hy-mode-ink: #111111;
  --hy-mode-line: rgba(17, 17, 17, 0.12);
  color-scheme: light;
}

:root[data-hy-mode="light"],
:root[data-hy-mode="light"] body {
  background-color: #ffffff;
}

:root[data-hy-mode="dark"] {
  --hy-pal-111111: #0a0a0a;
  --hy-pal-262626: #111111;
  --hy-pal-333333: #151515;
  --hy-pal-555555: #1b1b1b;
  --hy-pal-898989: #222222;
  --hy-pal-cecece: #1e1e1e;
  --hy-pal-eeece6: #181818;
  --hy-pal-f2f1ed: #141414;
  --hy-pal-f7f6f3: #121212;
  --hy-pal-f1e9db: #1a1918;
  --hy-pal-ffffff: #0e0e0e;
  --color-dark-1: #0a0a0a;
  --color-dark-2: #111111;
  --color-dark-3: #151515;
  --color-dark-4: #1b1b1b;
  --hy-mode-surface: #0e0e0e;
  --hy-mode-ink: #eeece6;
  --hy-mode-line: rgba(238, 236, 230, 0.16);
  color-scheme: dark;
}

:root[data-hy-mode="dark"],
:root[data-hy-mode="dark"] body {
  background-color: #0e0e0e;
}

:root[data-hy-mode] .bg-dark-1:not(.button):not(.circle-button_link):not(svg) { background-color: var(--hy-pal-111111) !important; }
:root[data-hy-mode] .bg-dark-2:not(.button):not(.circle-button_link):not(svg) { background-color: var(--hy-pal-262626) !important; }
:root[data-hy-mode] .bg-dark-3:not(.button):not(.circle-button_link):not(svg) { background-color: var(--hy-pal-333333) !important; }
:root[data-hy-mode] .bg-dark-4:not(.button):not(.circle-button_link):not(svg) { background-color: var(--hy-pal-555555) !important; }
:root[data-hy-mode] .bg-gray-1:not(.button):not(.circle-button_link):not(svg) { background-color: var(--hy-pal-898989) !important; }
:root[data-hy-mode] .bg-gray-2:not(.button):not(.circle-button_link):not(svg) { background-color: var(--hy-pal-cecece) !important; }
:root[data-hy-mode] .bg-light-1:not(.button):not(.circle-button_link):not(svg) { background-color: var(--hy-pal-eeece6) !important; }
:root[data-hy-mode] .bg-light-2:not(.button):not(.circle-button_link):not(svg) { background-color: var(--hy-pal-f2f1ed) !important; }
:root[data-hy-mode] .bg-light-3:not(.button):not(.circle-button_link):not(svg) { background-color: var(--hy-pal-f7f6f3) !important; }
:root[data-hy-mode] .bg-light-4:not(.button):not(.circle-button_link):not(svg) { background-color: var(--hy-pal-f1e9db) !important; }
:root[data-hy-mode] .bg-white:not(.button):not(.circle-button_link):not(svg) { background-color: var(--hy-pal-ffffff) !important; }

:root[data-hy-mode="light"] [data-hy-keep-bg].bg-dark-1:not(.button):not(.circle-button_link):not(svg) { background-color: #111111 !important; }
:root[data-hy-mode="light"] [data-hy-keep-bg].bg-dark-2:not(.button):not(.circle-button_link):not(svg) { background-color: #262626 !important; }
:root[data-hy-mode="light"] [data-hy-keep-bg].bg-dark-3:not(.button):not(.circle-button_link):not(svg) { background-color: #333333 !important; }
:root[data-hy-mode="light"] [data-hy-keep-bg].bg-dark-4:not(.button):not(.circle-button_link):not(svg) { background-color: #555555 !important; }
:root[data-hy-mode="light"] [data-hy-keep-bg].bg-gray-1:not(.button):not(.circle-button_link):not(svg) { background-color: #898989 !important; }
:root[data-hy-mode="light"] [data-hy-keep-bg].bg-gray-2:not(.button):not(.circle-button_link):not(svg) { background-color: #cecece !important; }
:root[data-hy-mode="light"] [data-hy-keep-bg].bg-light-1:not(.button):not(.circle-button_link):not(svg) { background-color: #eeece6 !important; }
:root[data-hy-mode="light"] [data-hy-keep-bg].bg-light-2:not(.button):not(.circle-button_link):not(svg) { background-color: #f2f1ed !important; }
:root[data-hy-mode="light"] [data-hy-keep-bg].bg-light-3:not(.button):not(.circle-button_link):not(svg) { background-color: #f7f6f3 !important; }
:root[data-hy-mode="light"] [data-hy-keep-bg].bg-light-4:not(.button):not(.circle-button_link):not(svg) { background-color: #f1e9db !important; }
:root[data-hy-mode="light"] [data-hy-keep-bg].bg-white:not(.button):not(.circle-button_link):not(svg) { background-color: #ffffff !important; }

:root[data-hy-mode] .section-blog__container .post:not([data-elementor-type="single-post"]),
:root[data-hy-mode] .figure-post__date,
:root[data-hy-mode] .sidebar .widget {
  background-color: var(--hy-pal-f2f1ed);
}

:root[data-hy-mode] .sidebar {
  background-color: var(--hy-pal-f7f6f3);
}

:root[data-hy-mode="light"] .sidebar,
:root[data-hy-mode="dark"] .sidebar {
  background: var(--hy-pal-f7f6f3) !important;
}

:root[data-hy-mode="light"] .sidebar .widget,
:root[data-hy-mode="dark"] .sidebar .widget {
  border-color: var(--hy-pal-f2f1ed);
}

:root[data-hy-mode] .section-blog__wrapper-post dl,
:root[data-hy-mode] .section-blog__wrapper-post .box {
  background-color: var(--hy-pal-eeece6);
}

:root[data-hy-mode] .hy-toc-float__list {
  background-color: var(--hy-pal-f7f6f3);
}

@media screen {
  :root[data-hy-mode="dark"] .hy-est,
  :root[data-hy-mode="dark"] .hy-est-bar,
  :root[data-hy-mode="dark"] .hy-est__toast {
    --e-ink: #eeece6;
    --e-text: #dcdad4;
    --e-sub: #a9a7a0;
    --e-line: rgba(238, 236, 230, 0.14);
    --e-line-2: rgba(238, 236, 230, 0.4);
    --e-wash: rgba(238, 236, 230, 0.06);
    --e-warn: #e38a73;
    --e-sel: #eeece6;
    --e-sel-ink: #141414;
    --e-sel-sub: #55534d;
  }

  :root[data-hy-mode="dark"] .hy-est h2.hy-est__title {
    color: var(--e-ink);
  }

  :root[data-hy-mode="dark"] .hy-est .hy-est-dp__day:disabled,
  :root[data-hy-mode="dark"] .hy-est .hy-est-dp__day.is-closed {
    color: rgba(238, 236, 230, 0.3);
  }

  :root[data-hy-mode="dark"] .hy-est .hy-est-dp__panel,
  :root[data-hy-mode="dark"] .hy-est .hy-est__done {
    background-color: #181818;
  }
}

:root[data-hy-mode] .hy-svc-link.hy-svc-link_portfolio {
  background-color: var(--hy-pal-555555);
}

:root[data-hy-mode="light"] .hy-svc-link.hy-svc-link_portfolio p {
  color: #555555;
}

:root[data-hy-mode="light"] .hy-svc-link.hy-svc-link_portfolio p a {
  color: #111111;
}

:root[data-hy-mode] .single-post .section-blog,
:root[data-hy-mode] .step-item::before,
:root[data-hy-mode] .hy-flow__item:hover {
  background-color: var(--hy-pal-f7f6f3);
}

:root[data-hy-mode] .section-blog__wrapper-post table tbody th,
:root[data-hy-mode] .section-blog__wrapper-post table tbody td,
:root[data-hy-mode] .elementor-widget-html .elementor-widget-container nav.hy-toc,
:root[data-hy-mode] .hy-motion-modal__backdrop {
  background-color: var(--hy-pal-eeece6);
}

:root[data-hy-mode] body.single-post footer.bg-light-1 {
  background-color: var(--hy-pal-f2f1ed) !important;
}

:root[data-hy-mode] .arts-elementor-theme-dark form .box {
  background-color: var(--hy-pal-f7f6f3) !important;
}

:root[data-hy-mode="light"] .arts-elementor-theme-light form .box {
  background-color: var(--hy-pal-333333) !important;
}

:root[data-hy-mode="dark"] .value-summary-radial::before,
:root[data-hy-mode="dark"] .core-dot,
:root[data-hy-mode="dark"] .process-steps::before,
:root[data-hy-mode="dark"] .process-step:hover .step-item::before,
:root[data-hy-mode="dark"] .av-card::after {
  background-color: #d6d4ce;
}

:root[data-hy-mode] {
  --hy-stack-intro-bg: var(--hy-pal-ffffff);
  --hy-stack-ink: var(--hy-pal-111111);
}

:root[data-hy-mode] .hy-motion-card__media {
  background-color: var(--hy-pal-cecece);
}

:root[data-hy-mode="dark"] .highlight {
  background-color: #eeece6;
  color: #111111;
}

:root[data-hy-mode="dark"] .scrollbar-track {
  background-color: rgba(30, 30, 30, 0.75) !important;
}

:root[data-hy-mode="dark"] .scrollbar-thumb {
  background-color: rgba(238, 236, 230, 0.45) !important;
}

@media (prefers-reduced-motion: no-preference) {
  .section-scroll,
  .elementor-element[data-hy-bgvar] {
    transition: background-color 0.6s var(--hy-mode-ease);
  }
}

[data-hy-flipped] .hy-adaptive-logo,
.hy-adaptive-logo[data-hy-flipped] {
  filter: invert(1) hue-rotate(180deg);
}

@media (prefers-reduced-motion: no-preference) {
  .hy-adaptive-logo {
    transition: filter 0.6s var(--hy-mode-ease);
  }
}

.hy-mode-toggle {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: scale 0.25s var(--hy-mode-ease-out);
}

.hy-mode-toggle::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px currentColor;
  opacity: 0;
  scale: 0.6;
  transition: scale 0.5s var(--hy-mode-ease-out), opacity 0.4s var(--hy-mode-ease-out);
}

.hy-mode-toggle:hover::before,
.hy-mode-toggle:focus-visible::before {
  opacity: 0.3;
  scale: 1;
}

.hy-mode-toggle:active {
  scale: 0.88;
}

.hy-mode-toggle:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 4px;
}

.hy-mode-toggle__icon {
  display: block;
  overflow: visible;
  transition: rotate 0.6s var(--hy-mode-ease-out);
}

.hy-mode-toggle:hover .hy-mode-toggle__icon {
  rotate: 24deg;
}

.hy-mode-toggle__core,
.hy-mode-toggle__rays,
.hy-mode-toggle__cut,
.hy-mode-toggle__ring,
.hy-mode-toggle__half {
  transform-box: fill-box;
  transform-origin: center;
}

.hy-mode-toggle__core {
  transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s var(--hy-mode-ease-out);
}

.hy-mode-toggle__rays {
  transition: transform 0.7s var(--hy-mode-ease-out), opacity 0.35s var(--hy-mode-ease-out);
}

.hy-mode-toggle__cut {
  transform: translate(9px, -9px);
  transition: transform 0.8s var(--hy-mode-ease-out);
}

.hy-mode-toggle__ring {
  opacity: 0;
  transform: scale(0.4);
  transition: transform 0.7s var(--hy-mode-ease-out), opacity 0.35s var(--hy-mode-ease-out);
}

.hy-mode-toggle__half {
  transform: translateX(-12px);
  transition: transform 0.7s var(--hy-mode-ease-out);
}

:root[data-hy-mode="neutral"] .hy-mode-toggle__core,
:root:not([data-hy-mode]) .hy-mode-toggle__core {
  transform: scale(0.2);
  opacity: 0;
}

:root[data-hy-mode="neutral"] .hy-mode-toggle__rays,
:root:not([data-hy-mode]) .hy-mode-toggle__rays,
:root[data-hy-mode="dark"] .hy-mode-toggle__rays {
  transform: rotate(-90deg) scale(0.4);
  opacity: 0;
}

:root[data-hy-mode="neutral"] .hy-mode-toggle__ring,
:root:not([data-hy-mode]) .hy-mode-toggle__ring {
  opacity: 1;
  transform: none;
}

:root[data-hy-mode="neutral"] .hy-mode-toggle__half,
:root:not([data-hy-mode]) .hy-mode-toggle__half {
  transform: none;
}

:root[data-hy-mode="dark"] .hy-mode-toggle__core {
  transform: scale(1.5);
}

:root[data-hy-mode="dark"] .hy-mode-toggle__cut {
  transform: none;
}

.hy-mode-toggle__label {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--hy-mode-ink);
  color: var(--hy-mode-surface);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  translate: -50% -6px;
  transition: opacity 0.35s var(--hy-mode-ease-out), translate 0.5s var(--hy-mode-ease-out);
}

.hy-mode-toggle.is-announcing .hy-mode-toggle__label {
  opacity: 1;
  translate: -50% 0;
}

:root.is-hy-mode-changing::view-transition-old(root),
:root.is-hy-mode-changing::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

:root.is-hy-mode-changing::view-transition-old(root) {
  z-index: 1;
}

:root.is-hy-mode-changing::view-transition-new(root) {
  z-index: 2;
}

@media (max-width: 767px) {
  .hy-mode-toggle {
    width: 40px;
    height: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hy-mode-toggle,
  .hy-mode-toggle::before,
  .hy-mode-toggle__icon,
  .hy-mode-toggle__core,
  .hy-mode-toggle__cut,
  .hy-mode-toggle__rays,
  .hy-mode-toggle__ring,
  .hy-mode-toggle__half,
  .hy-mode-toggle__label,
  .hy-adaptive-logo {
    transition: none;
  }
}

:root[data-hy-mode="light"] [data-hy-ink-fix] {
  color: var(--paragraph-color-dark) !important;
}

:root[data-hy-mode="light"] :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title)[data-hy-ink-fix] {
  color: var(--h3-color-dark) !important;
}