html[data-seach-next="v1"] {
  --sn-canvas: #f5f7fb;
  --sn-surface: #ffffff;
  --sn-surface-2: #eef2f8;
  --sn-elevated: #ffffff;
  --sn-ink: #17233b;
  --sn-muted: #4a5871;
  --sn-subtle: #60718b;
  --sn-border: #d7e0ed;
  --sn-outline: #788aa6;
  --sn-primary: #2851c7;
  --sn-primary-hover: #1d3e9c;
  --sn-on-primary: #ffffff;
  --sn-focus: #315fdf;
  --sn-focus-glow: rgba(49,95,223,.24);
  --sn-navbar-bg: rgba(255,255,255,.96);
  --sn-shadow: 0 5px 24px rgba(28,43,73,.055);
  --sn-shadow-up: 0 14px 32px rgba(28,43,73,.115);
  color-scheme: light;
}
html[data-seach-next="v1"]:has(body.theme-dark) {
  color-scheme: dark;
}
html[data-seach-next="v1"] body.theme-dark {
  --sn-canvas: #0d111b;
  --sn-surface: #171d2b;
  --sn-surface-2: #20293a;
  --sn-elevated: #1b2433;
  --sn-ink: #f1f5fb;
  --sn-muted: #c0cadc;
  --sn-subtle: #a9b8d0;
  --sn-border: #3b4960;
  --sn-outline: #71829b;
  --sn-primary: #a9c0ff;
  --sn-primary-hover: #c4d2ff;
  --sn-on-primary: #111e3d;
  --sn-focus: #aec6ff;
  --sn-focus-glow: rgba(147,176,255,.30);
  --sn-navbar-bg: rgba(23,29,43,.96);
  --sn-shadow: 0 7px 26px rgba(0,0,0,.23);
  --sn-shadow-up: 0 15px 38px rgba(0,0,0,.36);
  color-scheme: dark;
}
html[data-seach-next="v1"] body {
  background: var(--sn-canvas) !important;
  color: var(--sn-ink);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
html[data-seach-next="v1"] .page,
html[data-seach-next="v1"] .page-wrapper,
html[data-seach-next="v1"] .page-content {
  background-color: var(--sn-canvas);
  color: var(--sn-ink);
}
html[data-seach-next="v1"] .page-content > .container,
html[data-seach-next="v1"] .page-content > .container-xl {
  max-width: 1336px;
}
html[data-seach-next="v1"] h1,
html[data-seach-next="v1"] h2,
html[data-seach-next="v1"] h3,
html[data-seach-next="v1"] h4,
html[data-seach-next="v1"] h5,
html[data-seach-next="v1"] h6,
html[data-seach-next="v1"] .card-title,
html[data-seach-next="v1"] .page-title {
  color: var(--sn-ink);
  letter-spacing: -.018em;
}
html[data-seach-next="v1"] .page-title,
html[data-seach-next="v1"] #content-box h1 {
  font-weight: 720;
  line-height: 1.2;
}
html[data-seach-next="v1"] .text-muted,
html[data-seach-next="v1"] .text-secondary,
html[data-seach-next="v1"] .form-text,
html[data-seach-next="v1"] .text-body-secondary,
html[data-seach-next="v1"] .small.text-muted,
html[data-seach-next="v1"] .page-title + p {
  color: var(--sn-muted) !important;
}
html[data-seach-next="v1"] body.theme-dark .text-body,
html[data-seach-next="v1"] body.theme-dark .card-header .text-dark,
html[data-seach-next="v1"] body.theme-dark .sidebars .text-dark {
  color: var(--sn-ink) !important;
}
html[data-seach-next="v1"] a:not(.btn):not(.dropdown-item):not(.nav-link):not(.card):not(.navbar-brand) {
  color: var(--sn-primary);
  text-underline-offset: .16em;
}
html[data-seach-next="v1"] a:not(.btn):not(.dropdown-item):not(.nav-link):not(.card):hover {
  color: var(--sn-primary-hover);
}
html[data-seach-next="v1"] hr,
html[data-seach-next="v1"] .border-bottom,
html[data-seach-next="v1"] .border-top {
  border-color: var(--sn-border) !important;
}
html[data-seach-next="v1"] header.navbar {
  background: var(--sn-navbar-bg) !important;
  color: var(--sn-ink) !important;
  border-bottom: 1px solid var(--sn-border);
  box-shadow: 0 2px 16px rgba(0,0,0,.035);
  -webkit-backdrop-filter: saturate(130%) blur(12px);
  backdrop-filter: saturate(130%) blur(12px);
  min-height: 70px;
  z-index: 1020;
}
html[data-seach-next="v1"] header.navbar .nav-link,
html[data-seach-next="v1"] header.navbar .navbar-brand,
html[data-seach-next="v1"] header.navbar .text-reset {
  color: var(--sn-ink) !important;
}
html[data-seach-next="v1"] header.navbar .nav-link {
  font-weight: 550;
  border-radius: 9px;
}
html[data-seach-next="v1"] header.navbar .nav-link:hover,
html[data-seach-next="v1"] header.navbar .nav-link:focus-visible {
  color: var(--sn-primary) !important;
  background: var(--sn-surface-2);
}
html[data-seach-next="v1"] .btn-toggle-mode,
html[data-seach-next="v1"] #search-icon,
html[data-seach-next="v1"] header.navbar .navbar-toggler {
  background: var(--sn-surface) !important;
  color: var(--sn-ink) !important;
  border: 1px solid var(--sn-border) !important;
  border-radius: 10px !important;
  min-height: 40px;
  min-width: 40px;
}
html[data-seach-next="v1"] header.navbar .navbar-toggler-icon { filter: none; }
html[data-seach-next="v1"] body.theme-dark header.navbar .navbar-toggler-icon { filter: invert(1) grayscale(1); }
html[data-seach-next="v1"] .card,
html[data-seach-next="v1"] .list-group-item,
html[data-seach-next="v1"] .accordion-item,
html[data-seach-next="v1"] .form-fieldset {
  background: var(--sn-surface);
  color: var(--sn-ink);
  border-color: var(--sn-border) !important;
}
html[data-seach-next="v1"] .card {
  border: 1px solid var(--sn-border) !important;
  border-radius: 15px;
  box-shadow: var(--sn-shadow);
}
html[data-seach-next="v1"] .card-header,
html[data-seach-next="v1"] .card-footer {
  border-color: var(--sn-border) !important;
  background-color: var(--sn-surface);
  color: var(--sn-ink);
}
html[data-seach-next="v1"] .card-header:first-child { border-radius: 15px 15px 0 0; }
html[data-seach-next="v1"] .card .card-body { color: var(--sn-ink); }
html[data-seach-next="v1"] .sidebars .card,
html[data-seach-next="v1"] #content-box > .card { overflow-wrap: anywhere; }
html[data-seach-next="v1"] .sidebars .card-header {
  padding-block: 16px;
}
html[data-seach-next="v1"] .sidebars .list-group-item,
html[data-seach-next="v1"] .sidebars .text-body {
  color: var(--sn-ink) !important;
}
html[data-seach-next="v1"] #tools-box .category-box,
html[data-seach-next="v1"] .sidebars .card-header {
  background: var(--sn-surface-2) !important;
  color: var(--sn-ink) !important;
}
html[data-seach-next="v1"] #tools-box .category-box *,
html[data-seach-next="v1"] .sidebars .card-header * {
  color: var(--sn-ink) !important;
}
html[data-seach-next="v1"] #tools-box > .card {
  margin-bottom: 22px !important;
}
html[data-seach-next="v1"] #tools-box .category-box {
  padding: 18px 22px;
}
html[data-seach-next="v1"] #tools-box .category-box h3 { font-size: clamp(1.04rem, 1.4vw, 1.3rem); font-weight: 700; }
html[data-seach-next="v1"] #tools-box .category-box span { color: var(--sn-muted) !important; line-height: 1.6; }
html[data-seach-next="v1"] #tools-box a.item-box,
html[data-seach-next="v1"] #search-box a.item-box {
  background: var(--sn-elevated) !important;
  border: 1px solid var(--sn-border) !important;
  box-shadow: none !important;
  border-radius: 13px;
  color: var(--sn-ink) !important;
  height: 100%;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
