@font-face {
    font-family: "Space Grotesk";
    src: url("https://homol.leds.academy/pluginfile.php/1/local_ledstheming/fontbody/2/SpaceGrotesk-VariableFont_wght.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Space Grotesk";
    src: url("https://homol.leds.academy/pluginfile.php/1/local_ledstheming/fontheading/2/SpaceGrotesk-VariableFont_wght.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
body.ledstheming {
  background-color: #ffffff;
  font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
body.ledstheming h1, body.ledstheming h2, body.ledstheming h3, body.ledstheming h4, body.ledstheming h5, body.ledstheming h6, body.ledstheming .h1, body.ledstheming .h2, body.ledstheming .h3, body.ledstheming .h4, body.ledstheming .h5, body.ledstheming .h6 {
  font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
body.ledstheming .btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-active-color: #ffffff;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-bg: #2323ff;
  --bs-btn-border-color: #2323ff;
  --bs-btn-hover-bg: #1c1ccc;
  --bs-btn-hover-border-color: #1c1ccc;
  --bs-btn-active-bg: #1717a6;
  --bs-btn-active-border-color: #1717a6;
  --bs-btn-disabled-bg: #2323ff;
  --bs-btn-disabled-border-color: #2323ff;
  background-color: #2323ff;
  border-color: #2323ff;
  color: #ffffff;
}
body.ledstheming .btn-primary:hover, body.ledstheming .btn-primary:focus {
  color: #ffffff;
  background-color: #1c1ccc;
  border-color: #1c1ccc;
}
body.ledstheming .btn-primary:active, body.ledstheming .btn-primary.active {
  background-color: #1717a6;
  border-color: #1717a6;
}
body.ledstheming .btn-outline-primary {
  --bs-btn-color: #2323ff;
  --bs-btn-border-color: #2323ff;
  --bs-btn-hover-bg: #2323ff;
  --bs-btn-hover-border-color: #2323ff;
  --bs-btn-active-bg: #1c1ccc;
  --bs-btn-active-border-color: #1c1ccc;
  color: #2323ff;
  border-color: #2323ff;
}
body.ledstheming .btn-outline-primary:hover, body.ledstheming .btn-outline-primary:focus {
  background-color: #2323ff;
  border-color: #2323ff;
  color: #ffffff;
}
body.ledstheming .btn-secondary {
  --bs-btn-color: #1d1d1f;
  --bs-btn-bg: #ffff23;
  --bs-btn-border-color: #ffff23;
  --bs-btn-hover-color: #1d1d1f;
  --bs-btn-hover-bg: #cccc1c;
  --bs-btn-hover-border-color: #cccc1c;
}
body.ledstheming .bg-primary, body.ledstheming .badge.bg-primary {
  background-color: #2323ff !important;
  color: #ffffff;
}
body.ledstheming .text-primary {
  color: #2323ff !important;
}
body.ledstheming .border-primary {
  border-color: #2323ff !important;
}
body.ledstheming .form-control:focus, body.ledstheming .form-select:focus, body.ledstheming .form-check-input:focus {
  border-color: #2323ff;
  box-shadow: 0 0 0 0.25rem rgba(35, 35, 255, 0.25);
}
body.ledstheming .form-check-input:checked {
  background-color: #2323ff;
  border-color: #2323ff;
}
body.ledstheming .nav-pills .nav-link.active, body.ledstheming .nav-pills .show > .nav-link {
  background-color: #2323ff;
}
body.ledstheming .nav-tabs .nav-link.active {
  color: #2323ff;
  border-bottom-color: #2323ff;
}
body.ledstheming .page-item.active .page-link {
  background-color: #2323ff;
  border-color: #2323ff;
}
body.ledstheming .page-link {
  color: #2323ff;
}
body.ledstheming .progress-bar {
  background-color: #2323ff;
}
body.ledstheming a:focus-visible, body.ledstheming button:focus-visible, body.ledstheming .btn:focus-visible {
  outline: 2px solid #2323ff;
  outline-offset: 2px;
}
body.ledstheming .courseindex .courseindex-item.pageitem {
  border-left-color: #2323ff;
}
body.ledstheming .navbar .nav-link.active {
  color: #2323ff;
}
body.ledstheming .navbar-brand img, body.ledstheming .navbar-brand .logo, body.ledstheming img.logo, body.ledstheming .login-wrapper img.logo {
  content: url("https://homol.leds.academy/pluginfile.php/1/local_ledstheming/logo/2/fav.png");
  max-height: 2.5rem;
  width: auto;
}
:where(body.ledstheming) :where(a:not(.btn, .nav-link, .dropdown-item, .page-link)) {
  color: #2323ff;
}
:where(body.ledstheming) :where(a:not(.btn, .nav-link, .dropdown-item, .page-link)):hover, :where(body.ledstheming) :where(a:not(.btn, .nav-link, .dropdown-item, .page-link)):focus {
  color: #1c1ccc;
}
:where(body.ledstheming) :where(.activity-item .activityname a, .aalink) {
  color: #2323ff;
}
body.ledstheming:not(#academia) {
  --leds-course-card-radius: 1.75rem;
  --leds-course-card-padding: 0.5rem;
  --leds-course-card-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 30px rgba(27, 34, 167, 0.08);
  --leds-course-card-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 18px 44px rgba(54, 101, 243, 0.45);
  --leds-course-card-lift: -4px;
  --leds-catalogue-hero-radius: 2rem;
  --leds-module-radius: 1.75rem;
  --leds-lesson-radius: 1.25rem;
  --leds-module-shadow: 0 12px 30px rgba(15, 22, 64, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  --leds-module-border: rgba(255, 255, 255, 0.85);
  --leds-lesson-hover-bg: rgba(255, 255, 255, 0.92);
  --leds-menu-border: rgba(255, 255, 255, 0.85);
  --leds-color-border: rgba(27, 34, 167, 0.1);
  --leds-color-border-strong: rgba(27, 34, 167, 0.22);
  --leds-btn-secondary-border: rgba(255, 255, 255, 0.85);
  --leds-shell-surface-bg: #FAFAFA;
  --leds-module-bg: rgba(255, 255, 255, 0.55);
  --leds-lesson-bg: rgba(255, 255, 255, 0.78);
  --leds-menu-bg: rgba(255, 255, 255, 0.78);
  --leds-blocks-drawer-block-bg: rgba(255, 255, 255, 0.55);
  --leds-material-bg: rgba(255, 255, 255, 0.55);
  --leds-material-bg-strong: rgba(255, 255, 255, 0.78);
  --leds-material-border: rgba(255, 255, 255, 0.85);
  --leds-material-blur: saturate(160%) blur(22px);
  --leds-shell-surface-shadow:
        0 0 0 1px rgba(123, 204, 249, 0.5),
        0 0 36px rgba(123, 204, 249, 0.22),
        0 30px 90px rgba(27, 34, 167, 0.35);
  --leds-btn-primary-shadow: 0 12px 32px rgba(54, 101, 243, 0.35);
  --leds-btn-hover-bg: rgba(66, 96, 230, 0.1);
  --leds-btn-hover-fg: #1B22A7;
  --leds-btn-hover-border: #4260E6;
  --leds-rail-bg: transparent;
  --leds-rail-blur: none;
  --leds-rail-border: transparent;
  --leds-rail-fg: rgba(255, 255, 255, 0.7);
  --leds-rail-fg-hover: #fff;
  --leds-rail-hover-bg: rgba(255, 255, 255, 0.14);
  --leds-rail-active-bg: rgba(54, 101, 243, 0.78);
  --leds-rail-active-fg: #fff;
  --leds-catalogue-tabs-bg: rgba(13, 13, 13, 0.78);
  --leds-catalogue-tabs-fg: rgba(255, 255, 255, 0.65);
  --leds-catalogue-tabs-hover-bg: rgba(255, 255, 255, 0.1);
  --leds-catalogue-tabs-active-bg: #fff;
  --leds-catalogue-tabs-active-fg: #0D0D0D;
  --leds-catalogue-tabs-active-shadow: none;
  --leds-catalogue-tabs-count-bg: rgba(66, 96, 230, 0.15);
  --leds-catalogue-hero-bg: #0D0D0D;
  --leds-catalogue-hero-accent: #4260E6;
  --leds-catalogue-hero-shadow: 0 12px 32px rgba(54, 101, 243, 0.35);
  --leds-catalogue-hero-circle-opacity: 0.85;
  --leds-catalogue-hero-ring-width: 2px;
  --leds-catalogue-hero-ring-fill: transparent;
  --leds-catalogue-hero-ring-opacity: 0.35;
  background-color: #0D0D0D;
  background-image: radial-gradient(60rem 40rem at 100% 0%, rgba(27, 34, 167, 0.55), transparent 60%), radial-gradient(50rem 36rem at 0% 100%, rgba(66, 96, 230, 0.35), transparent 60%);
  background-attachment: fixed;
}
body.ledstheming:not(#academia) h1, body.ledstheming:not(#academia) h2, body.ledstheming:not(#academia) h3, body.ledstheming:not(#academia) h4, body.ledstheming:not(#academia) .h1, body.ledstheming:not(#academia) .h2, body.ledstheming:not(#academia) .h3, body.ledstheming:not(#academia) .h4 {
  font-weight: 600;
  letter-spacing: -0.02em;
}
body.ledstheming:not(#academia) .leds-category-hero {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-image: radial-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1.5px);
  background-size: 22px 22px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 12px 32px rgba(54, 101, 243, 0.35);
}
body.ledstheming:not(#academia) .leds-category-hero::before {
  filter: blur(48px);
}
body.ledstheming:not(#academia) .leds-category-hero::after {
  border-color: #7BCCF9;
  opacity: 0.9;
  box-shadow: 0 0 24px rgba(123, 204, 249, 0.55), inset 0 0 18px rgba(123, 204, 249, 0.35);
}
body.ledstheming:not(#academia) .leds-category-hero__title {
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.05;
}
body.ledstheming:not(#academia) #page.drawers .main-inner {
  background-image: radial-gradient(36rem 28rem at 0% 0%, rgba(66, 96, 230, 0.16), transparent 65%), radial-gradient(30rem 24rem at 100% 35%, rgba(123, 204, 249, 0.16), transparent 65%), radial-gradient(34rem 26rem at 30% 100%, rgba(27, 34, 167, 0.1), transparent 65%);
}
body.ledstheming:not(#academia) .leds-course-card {
  --leds-course-card-bg: #1B22A7;
  --leds-course-card-media-bg: rgba(255, 255, 255, 0.08);
  --leds-course-card-title-fg: #fff;
  --leds-course-card-summary-fg: rgba(255, 255, 255, 0.75);
  --leds-course-card-progress-track: rgba(255, 255, 255, 0.2);
  --leds-course-card-progress-bar: #7BCCF9;
  --leds-course-card-progress-fg: rgba(255, 255, 255, 0.75);
  --leds-course-card-category-bg: #fff;
  --leds-course-card-category-fg: #0D0D0D;
  --leds-course-card-enrol-bg: #fff;
  --leds-course-card-enrol-fg: #0D0D0D;
  --leds-btn-primary-bg-hover: #E6EBFF;
  --leds-btn-primary-bg-active: #D3DBFF;
  border: 1px solid transparent;
  background: linear-gradient(160deg, rgba(27, 34, 167, 0.92) 0%, rgba(42, 51, 196, 0.88) 55%, rgba(66, 96, 230, 0.84) 120%) padding-box, linear-gradient(150deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.06) 45%, rgba(123, 204, 249, 0.6)) border-box;
  backdrop-filter: saturate(160%) blur(22px);
  -webkit-backdrop-filter: saturate(160%) blur(22px);
  color: #fff;
}
body.ledstheming:not(#academia) .leds-course-card .leds-course-card__media {
  outline: 1px solid rgba(255, 255, 255, 0.16);
  outline-offset: -1px;
}
body.ledstheming:not(#academia) .leds-course-card .leds-course-card__category {
  box-shadow: 0 0 0 1px rgba(27, 34, 167, 0.25), 0 4px 12px rgba(13, 13, 13, 0.25);
}
body.ledstheming:not(#academia) .leds-course-card .leds-course-card__summary a {
  color: #7BCCF9;
}
body.ledstheming:not(#academia) .leds-course-card .leds-btn--primary {
  --bs-btn-bg: rgba(255, 255, 255, 0.88);
  --bs-btn-border-color: rgba(255, 255, 255, 0.95);
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  background-color: rgba(255, 255, 255, 0.88);
  border-color: rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 1px 0 #fff, 0 8px 20px rgba(13, 13, 13, 0.25);
  backdrop-filter: saturate(160%) blur(22px);
  -webkit-backdrop-filter: saturate(160%) blur(22px);
}
body.ledstheming:not(#academia) .leds-course-card .leds-btn--primary:hover, body.ledstheming:not(#academia) .leds-course-card .leds-btn--primary:focus-visible {
  background-color: #fff;
  box-shadow: inset 0 1px 0 #fff, 0 12px 26px rgba(13, 13, 13, 0.3);
}
body.ledstheming:not(#academia) .leds-course-card .leds-btn--secondary, body.ledstheming:not(#academia) .leds-course-card .leds-btn--primary-outline {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(255, 255, 255, 0.12);
  --bs-btn-border-color: rgba(255, 255, 255, 0.35);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.22);
  --bs-btn-hover-border-color: rgba(255, 255, 255, 0.6);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(255, 255, 255, 0.28);
  --bs-btn-active-border-color: rgba(255, 255, 255, 0.6);
  color: #fff;
  background-color: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 6px 16px rgba(13, 13, 13, 0.18);
  backdrop-filter: saturate(160%) blur(22px);
  -webkit-backdrop-filter: saturate(160%) blur(22px);
  transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
body.ledstheming:not(#academia) .leds-course-card .leds-btn--secondary:hover, body.ledstheming:not(#academia) .leds-course-card .leds-btn--secondary:focus-visible, body.ledstheming:not(#academia) .leds-course-card .leds-btn--primary-outline:hover, body.ledstheming:not(#academia) .leds-course-card .leds-btn--primary-outline:focus-visible {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 10px 22px rgba(13, 13, 13, 0.25);
  transform: translateY(-1px);
}
body.ledstheming:not(#academia) .btn-primary, body.ledstheming:not(#academia) .btn-secondary, body.ledstheming:not(#academia) .btn-outline-primary, body.ledstheming:not(#academia) .btn-outline-secondary {
  --bs-btn-border-radius: 999px;
  border-radius: 999px;
  padding-inline: 1.25rem;
  font-weight: 600;
}
body.ledstheming:not(#academia) .btn-primary, body.ledstheming:not(#academia) .leds-btn--primary {
  --bs-btn-bg: rgba(54, 101, 243, 0.86);
  --bs-btn-border-color: rgba(255, 255, 255, 0.35);
  --bs-btn-hover-bg: #3665F3;
  --bs-btn-hover-border-color: rgba(255, 255, 255, 0.5);
  --bs-btn-active-bg: #4260E6;
  --bs-btn-active-border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(54, 101, 243, 0.86);
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 12px 32px rgba(54, 101, 243, 0.35);
  backdrop-filter: saturate(160%) blur(22px);
  -webkit-backdrop-filter: saturate(160%) blur(22px);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
body.ledstheming:not(#academia) .btn-primary:hover, body.ledstheming:not(#academia) .btn-primary:focus-visible, body.ledstheming:not(#academia) .leds-btn--primary:hover, body.ledstheming:not(#academia) .leds-btn--primary:focus-visible {
  background-color: #3665F3;
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 18px 44px rgba(54, 101, 243, 0.45);
  transform: translateY(-1px);
}
body.ledstheming:not(#academia) .btn-outline-primary, body.ledstheming:not(#academia) .leds-btn--primary-outline {
  --bs-btn-color: #3665F3;
  --bs-btn-bg: rgba(54, 101, 243, 0.08);
  --bs-btn-border-color: rgba(54, 101, 243, 0.35);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(54, 101, 243, 0.86);
  --bs-btn-hover-border-color: rgba(255, 255, 255, 0.35);
  color: #3665F3;
  background-color: rgba(54, 101, 243, 0.08);
  border-color: rgba(54, 101, 243, 0.35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 6px 16px rgba(54, 101, 243, 0.12);
  backdrop-filter: saturate(160%) blur(22px);
  -webkit-backdrop-filter: saturate(160%) blur(22px);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
body.ledstheming:not(#academia) .btn-outline-primary:hover, body.ledstheming:not(#academia) .btn-outline-primary:focus-visible, body.ledstheming:not(#academia) .leds-btn--primary-outline:hover, body.ledstheming:not(#academia) .leds-btn--primary-outline:focus-visible {
  color: #fff;
  background-color: rgba(54, 101, 243, 0.86);
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 12px 32px rgba(54, 101, 243, 0.35);
  transform: translateY(-1px);
}
body.ledstheming:not(#academia) .btn-secondary, body.ledstheming:not(#academia) .btn-outline-secondary, body.ledstheming:not(#academia) .leds-btn--secondary {
  --bs-btn-color: #0D0D0D;
  --bs-btn-bg: rgba(255, 255, 255, 0.78);
  --bs-btn-border-color: rgba(255, 255, 255, 0.85);
  --bs-btn-hover-color: #0D0D0D;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.85);
  background-color: rgba(255, 255, 255, 0.78);
  box-shadow: 0 12px 30px rgba(15, 22, 64, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: saturate(160%) blur(22px);
  -webkit-backdrop-filter: saturate(160%) blur(22px);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
body.ledstheming:not(#academia) .btn-secondary:hover, body.ledstheming:not(#academia) .btn-secondary:focus-visible, body.ledstheming:not(#academia) .btn-outline-secondary:hover, body.ledstheming:not(#academia) .btn-outline-secondary:focus-visible, body.ledstheming:not(#academia) .leds-btn--secondary:hover, body.ledstheming:not(#academia) .leds-btn--secondary:focus-visible {
  background-color: #fff;
  box-shadow: 0 18px 40px rgba(15, 22, 64, 0.18), inset 0 1px 0 #fff;
  transform: translateY(-1px);
}
body.ledstheming:not(#academia) .leds-rail__link, body.ledstheming:not(#academia) .leds-rail [data-region="popover-region-toggle"] {
  background-color: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
body.ledstheming:not(#academia) .leds-rail__link:hover, body.ledstheming:not(#academia) .leds-rail__link:focus-visible, body.ledstheming:not(#academia) .leds-rail [data-region="popover-region-toggle"]:hover, body.ledstheming:not(#academia) .leds-rail [data-region="popover-region-toggle"]:focus-visible {
  background-color: var(--leds-rail-hover-bg);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
body.ledstheming:not(#academia) .leds-rail .popover-region:not(.collapsed) [data-region="popover-region-toggle"] {
  background-color: var(--leds-rail-hover-bg);
}
body.ledstheming:not(#academia) .leds-rail__link.is-active {
  background-color: var(--leds-rail-active-bg);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 8px 22px rgba(54, 101, 243, 0.45);
}
body.ledstheming:not(#academia) .badge {
  border-radius: 999px;
  padding: 0.35em 0.75em;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}
body.ledstheming:not(#academia) .course-section > .section-item, body.ledstheming:not(#academia) .dropdown-menu, body.ledstheming:not(#academia) .modal-content, body.ledstheming:not(#academia) .leds-catalogue-empty {
  border: 1px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 12px 30px rgba(15, 22, 64, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
body.ledstheming:not(#academia) .dropdown-menu, body.ledstheming:not(#academia) .modal-content, body.ledstheming:not(#academia) .leds-catalogue-empty {
  backdrop-filter: saturate(160%) blur(22px);
  -webkit-backdrop-filter: saturate(160%) blur(22px);
}
body.ledstheming:not(#academia) .dropdown-menu, body.ledstheming:not(#academia) .modal-content {
  background-color: rgba(255, 255, 255, 0.78);
}
body.ledstheming:not(#academia) .card, body.ledstheming:not(#academia) .block {
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 1.25rem;
  background-color: rgba(255, 255, 255, 0.55);
  box-shadow: 0 12px 30px rgba(15, 22, 64, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
body.ledstheming:not(#academia) .modal-content {
  border-radius: 1.5rem;
}
body.ledstheming:not(#academia) .course-content .activity-item {
  border: 1px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 6px 16px rgba(15, 22, 64, 0.06), inset 0 1px 0 #fff;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
body.ledstheming:not(#academia) .course-content .activity-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(15, 22, 64, 0.18), inset 0 1px 0 #fff;
}
body.ledstheming:not(#academia) .leds-catalogue-tabs {
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 12px 30px rgba(13, 13, 13, 0.25);
  backdrop-filter: saturate(160%) blur(22px);
  -webkit-backdrop-filter: saturate(160%) blur(22px);
}
body.ledstheming:not(#academia) .leds-catalogue-tabs__tab[aria-current="page"] {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6), 0 6px 16px rgba(54, 101, 243, 0.35);
}
body.ledstheming:not(#academia) .leds-catalogue-filter__option {
  border: 1px solid rgba(255, 255, 255, 0.85);
  background-color: rgba(255, 255, 255, 0.78);
  box-shadow: 0 12px 30px rgba(15, 22, 64, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}
body.ledstheming:not(#academia) .leds-catalogue-filter__option:hover {
  background-color: #fff;
  color: #1B22A7;
}
body.ledstheming:not(#academia) .leds-catalogue-filter__option:has(.leds-catalogue-filter__input:checked) {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: #3665F3;
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 12px 32px rgba(54, 101, 243, 0.35);
}
body.ledstheming:not(#academia) .form-control, body.ledstheming:not(#academia) .form-select {
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 0.875rem;
  background-color: rgba(27, 34, 167, 0.04);
  box-shadow: inset 0 2px 4px rgba(15, 22, 64, 0.06);
}
body.ledstheming:not(#academia) .form-control:focus, body.ledstheming:not(#academia) .form-select:focus {
  border-color: #4260E6;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(66, 96, 230, 0.18);
}
body.ledstheming:not(#academia) .form-check-input:checked {
  box-shadow: 0 0 12px rgba(54, 101, 243, 0.45);
}
body.ledstheming:not(#academia) .progress {
  border-radius: 999px;
  background-color: rgba(27, 34, 167, 0.08);
  box-shadow: inset 0 1px 2px rgba(15, 22, 64, 0.08);
}
body.ledstheming:not(#academia) .progress-bar {
  border-radius: 999px;
  background-image: linear-gradient(90deg, #3665F3, #7BCCF9);
  box-shadow: 0 0 10px rgba(123, 204, 249, 0.55);
}