:root {
    --site-dark-background: #0c0a09;
    --site-dark-card-background: rgba(0, 0, 0, 0.45);
}

.site-dark-glow-bottom {
    background: radial-gradient(116.18% 128% at 50% 100%, rgba(241, 168, 99, 0.2) 0%, rgba(239, 126, 70, 0.2) 41.83%, rgba(239, 126, 70, 0) 76%),
                var(--site-dark-background);
}

.site-dark-glow-top {
    background: radial-gradient(116.18% 128% at 50% 0%, rgba(241, 168, 99, 0.2) 0%, rgba(239, 126, 70, 0.2) 41.83%, rgba(239, 126, 70, 0) 76%),
                linear-gradient(180deg, var(--site-dark-background) 0%, #000 65%);
}

.profilePicture {
    height: 42px;
}
.dropdownColumnWidth {
    --si-mega-dropdown-column-width: 15rem;
}
.dropdownColumnWidthProducts {
    --si-mega-dropdown-column-width: 12rem;
}
.global-toast {
    z-index: 1055;
    max-width: 100%;
    margin-top: 80px;
}
/* reCAPTCHA renders a 304x78 iframe around a 302x76 widget. In the dark theme the 2px gap shows as a white line on the right and bottom, so clip it. */
.g-recaptcha[data-theme="dark"] {
    width: 302px;
    height: 76px;
    overflow: hidden;
}
/* Align above the Atlassian help launcher. Keep right outside .show to prevent a horizontal jump while hiding. Remove these overrides if the widget is removed. */
.btn-scroll-top {
    right: .8125rem;
}
.btn-scroll-top.show {
    bottom: 5.5rem;
}
.marginNegative1 {
    margin: -1px;
}
.page-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s .2s ease-in-out;
    transition: all .4s .2s ease-in-out;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}
[data-bs-theme="dark"] .page-loading {
    background-color: #0b0f19;
}
.page-loading.active {
    opacity: 1;
    visibility: visible;
}
.page-loading-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 0;
}
.page-loading.active > .page-loading-inner {
    opacity: 1;
}
.page-loading-logo {
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 0 auto;
}

.site-navbar,
.site-footer {
    background-color: var(--site-dark-background);
}

.site-navbar {
    --si-navbar-color: rgba(255, 255, 255, .78);
    --si-navbar-hover-color: #fff;
    --si-navbar-active-color: #fff;
    --si-navbar-disabled-color: rgba(255, 255, 255, .38);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    transition: background-color .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}
.site-navbar.site-navbar-transparent {
    background-color: transparent;
    border-bottom-color: transparent;
}
.site-navbar.navbar-stuck {
    background-color: rgba(12, 10, 9, .96);
    border-bottom-color: rgba(255, 255, 255, .1);
    backdrop-filter: blur(18px);
}
.site-navbar-logo {
    width: 171px;
    height: auto;
}
.site-navbar-logo-dark {
    display: none;
}
.site-navbar.site-navbar-dark-content:not(.navbar-stuck) {
    --si-navbar-toggler-color: #0b0f19;
}
.site-navbar.site-navbar-dark-content:not(.navbar-stuck) .site-navbar-logo-light {
    display: none;
}
.site-navbar.site-navbar-dark-content:not(.navbar-stuck) .site-navbar-logo-dark {
    display: block;
}
.site-navbar .navbar-nav .dropdown-menu {
    --si-dropdown-bg: #191614;
    --si-dropdown-link-color: rgba(255, 255, 255, .78);
    --si-dropdown-link-hover-color: #fff;
    --si-dropdown-link-hover-bg: rgba(237, 132, 34, .14);
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .28);
}
.site-navbar .offcanvas {
    background-color: #191614;
}

@media (max-width: 991.98px) {
    .site-navbar.navbar-stuck {
        backdrop-filter: none;
    }
}

@media (min-width: 992px) {
    .site-navbar.site-navbar-dark-content:not(.navbar-stuck) {
        --si-navbar-color: rgba(11, 15, 25, .78);
        --si-navbar-hover-color: #0b0f19;
        --si-navbar-active-color: #0b0f19;
        --si-navbar-disabled-color: rgba(11, 15, 25, .38);
    }
    .site-navbar.site-navbar-dark-content:not(.navbar-stuck) .btn-outline-light {
        --si-btn-color: #0b0f19;
        --si-btn-border-color: rgba(11, 15, 25, .34);
    }
}