html[data-seach-next="v1"] #tools-box a.item-box .fw-medium,
html[data-seach-next="v1"] #search-box a.item-box .fw-medium {
  color: var(--sn-ink) !important;
  font-weight: 600 !important;
}
html[data-seach-next="v1"] #tools-box a.item-box:hover,
html[data-seach-next="v1"] #tools-box a.item-box:focus-visible,
html[data-seach-next="v1"] #search-box a.item-box:hover,
html[data-seach-next="v1"] #search-box a.item-box:focus-visible {
  border-color: var(--sn-primary) !important;
  box-shadow: var(--sn-shadow-up) !important;
  transform: translateY(-2px);
}
html[data-seach-next="v1"] #tools-box a.item-box .avatar {
  border-radius: 10px;
}
html[data-seach-next="v1"] .form-control,
html[data-seach-next="v1"] .form-select,
html[data-seach-next="v1"] .input-group-text,
html[data-seach-next="v1"] .form-check-input:not(:checked),
html[data-seach-next="v1"] .choices__inner,
html[data-seach-next="v1"] .choices__input,
html[data-seach-next="v1"] .ts-control,
html[data-seach-next="v1"] .ts-dropdown,
html[data-seach-next="v1"] .select2-selection {
  background-color: var(--sn-elevated) !important;
  color: var(--sn-ink) !important;
  border: 1px solid var(--sn-outline) !important;
  border-radius: 10px;
}
html[data-seach-next="v1"] .form-control::placeholder,
html[data-seach-next="v1"] textarea::placeholder,
html[data-seach-next="v1"] input::placeholder {
  color: var(--sn-subtle) !important;
  opacity: 1 !important;
}
html[data-seach-next="v1"] label,
html[data-seach-next="v1"] .form-label,
html[data-seach-next="v1"] .form-check-label,
html[data-seach-next="v1"] legend {
  color: var(--sn-ink);
}
html[data-seach-next="v1"] body.theme-dark select option {
  background: var(--sn-elevated);
  color: var(--sn-ink);
}
html[data-seach-next="v1"] .form-control:disabled,
html[data-seach-next="v1"] .form-select:disabled,
html[data-seach-next="v1"] .form-control[readonly] {
  background: var(--sn-surface-2) !important;
  color: var(--sn-muted) !important;
  opacity: 1;
}
html[data-seach-next="v1"] input[type="range"] { accent-color: var(--sn-primary); }
html[data-seach-next="v1"] body.theme-dark .remote-box,
html[data-seach-next="v1"] body.theme-dark .dropzone {
  background: var(--sn-surface-2) !important;
  color: var(--sn-ink) !important;
  border: 1px dashed var(--sn-outline) !important;
}
html[data-seach-next="v1"] .btn {
  border-radius: 10px;
  font-weight: 600;
  transition: filter .15s ease, box-shadow .15s ease, transform .15s ease;
}
html[data-seach-next="v1"] .btn-primary,
html[data-seach-next="v1"] .btn-primary:hover,
html[data-seach-next="v1"] .btn-primary:focus-visible {
  background: var(--sn-primary) !important;
  color: var(--sn-on-primary) !important;
  border-color: var(--sn-primary) !important;
}
html[data-seach-next="v1"] .btn-primary:hover { filter: brightness(.96); }
html[data-seach-next="v1"] .btn-default,
html[data-seach-next="v1"] .btn-outline-primary,
html[data-seach-next="v1"] .btn-outline-secondary {
  background: var(--sn-surface) !important;
  border-color: var(--sn-outline) !important;
  color: var(--sn-ink) !important;
}
html[data-seach-next="v1"] .btn-default:hover,
html[data-seach-next="v1"] .btn-outline-secondary:hover {
  background: var(--sn-surface-2) !important;
}
html[data-seach-next="v1"] :where(a,button,input,textarea,select,[role="button"],[tabindex]):focus-visible {
  outline: 3px solid var(--sn-focus) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px var(--sn-focus-glow);
}
html[data-seach-next="v1"] ::selection {
  color: var(--sn-ink);
  background: var(--sn-surface-2);
}
html[data-seach-next="v1"] .dropdown-menu,
html[data-seach-next="v1"] .popover,
html[data-seach-next="v1"] .modal-content,
html[data-seach-next="v1"] .offcanvas,
html[data-seach-next="v1"] .accordion-button,
html[data-seach-next="v1"] .list-group {
  background: var(--sn-elevated);
  color: var(--sn-ink);
  border-color: var(--sn-border) !important;
}
html[data-seach-next="v1"] .dropdown-menu,
html[data-seach-next="v1"] .modal-content,
html[data-seach-next="v1"] .popover {
  border-radius: 13px;
  box-shadow: var(--sn-shadow-up);
}
html[data-seach-next="v1"] .dropdown-item,
html[data-seach-next="v1"] .dropdown-header,
html[data-seach-next="v1"] .modal-title,
html[data-seach-next="v1"] .accordion-button {
  color: var(--sn-ink) !important;
}
html[data-seach-next="v1"] .dropdown-item:hover,
html[data-seach-next="v1"] .dropdown-item:focus-visible,
html[data-seach-next="v1"] .accordion-button:not(.collapsed) {
  background: var(--sn-surface-2) !important;
  color: var(--sn-ink) !important;
}
html[data-seach-next="v1"] .dropdown-divider,
html[data-seach-next="v1"] .modal-header,
html[data-seach-next="v1"] .modal-footer { border-color: var(--sn-border) !important; }
html[data-seach-next="v1"] .table {
  --tblr-table-bg: var(--sn-surface);
  --tblr-table-color: var(--sn-ink);
  --bs-table-bg: var(--sn-surface);
  --bs-table-color: var(--sn-ink);
  --bs-table-border-color: var(--sn-border);
  color: var(--sn-ink);
  border-color: var(--sn-border);
}
html[data-seach-next="v1"] .table > :not(caption) > * > * { color: var(--sn-ink); border-color: var(--sn-border); }
html[data-seach-next="v1"] .table-striped > tbody > tr:nth-of-type(odd) > * { background: var(--sn-surface-2); }
html[data-seach-next="v1"] body.theme-dark .alert:not(.alert-important) { border-color: var(--sn-border); }
html[data-seach-next="v1"] body.theme-dark .alert-warning { background: #3c301b; color: #ffe7af; }
html[data-seach-next="v1"] body.theme-dark .alert-danger { background: #3e2029; color: #ffd4dc; }
html[data-seach-next="v1"] body.theme-dark .alert-success { background: #193629; color: #c0f4d6; }
html[data-seach-next="v1"] body.theme-dark .alert-info { background: #1c3144; color: #ceeafa; }
html[data-seach-next="v1"] .cookies-wrapper > div,
html[data-seach-next="v1"] .cookies-wrapper .card-body {
  background: var(--sn-elevated) !important;
  color: var(--sn-ink) !important;
  border-color: var(--sn-border) !important;
  border-radius: 15px;
}
html[data-seach-next="v1"] .cookies-wrapper .text-dark { color: var(--sn-ink) !important; }
html[data-seach-next="v1"] .footer {
  background: var(--sn-canvas);
  border-top: 1px solid var(--sn-border);
  color: var(--sn-muted);
}
html[data-seach-next="v1"] .footer h3,
html[data-seach-next="v1"] .footer h4 { color: var(--sn-ink); }
html[data-seach-next="v1"] .search-box {
  inset-inline-start: 0;
  inset-inline-end: auto;
  width: min(calc(100vw - 24px), 780px);
  max-width: calc(100vw - 24px);
  z-index: 1050;
  background: var(--sn-elevated);
  border-radius: 14px;
  border: 1px solid var(--sn-border);
  box-shadow: var(--sn-shadow-up);
  padding: 12px;
  color: var(--sn-ink);
}
html[data-seach-next="v1"] .search-box .card {
  box-shadow: none;
  border-radius: 12px !important;
}
html[data-seach-next="v1"] .search-box input[type="text"] {
  border-radius: 10px !important;
  background: var(--sn-surface) !important;
  color: var(--sn-ink) !important;
}
@media (max-width: 991.98px) {
  html[data-seach-next="v1"] header.navbar { min-height: 62px; }
  html[data-seach-next="v1"] .page-content > .container { padding-inline: 15px; }
  html[data-seach-next="v1"] header.navbar .navbar-nav.flex-row { gap: 2px; }
  html[data-seach-next="v1"] .search-box { inset-inline-start: 0; }
  html[data-seach-next="v1"] #tools-box .category-box { padding: 16px; }
}
@media (max-width: 575.98px) {
  html[data-seach-next="v1"] .card { border-radius: 12px; }
  html[data-seach-next="v1"] .card-header:first-child { border-radius: 12px 12px 0 0; }
  html[data-seach-next="v1"] #content-box > .card > .card-body { padding: 16px; }
  html[data-seach-next="v1"] #tools-box .card-body { padding-inline: 12px; }
  html[data-seach-next="v1"] .navbar-brand-image { max-width: 105px; height: auto; }
  html[data-seach-next="v1"] .search-box { max-width: calc(100vw - 16px); padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-seach-next="v1"] *,
  html[data-seach-next="v1"] *::before,
  html[data-seach-next="v1"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}
html[data-seach-next="v1"] #tools-box .sn-home-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 20px;
  margin-bottom: 24px;
  padding: clamp(24px, 4vw, 52px);
  background: var(--sn-surface);
  border: 1px solid var(--sn-border);
  box-shadow: var(--sn-shadow);
}
html[data-seach-next="v1"] #tools-box .sn-home-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  inline-size: 310px;
  block-size: 310px;
  inset-inline-end: -100px;
  inset-block-start: -180px;
  border-radius: 100%;
  background: radial-gradient(circle, var(--sn-surface-2), transparent 70%);
  pointer-events: none;
}
html[data-seach-next="v1"] #tools-box .sn-home-eyebrow {
  color: var(--sn-primary);
  font-size: .76rem;
  font-weight: 750;
  letter-spacing: .12em;
  margin-bottom: 14px;
}
html[data-seach-next="v1"] #tools-box .sn-home-hero h2 {
  max-width: 840px;
  font-size: clamp(1.7rem, 3.4vw, 2.8rem);
  line-height: 1.18;
  letter-spacing: -.045em;
  font-weight: 750;
  margin: 0 0 12px;
  color: var(--sn-ink) !important;
}
html[data-seach-next="v1"] #tools-box .sn-home-hero p {
  color: var(--sn-muted) !important;
  line-height: 1.65;
  max-width: 660px;
  font-size: 1.02rem;
  margin: 0 0 22px;
}
html[data-seach-next="v1"] #tools-box .sn-home-search-label {
  display: block;
  font-size: .84rem;
  font-weight: 650;
  margin-bottom: 9px;
  color: var(--sn-ink) !important;
}
html[data-seach-next="v1"] #tools-box .sn-home-search-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 760px;
  min-height: 55px;
  border: 1px solid var(--sn-outline);
  border-radius: 12px;
  background: var(--sn-elevated);
  color: var(--sn-muted);
  padding: 7px 15px;
}
html[data-seach-next="v1"] #tools-box .sn-home-search-wrap:focus-within {
  border-color: var(--sn-focus);
  box-shadow: 0 0 0 3px var(--sn-focus-glow);
}
html[data-seach-next="v1"] #sn-home-filter {
  border: 0;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent;
  color: var(--sn-ink);
  font-size: 1rem;
  width: 100%;
  min-width: 0;
}
html[data-seach-next="v1"] #sn-home-filter::placeholder {
  color: var(--sn-subtle);
  opacity: 1;
}
html[data-seach-next="v1"] .sn-home-search-wrap kbd {
  white-space: nowrap;
  border: 1px solid var(--sn-border);
  border-radius: 6px;
  background: var(--sn-surface-2);
  color: var(--sn-muted);
  font-size: .66rem;
  padding: 4px 6px;
}
html[data-seach-next="v1"] .sn-home-status {
  color: var(--sn-muted);
  min-height: 18px;
  margin-top: 9px;
  font-size: .78rem;
}
html[data-seach-next="v1"] #tools-box [hidden] { display: none !important; }
@media (max-width: 575.98px) {
  html[data-seach-next="v1"] #tools-box .sn-home-hero { border-radius: 14px; padding: 22px 18px; }
  html[data-seach-next="v1"] #tools-box .sn-home-search-wrap kbd { display: none; }
}
html[data-seach-next="v1"] #parallax.text-white h1,
html[data-seach-next="v1"] #parallax.text-white h2 {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.56);
}
@media (max-width: 767.98px) {

  .navbar,
  .site-header,
  .public-header,
  .topbar {
    min-height: 72px;
  }

  .navbar-brand,
  .site-logo,
  .header-logo,
  .brand,
  .public-header .brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    max-width: 160px !important;
    flex-shrink: 1 !important;
  }

  .navbar-brand img,
  .site-logo img,
  .header-logo img,
  .brand img,
  .public-header .brand img,
  img.site-logo,
  img[alt*="logo" i] {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-height: 42px !important;
    max-width: 140px !important;
    object-fit: contain !important;
  }

  .navbar-brand .brand-text,
  .site-logo .brand-text,
  .header-logo .brand-text,
  .brand .brand-text {
    font-size: 15px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .header-actions .btn,
  .navbar .btn-icon,
  .topbar .btn-icon,
  .menu-toggle,
  .search-toggle,
  .theme-toggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .header-cta,
  .topbar .btn,
  .public-header .btn {
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  .public-header,
  .site-header,
  .topbar,
  .navbar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media (max-width: 991.98px) {

  html[data-seach-next="v1"] header.navbar .navbar-toggler .navbar-toggler-icon,
  html[data-seach-next="v1"] body.theme-dark header.navbar .navbar-toggler .navbar-toggler-icon {
    display: block;
    width: 24px;
    height: 20px;
    background-image: linear-gradient(var(--sn-ink),var(--sn-ink)),
                      linear-gradient(var(--sn-ink),var(--sn-ink)),
                      linear-gradient(var(--sn-ink),var(--sn-ink)) !important;
    background-size: 20px 2px, 20px 2px, 20px 2px !important;
    background-position: center 3px, center 9px, center 15px !important;
    background-repeat: no-repeat !important;
    filter: none !important;
    opacity: 1 !important;
  }

  html[data-seach-next="v1"] header.navbar #navbar-menu {
    background-color: var(--sn-elevated) !important;
    color: var(--sn-ink) !important;
    border: 1px solid var(--sn-border) !important;
    border-radius: 12px;
    padding: 10px 12px;
    margin-block: 10px;
    box-shadow: var(--sn-shadow-up);
  }
  html[data-seach-next="v1"] header.navbar #navbar-menu .nav-link {
    color: var(--sn-ink) !important;
    border-radius: 8px;
    padding: 10px 12px;
    line-height: 1.35;
  }
  html[data-seach-next="v1"] header.navbar #navbar-menu .nav-link:hover,
  html[data-seach-next="v1"] header.navbar #navbar-menu .nav-link:focus-visible,
  html[data-seach-next="v1"] header.navbar #navbar-menu .nav-link[aria-expanded="true"] {
    background: var(--sn-surface-2) !important;
    color: var(--sn-ink) !important;
  }
  html[data-seach-next="v1"] header.navbar #navbar-menu .dropdown-menu {
    background: var(--sn-surface) !important;
    color: var(--sn-ink) !important;
    border: 1px solid var(--sn-border) !important;
  }
  html[data-seach-next="v1"] header.navbar #navbar-menu .dropdown-item {
    color: var(--sn-ink) !important;
  }
  html[data-seach-next="v1"] header.navbar #navbar-menu .dropdown-item:hover,
  html[data-seach-next="v1"] header.navbar #navbar-menu .dropdown-item:focus-visible {
    color: var(--sn-ink) !important;
    background: var(--sn-surface-2) !important;
  }
}

