.navbar {
    position: sticky;
    top: 0;
    z-index: 99999;
    color: #fff;
    width: calc(100% - 120px);
    height: 100dvh;
    margin-inline: auto;
    pointer-events: none;
    transition: all 0.3s ease;
    padding-top: 24px;
}
.navbar.secondaryNavbar .navScrollbar {
    height: 500px;
    inset: 162px 24px 54px auto;
}
.navbar.searchNavbar .navScrollbar,
.navbar.searchNavbar .navMedia {
    display: none !important;
}
.navbar.secondaryNavbar .navMedia {
    height: 500px;
    inset: 162px auto 54px 0;
}
.navbar.scrolledNav {
    color: #323232;
}
.navbar.scrolledNav .navbarContainer .containerOptions .logoThumb .primaryLogo {
    display: none;
}
.navbar.scrolledNav
    .navbarContainer
    .containerOptions
    .logoThumb
    .scrolledLogo {
    display: block;
}
.navbar.scrolledNav
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar {
    background: #323232;
}
.navbar.scrolledNav
    .navbarContainer
    .containerOptions
    .optionThumb.langThumb
    .thumbOption.active {
    color: #000f9f;
}
.navbar.scrolledBar .navScrollbar .barLine,
.navbar.scrolledBar .navScrollbar .barScroller {
    background: #c8c8c8;
}
.navbar.scrolledBar .navMedia .mediaBar {
    background: #c8c8c8;
}
.navbar.scrolledMedia .navMedia .mediaLinks .linkThumb svg {
    fill: #323232;
}
.navbar.activeMenu .navbarContainer .containerOptions .optionThumb,
.navbar.activeMenu .navbarContainer .containerLogo,
.navbar.activeMenu .navScrollbar,
.navbar.activeMenu .navMedia,
.navbar.activeSearch .navbarContainer .containerOptions .optionThumb,
.navbar.activeSearch .navbarContainer .containerLogo,
.navbar.activeSearch .navScrollbar,
.navbar.activeSearch .navMedia {
    opacity: 0;
    pointer-events: none;
}
.navbar.activeMenu .navbarContainer,
.navbar.activeSearch .navbarContainer {
    pointer-events: none;
}
.navbar.activeMenu .navbarContainer .containerOptions,
.navbar.activeSearch .navbarContainer .containerOptions {
    pointer-events: none;
}
.navbar.activeMenu .navbarContainer .containerOptions:first-child,
.navbar.activeSearch .navbarContainer .containerOptions:first-child {
    pointer-events: auto;
}
.navbar.activeMenu .navbarContainer .containerOptions .logoThumb,
.navbar.activeSearch .navbarContainer .containerOptions .logoThumb {
    opacity: 0;
    pointer-events: none;
}
.navbar.activeMenu .navbarContainer .containerOptions .optionToggler,
.navbar.activeSearch .navbarContainer .containerOptions .optionToggler {
    color: #fff;
}
.navbar.activeMenu
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar,
.navbar.activeSearch
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar {
    width: 27px;
    background: #fff;
}
.navbar.activeMenu
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar:first-child,
.navbar.activeSearch
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar:first-child {
    width: 27px;
    transform: translateY(9px) rotate(45deg);
}
.navbar.activeMenu
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar:nth-child(2),
.navbar.activeSearch
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar:nth-child(2) {
    opacity: 0;
    transform: translateY(9px) scaleX(0);
}
.navbar.activeMenu
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar:last-child,
.navbar.activeSearch
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar:last-child {
    width: 27px;
    transform: translateY(9px) rotate(-45deg);
}
.navbar.activeMenu .navShortcut,
.navbar.activeSearch .navShortcut {
    transform: translateX(110%);
    transition: all 0.4s ease-out;
}
.navbar.activeSearch .navbarContainer .containerOptions .optionToggler span {
    opacity: 0;
    pointer-events: none;
}
.navbar .navbarContainer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-block: 18px;
    transition: all 0.25s ease;
}
.navbar .navbarContainer .containerOptions {
    display: flex;
    align-items: center;
    gap: 28px;
    pointer-events: auto;
}
.navbar .navbarContainer .containerOptions:last-child {
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}
.navbar .navbarContainer .containerOptions .logoThumb {
    transition: all 0.25s ease;
}
.navbar .navbarContainer .containerOptions .logoThumb img {
    height: 56px;
}
.navbar .navbarContainer .containerOptions .logoThumb .scrolledLogo,
.navbar .navbarContainer .containerOptions .logoThumb .primaryResLogo,
.navbar .navbarContainer .containerOptions .logoThumb .scrolledResLogo {
    display: none;
}
.navbar .navbarContainer .containerOptions .optionLogo img {
    width: 58px;
    height: 58px;
}
.navbar .navbarContainer .containerOptions .optionToggler {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.875rem;
    font-weight: 400;
}
.navbar
    .navbarContainer
    .containerOptions
    .optionToggler:hover
    .togglerIcon
    .iconBar {
    background: #4cbdec;
}
.navbar .navbarContainer .containerOptions .optionToggler .togglerIcon {
    width: 27px;
    height: 20px;
    position: relative;
}
.navbar
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar {
    position: absolute;
    right: 0;
    height: 2px;
    background: #fff;
    border-radius: 9999px;
    transform-origin: center;
    transition:
        background 0.25s ease,
        width 0.35s ease,
        top 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.3s ease;
}
.navbar
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar:first-child {
    width: 20px;
    transform: translateY(0);
}
.navbar
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar:nth-child(2) {
    width: 20px;
    transform: translateY(9px);
}
.navbar
    .navbarContainer
    .containerOptions
    .optionToggler
    .togglerIcon
    .iconBar:last-child {
    width: 20px;
    transform: translateY(18px);
}
.navbar .navbarContainer .containerOptions .optionThumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transition: all 0.25s ease;
}
.navbar .navbarContainer .containerOptions .optionThumb:not(.langThumb):hover {
    color: #4cbdec;
}
.navbar .navbarContainer .containerOptions .optionThumb svg {
    width: 20px;
    height: 20px;
}
.navbar .navbarContainer .containerOptions .optionThumb.langThumb {
    gap: 10px;
}
.navbar .navbarContainer .containerOptions .optionThumb.langThumb .thumbOption {
    font-size: 0.9375rem;
    font-weight: 200;
    transition: color 0.25s ease;
}
.navbar
    .navbarContainer
    .containerOptions
    .optionThumb.langThumb
    .thumbOption:hover {
    color: #4cbdec;
}
.navbar
    .navbarContainer
    .containerOptions
    .optionThumb.langThumb
    .thumbOption.active {
    font-weight: 700;
}
.navbar
    .navbarContainer
    .containerOptions
    .optionThumb.langThumb
    .optionDivider {
    width: 2px;
    height: 14px;
    background: #4cbdec;
}
.navbar .navScrollbar {
    pointer-events: auto;
    position: absolute;
    z-index: 99999;
    inset: 182px 24px auto auto;
    height: 72dvh;
    transition: all 0.25s ease;
}
.navbar .navScrollbar .barLine {
    width: 1px;
    height: 100%;
    background: #fff;
    transition: all 0.3s ease;
}
.navbar .navScrollbar .barScroller {
    position: absolute;
    inset: 0 -4px auto auto;
    width: 8px;
    height: 30px;
    border-radius: 9999px;
    background: #fff;
    transition: all 0.3s ease;
    cursor: grab;
    touch-action: none;
}
.navbar .navScrollbar .barScroller:active {
    cursor: grabbing;
}
.navbar .navMedia {
    pointer-events: auto;
    position: absolute;
    z-index: 99999;
    inset: 182px auto auto 0;
    height: 72dvh;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 48px;
    transition: all 0.25s ease;
}
.navbar .navMedia .mediaBar {
    flex-grow: 1;
    width: 1px;
    background: #fff;
    transition: all 0.3s ease;
}
.navbar .navMedia .mediaLinks {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 36px;
}
.navbar .navMedia .mediaLinks .linkThumb:hover svg {
    fill: #4cbdec;
}
.navbar .navMedia .mediaLinks .linkThumb svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    transition: all 0.3s ease;
}
.navbar .navShortcut {
    position: absolute;
    inset: auto -60px 0 auto;
    z-index: 99999;
    pointer-events: none;
    overflow-x: hidden;
    transition: all 0.7s ease-in;
    filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.25));
}
.navbar .navShortcut .shortcutContainer .containerThumb {
    width: -moz-fit-content;
    width: fit-content;
    background: #fff;
    color: #323232;
    display: flex;
    align-items: center;
    height: 150px;
    cursor: pointer;
    overflow: hidden;
    pointer-events: auto;
    position: relative;
    transition:
        background-color 0.4s ease,
        color 0.4s ease,
        padding 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s ease;
    position: relative;
    z-index: 1;
}
.navbar .navShortcut .shortcutContainer .containerThumb::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #c8c8c8;
    position: absolute;
    inset: auto 0 0 0;
}
.navbar .navShortcut .shortcutContainer .containerThumb.active .thumbMain {
    grid-template-columns: 1fr;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb.active
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent,
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb.active
    .thumbMain
    .mainContainer
    .containerContent
    .contentClose {
    opacity: 1;
    transform: translateX(0);
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb.active
    .thumbMain
    .mainContainer
    .containerContent
    .contentClose {
    transition-delay: 0.05s;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb.active
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent {
    transition-delay: 0.1s;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb.active
    .thumbMain
    .mainContainer
    .containerContent
    .contentIcon
    .iconHovered {
    opacity: 1;
    transform: scale(1);
}
.navbar .navShortcut .shortcutContainer .containerThumb.active .thumbAside {
    width: 0 !important;
}
.navbar .navShortcut .shortcutContainer .containerThumb:hover {
    background: #000f9f;
    color: #fff;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb:hover
    .thumbMain
    .mainContainer
    .containerContent
    .contentClose {
    color: #fff;
    transform: translateX(0) rotate(90deg);
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb:hover
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent
    .contentWrapper
    .wrapperMedia
    .mediaThumb
    svg {
    fill: #fff;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb:hover
    .thumbMain
    .mainContainer
    .containerContent
    .contentDivider {
    transform: scaleX(1.6);
    background: #fff;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb:hover
    .thumbMain
    .mainContainer
    .containerContent
    .contentIcon
    svg
    path {
    fill: #fff;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb:hover
    .thumbAside
    svg
    path {
    stroke: #fff;
}
.navbar .navShortcut .shortcutContainer .containerThumb .thumbMain {
    display: grid;
    grid-template-columns: 0fr;
    height: 100%;
    overflow: hidden;
    transition: all 0.3s ease;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer {
    height: 100%;
    overflow: hidden;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent {
    width: 510px;
    height: 100%;
    display: grid;
    align-items: center;
    grid-template-columns: 20px 1fr 60px;
    padding-inline: 24px 32px;
    gap: 46px;
    overflow: hidden;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentClose {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    color: #000f9f;
    opacity: 0;
    transform: translateX(15px);
    transition:
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        color 0.3s ease;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentClose
    svg {
    width: 18px;
    height: 18px;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent {
    display: flex;
    align-items: flex-start;
    gap: 36px;
    opacity: 0;
    transform: translateX(20px);
    transition:
        opacity 0.35s ease,
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent
    .contentWrapper {
    min-width: 150px;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent
    .contentWrapper
    .wrapperTitle {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 12px;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent
    .contentWrapper
    .wrapperContact {
    font-size: 0.9375rem;
    font-weight: 400;
    display: block;
    direction: ltr;
    text-align: right;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent
    .contentWrapper
    .wrapperMiniTitle {
    font-size: 0.9375rem;
    font-weight: 300;
    margin-bottom: 14px;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent
    .contentWrapper
    .wrapperLink {
    font-size: 0.9375rem;
    font-weight: 300;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent
    .contentWrapper
    .wrapperMedia {
    display: flex;
    align-items: center;
    gap: 20px;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent
    .contentWrapper
    .wrapperMedia
    .mediaThumb
    svg {
    width: 30px;
    height: 30px;
    fill: #323232;
    transition: all 0.3s ease;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentContent
    .contentDivider {
    width: 50px;
    height: 2px;
    background: #4cbdec;
    border-radius: 9999px;
    flex-shrink: 0;
    transition: all 0.35s ease;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentIcon {
    aspect-ratio: 1;
    position: relative;
    display: grid;
    place-items: center;
    position: relative;
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentIcon
    svg {
    transition:
        opacity 0.35s ease,
        color 0.3s ease,
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentIcon
    .iconBase {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.navbar
    .navShortcut
    .shortcutContainer
    .containerThumb
    .thumbMain
    .mainContainer
    .containerContent
    .contentIcon
    .iconHovered {
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.3s ease;
}
.navbar .navShortcut .shortcutContainer .containerThumb .thumbAside {
    width: 60px;
    height: 100%;
    display: grid;
    place-items: center;
    transition: all 0.3s ease;
    transform: center right;
    overflow: hidden;
}
.navbar .navShortcut .shortcutContainer .containerThumb .thumbAside .iconClose {
    display: none;
}
.navbar .navShortcut .shortcutContainer .containerScroll {
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
    background: #fff;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
    color: #000f9f;
    pointer-events: auto;
}
.navbar .navShortcut .shortcutContainer .containerScroll:hover {
    color: #fff;
    background: #000f9f;
}
.navbar .navShortcut .shortcutContainer .containerScroll svg path {
    stroke-width: 1.15;
}
.navbar.constructionNavbar .navScrollbar,
.navbar.constructionNavbar .navShortcut,
.navbar.constructionNavbar .navMedia {
    display: none;
}
.navbar.communityNavbar
    .navbarContainer
    > .containerOptions:first-child
    > :not(.optionLogo) {
    display: none;
}
.navbar.communityNavbar
    .navbarContainer
    > .containerOptions:first-child
    > .optionLogo {
    display: flex;
}
.navbar.communityNavbar .navMedia {
    display: flex;
}
.navbar.communityNavbar .navShortcut {
    transform: translateY(0);
}

@media (max-width: 1681px) {
    .navbar {
        width: calc(100% - 96px);
    }
    .navbar .navbarContainer .containerOptions {
        gap: 24px;
    }
    .navbar .navbarContainer .containerOptions:last-child {
        gap: 12px;
    }
    .navbar .navbarContainer .containerOptions .logoThumb img {
        height: 52px;
    }
    .navbar .navScrollbar,
    .navbar .navMedia {
        top: 164px;
        height: 76dvh;
    }
    .navbar .navShortcut {
        right: -48px;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb:last-child
        .thumbAside
        svg.iconBase
        path {
        stroke-width: 1.85;
    }
    .navbar .navShortcut .shortcutContainer .containerThumb .thumbAside {
        width: 48px;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb
        .thumbAside
        svg.iconBase {
        width: 32px;
    }
    .navbar .navShortcut .shortcutContainer .containerScroll {
        width: 48px;
        height: 48px;
    }
}
@media (max-width: 1400px) {
    .navbar .navbarContainer .containerOptions {
        gap: 20px;
    }
    .navbar .navbarContainer .containerOptions:last-child {
        gap: 10px;
    }
    .navbar .navbarContainer .containerOptions .optionLogo img {
        width: 44px;
        height: 44px;
    }
    .navbar .navbarContainer .containerOptions .logoThumb img {
        height: 40px;
    }
    .navbar .navbarContainer .containerOptions .optionToggler .togglerIcon {
        width: 16px;
        height: 16px;
    }
    .navbar
        .navbarContainer
        .containerOptions
        .optionToggler
        .togglerIcon
        .iconBar {
        width: 16px !important;
        height: 1.5px;
    }
    .navbar
        .navbarContainer
        .containerOptions
        .optionToggler
        .togglerIcon
        .iconBar:nth-child(2) {
        transform: translateY(8px);
    }
    .navbar
        .navbarContainer
        .containerOptions
        .optionToggler
        .togglerIcon
        .iconBar:last-child {
        transform: translateY(16px);
    }
    .navbar
        .navbarContainer
        .containerOptions
        .optionThumb.langThumb
        .thumbOption {
        font-size: 0.6875rem;
    }
    .navbar
        .navbarContainer
        .containerOptions
        .optionThumb.langThumb
        .optionDivider {
        height: 10px;
    }
    .navbar .navbarContainer .containerOptions .optionThumb svg {
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 1200px) {
    .navbar {
        width: 100%;
        padding-top: 0;
        transition: all 0.3s;
        overflow-x: hidden;
    }
    .navbar.scrolledNav .navbarContainer {
        background: #fff;
        box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.25);
    }
    .navbar.scrolledNav
        .navbarContainer
        .containerOptions
        .logoThumb
        .scrolledLogo,
    .navbar.scrolledNav
        .navbarContainer
        .containerOptions
        .logoThumb
        .primaryResLogo {
        display: none;
    }
    .navbar.scrolledNav
        .navbarContainer
        .containerOptions
        .logoThumb
        .scrolledResLogo {
        display: block;
    }
    .navbar.scrolledNav .navShortcut {
        transform: translateY(0);
    }
    .navbar.activeMenu .navbarContainer,
    .navbar.activeSearch .navbarContainer {
        background: transparent !important;
        box-shadow: none !important;
        color: #fff !important;
    }
    .navbar.activeMenu .navbarContainer .containerOptions,
    .navbar.activeSearch .navbarContainer .containerOptions {
        pointer-events: auto;
    }
    .navbar.activeMenu
        .navbarContainer
        .containerOptions
        .optionToggler
        .togglerIcon
        .iconBar:first-child,
    .navbar.activeMenu
        .navbarContainer
        .containerOptions
        .optionToggler
        .togglerIcon
        .iconBar:last-child,
    .navbar.activeSearch
        .navbarContainer
        .containerOptions
        .optionToggler
        .togglerIcon
        .iconBar:first-child,
    .navbar.activeSearch
        .navbarContainer
        .containerOptions
        .optionToggler
        .togglerIcon
        .iconBar:last-child {
        width: 27px !important;
        height: 3px;
    }
    .navbar.activeMenu
        .navbarContainer
        .containerOptions
        .optionThumb.langThumb,
    .navbar.activeSearch
        .navbarContainer
        .containerOptions
        .optionThumb.langThumb {
        opacity: 1;
        pointer-events: auto;
    }
    .navbar.activeMenu
        .navbarContainer
        .containerOptions
        .optionThumb.langThumb
        .thumbOption.active,
    .navbar.activeSearch
        .navbarContainer
        .containerOptions
        .optionThumb.langThumb
        .thumbOption.active {
        color: #fff;
    }
    .navbar.activeMenu .navShortcut,
    .navbar.activeSearch .navShortcut {
        transform: translateY(110%);
    }
    .navbar .navbarContainer {
        align-items: center;
        padding: 24px 32px;
    }
    .navbar .navbarContainer .containerOptions {
        position: relative;
    }
    .navbar .navbarContainer .containerOptions .optionLogo {
        display: none;
    }
    .navbar .navbarContainer .containerOptions .logoThumb .primaryLogo {
        display: none;
    }
    .navbar .navbarContainer .containerOptions .logoThumb .primaryResLogo {
        display: block;
    }
    .navbar .navbarContainer .containerOptions .optionThumb.langThumb {
        position: absolute;
        inset: 56% auto auto 0;
        transform: translateY(-50%);
        opacity: 0;
        pointer-events: none;
    }
    .navbar
        .navbarContainer
        .containerOptions
        .optionThumb.langThumb
        .thumbOption {
        font-size: 0.9375rem;
    }
    .navbar
        .navbarContainer
        .containerOptions
        .optionThumb.langThumb
        .thumbDivider {
        height: 15px;
    }
    .navbar .navScrollbar,
    .navbar .navMedia {
        display: none !important;
    }
    .navbar .navShortcut {
        inset: auto 0 0 auto;
        transition: all 0.4s ease-in-out;
        overflow: visible;
        transform: translateY(110%);
    }
    .navbar .navShortcut.active {
        bottom: 150px;
    }
    .navbar .navShortcut .shortcutContainer {
        position: relative;
        display: flex;
        align-items: flex-end;
        flex-direction: row-reverse;
    }
    .navbar .navShortcut .shortcutContainer .containerThumb {
        position: static;
        height: auto;
        will-change: auto;
        transform: translateX(0);
        overflow: visible;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb:first-child
        .thumbMain {
        right: -177px;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb:nth-child(2)
        .thumbMain {
        right: -118px;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb:nth-child(3)
        .thumbMain {
        right: -59px;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb:nth-child(3)
        .thumbAside
        svg.iconBase
        path {
        stroke-width: 1.75;
    }
    .navbar .navShortcut .shortcutContainer .containerThumb:not(:first-child) {
        border-left: 1px solid #c8c8c8;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb:hover
        .thumbMain
        .mainContainer
        .containerContent
        .contentContent
        .contentWrapper
        .wrapperMedia
        .mediaThumb
        svg {
        fill: #323232;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb:hover
        .thumbMain
        .mainContainer
        .containerContent
        .contentIcon
        svg
        path {
        fill: #c8c8c8;
    }
    .navbar .navShortcut .shortcutContainer .containerThumb.active .thumbMain {
        opacity: 1;
        pointer-events: auto;
    }
    .navbar .navShortcut .shortcutContainer .containerThumb.active .thumbAside {
        color: #fff;
        background: #000f9f;
        width: 58px !important;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb.active
        .thumbAside
        svg.iconClose {
        transform: translate(-50%, -50%) scale(1);
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb.active
        .thumbAside
        svg.iconBase {
        transform: translate(-50%, -50%) scale(0);
    }
    .navbar .navShortcut .shortcutContainer .containerThumb .thumbMain {
        opacity: 0;
        pointer-events: none;
        position: absolute;
        max-width: 510px;
        width: 100vw;
        height: 150px;
        top: 58px;
        background: #fff;
        color: #323232;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb
        .thumbMain
        .mainContainer
        .containerContent {
        max-width: 510px;
        width: 100vw;
        grid-template-columns: 1fr 60px;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb
        .thumbMain
        .mainContainer
        .containerContent
        .contentClose {
        display: none;
    }
    .navbar .navShortcut .shortcutContainer .containerThumb .thumbAside {
        width: 58px;
        height: 58px;
        position: relative;
    }
    .navbar .navShortcut .shortcutContainer .containerThumb .thumbAside svg {
        position: absolute;
        inset: 50% auto auto 50%;
        transform: translate(-50%, -50%);
        width: 26px;
        transition: all 0.3s ease;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb
        .thumbAside
        svg.iconClose {
        display: block;
        transform: scale(0);
    }
    .navbar .navShortcut .shortcutContainer .containerScroll {
        width: 58px;
        height: 58px;
        border-left: 1px solid #c8c8c8;
    }
}
@media (max-width: 576px) {
    .navbar {
        overflow: hidden;
    }
    .navbar .navbarContainer {
        padding-block: 16px;
    }
    .navbar .navbarContainer .containerOptions .logoThumb img {
        height: 32px;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb:hover
        .thumbMain
        .mainContainer
        .contianerContent
        .contentIcon
        svg
        path {
        fill: #c8c8c8;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb:first-child
        .thumbAside
        svg.iconBase {
        width: 20px;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb:nth-child(2)
        .thumbAside
        svg.iconBase {
        width: 20px;
    }
    .navbar
        .navShortcut
        .shortcutContainer
        .containerThumb:nth-child(3)
        .thumbAside
        svg.iconBase {
        width: 24px;
    }
    .navbar.communityNavbar
        .navbarContainer
        > .containerOptions:first-child
        > .optionLogo {
        transition: all 0.25s ease;
    }
    .navbar.communityNavbar.scrolledNav
        .navbarContainer
        > .containerOptions:first-child
        > .optionLogo {
        opacity: 0;
    }
}
@media (max-width: 467px) {
    .navbar .navbarContainer {
        padding-inline: 24px;
    }
} /*# sourceMappingURL=navLayout.css.map */