@media (max-width: 991.98px) {

  .menu-toggle,
  .navbar-toggler,
  .mobile-menu-toggle,
  .offcanvas-toggle,
  .public-header .menu-toggle,
  .public-header .navbar-toggler {
    position: relative !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .menu-toggle > i,
  .menu-toggle > svg,
  .menu-toggle > img,
  .menu-toggle > span,
  .navbar-toggler > i,
  .navbar-toggler > svg,
  .navbar-toggler > img,
  .navbar-toggler > span,
  .mobile-menu-toggle > i,
  .mobile-menu-toggle > svg,
  .mobile-menu-toggle > img,
  .mobile-menu-toggle > span,
  .offcanvas-toggle > i,
  .offcanvas-toggle > svg,
  .offcanvas-toggle > img,
  .offcanvas-toggle > span,
  .public-header .menu-toggle > i,
  .public-header .menu-toggle > svg,
  .public-header .menu-toggle > img,
  .public-header .menu-toggle > span {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .menu-toggle::before,
  .navbar-toggler::before,
  .mobile-menu-toggle::before,
  .offcanvas-toggle::before,
  .public-header .menu-toggle::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 20px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: currentColor !important;
    transform: translate(-50%, -50%) !important;
    box-shadow:
      0 -6px 0 currentColor,
      0  6px 0 currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-theme="dark"] .menu-toggle,
  html[data-theme="dark"] .navbar-toggler,
  html[data-theme="dark"] .mobile-menu-toggle,
  html[data-theme="dark"] .offcanvas-toggle,
  html[data-theme="dark"] .public-header .menu-toggle {
    color: #e8edf8 !important;
  }

  html[data-theme="light"] .menu-toggle,
  html[data-theme="light"] .navbar-toggler,
  html[data-theme="light"] .mobile-menu-toggle,
  html[data-theme="light"] .offcanvas-toggle,
  html[data-theme="light"] .public-header .menu-toggle {
    color: #1f2a44 !important;
  }

  .public-header ul,
  .public-header li,
  .site-header ul,
  .site-header li,
  .navbar ul,
  .navbar li {
    list-style: none !important;
  }

  .public-header li::marker,
  .site-header li::marker,
  .navbar li::marker {
    content: "" !important;
  }
}
@media (max-width: 767.98px) {
  html[data-seach-next="v1"] header.navbar > .container-xl {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) max-content;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    padding-inline: 12px !important;
    width: 100%;
    min-width: 0;
  }

  html[data-seach-next="v1"] header.navbar > .container-xl > button.navbar-toggler {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--sn-ink) !important;
    line-height: 1 !important;
    overflow: hidden !important;
  }
  html[data-seach-next="v1"] header.navbar > .container-xl > button.navbar-toggler > .navbar-toggler-icon {
    display: none !important;
  }
  html[data-seach-next="v1"] header.navbar > .container-xl > button.navbar-toggler::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 22px !important;
    height: 16px !important;
    background-image: linear-gradient(currentColor, currentColor),
                      linear-gradient(currentColor, currentColor),
                      linear-gradient(currentColor, currentColor) !important;
    background-size: 22px 2px, 22px 2px, 22px 2px !important;
    background-position: center top, center center, center bottom !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    transform: translate(-50%, -50%) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-seach-next="v1"] header.navbar > .container-xl > a.navbar-brand {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 96px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
  }
  html[data-seach-next="v1"] header.navbar > .container-xl > a.navbar-brand > img.navbar-brand-image {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 36px !important;
    object-fit: contain !important;
  }

  html[data-seach-next="v1"] header.navbar > .container-xl > .navbar-nav.flex-row {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    width: max-content;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }
  html[data-seach-next="v1"] header.navbar > .container-xl > .navbar-nav.flex-row > *,
  html[data-seach-next="v1"] header.navbar > .container-xl > .navbar-nav.flex-row > * > .nav-item,
  html[data-seach-next="v1"] header.navbar > .container-xl > .navbar-nav.flex-row > li > a.btn {
    margin: 0 !important;
  }
  html[data-seach-next="v1"] header.navbar > .container-xl > .navbar-nav.flex-row > li {
    list-style: none !important;
  }
  html[data-seach-next="v1"] header.navbar #search-icon,
  html[data-seach-next="v1"] header.navbar .navbar-nav.flex-row .btn-toggle-mode {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html[data-seach-next="v1"] header.navbar > .container-xl > .navbar-nav.flex-row > li.nav-item > a.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 9px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  html[data-seach-next="v1"] header.navbar > .container-xl > #navbar-menu {
    grid-column: 1 / -1;
    grid-row: 2;
    min-width: 0;
  }
}
@media (max-width: 359.98px) {
  html[data-seach-next="v1"] header.navbar > .container-xl {
    grid-template-columns: 40px minmax(0, 1fr) max-content;
    column-gap: 6px !important;
    padding-inline: 10px !important;
  }
  html[data-seach-next="v1"] header.navbar > .container-xl > button.navbar-toggler {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }
  html[data-seach-next="v1"] header.navbar > .container-xl > .navbar-nav.flex-row {
    gap: 4px !important;
  }
  html[data-seach-next="v1"] header.navbar #search-icon,
  html[data-seach-next="v1"] header.navbar .navbar-nav.flex-row .btn-toggle-mode {
    flex-basis: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }
  html[data-seach-next="v1"] header.navbar > .container-xl > .navbar-nav.flex-row > li.nav-item > a.btn {
    padding-inline: 7px !important;
    font-size: 12px !important;
  }
}


@media (min-width: 992px) {

  html[data-seach-next="v1"]
  header.navbar li.nav-item:has(> img[name^="kl_"]) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    flex-wrap: nowrap !important;
    min-height: 0;
  }

  html[data-seach-next="v1"]
  header.navbar li.nav-item:has(> img[name^="kl_"]) > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
  }

  html[data-seach-next="v1"]
  header.navbar li.nav-item > img[name^="kl_"] {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    pointer-events: none !important;
  }
}