@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap");

:root {
    --main-color: #009cde;
    --main-color-rgb: 0, 156, 222;
    --main-color-lighterdm: #009cde;
    --main-color-lighterdm-rgb: 0, 156, 222;
    --main-color-70: #009cde70;
    --main-color-20: #009cde20;
    --additional-blue: #00558c;
    --additional-blue-70: #00558c70;
    --weasel-grey: #f5f5f5;
    --weasel-darkgrey: #373a36;
    --weasel-darkgrey-rgb: 55, 58, 54;
    --grey-light: #f4f4f4;
    --grey-light-variant: #fafafa;
    --grey: #373a36;
    --grey-70: #373a3670;
    --effect-orange: #ff6720;
    --effect-green: #c4d600;
    --black: #000;
    --black-rgb: 0, 0, 0;
    --black-80: #000000cc;
    --white: #fff;
    --off-white: #fafafa;
    --lightgrey: #f2f2f2;
    --content-width: 100%;
    --content-max-width: 1200px;
    --footer-blue: #00558c;
    --grey-header: #505050;
    --grey-border: #e0e0e0;
    --hyperlink-color: #009cde
}

[data-theme=dark] {
    --main-color: #00558c;
    --main-color-rgb: 0, 177, 227;
    --main-color-lighterdm: #1878b8;
    --main-color-70: #009cde70;
    --main-color-20: #009cde20;
    --additional-blue: #f7f7f7;
    --additional-blue-70: #5f5f5f;
    --weasel-grey: #1f1f1f;
    --weasel-darkgrey: #f5f5f5;
    --weasel-darkgrey-rgb: 245, 245, 245;
    --grey-light: #4b4b4b;
    --grey-light-variant: #2e2e2e;
    --grey: #f7f7f7;
    --grey-70: #f5f5f570;
    --effect-orange: #ff6720;
    --effect-green: #b4e600;
    --black: #fff;
    --black-80: #ffffffcc;
    --white: #2e2e2e;
    --off-white: #393939;
    --lightgrey: #0d0d0d;
    --content-width: 100%;
    --content-max-width: 1200px;
    --footer-blue: #00558c;
    --grey-header: #f6f6f6;
    --grey-border: #282828;
    --hyperlink-color: #ff6720
}

body {
    background-color: var(--weasel-grey);
    min-height: 90vh
}

a {
    text-decoration: none;
    color: var(--hyperlink-color)
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Roboto, sans-serif
}

h3 {
    font-weight: 500
}

h4 {
    font-size: 20px;
    font-weight: 500 !important;
    margin: 16px 0 8px !important
}

.pageStyle {
    width: calc(100vw - 288px);
    margin-left: 144px;
    margin-top: 68px;
    margin-bottom: 262px
}

@media only screen and (min-width:2228px) {
    .pageStyle {
        width: calc(100vw - 364px);
        margin-left: 182px
    }
}

@media only screen and (max-width:1620px) {
    :root {
        --content-width: 90%
    }
}

@media only screen and (max-width:1024px) {
    :root {
        --content-width: 80%
    }

    .pageStyle {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0
    }
}

.DropDownDesktop_signOut__3Gwqy {
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-decoration: none;
    color: var(--grey);
    padding: 20px 15px 20px 20px;
    display: flex;
    align-items: center
}

.DropDownDesktop_sideNav__P_So8 {
    background: var(--white);
    z-index: 1200;
    position: absolute;
    top: 40px;
    right: 0;
    width: auto;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .3);
    animation: DropDownDesktop_slideInFromTop___lFyR .4s ease-out 0s 1;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-style: none
}

@keyframes DropDownDesktop_slideInFromTop___lFyR {
    0% {
        visibility: 0;
        opacity: 0;
        transform: translateY(-20%)
    }

    to {
        visibility: 1;
        opacity: 1;
        transform: translateY(0)
    }
}

.SearchResultsList_resultList__7Kz5_ {
    left: 0;
    right: 0;
    background-color: var(--white);
    position: absolute;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    border-radius: 10px;
    overflow-y: scroll;
    margin-top: .2em;
    z-index: 999
}

    .SearchResultsList_resultList__7Kz5_ li {
        color: var(--black);
        font-size: 16px;
        padding-left: .5em;
        padding-right: .5em
    }

        .SearchResultsList_resultList__7Kz5_ li:hover {
            background-color: rgba(var(--weasel-darkgrey-rgb), .1)
        }

.SearchResultsList_searchType___2ykV {
    color: var(--effect-orange);
    margin-bottom: .1em
}

.SearchResultsList_resultList__7Kz5_ ul {
    list-style: none
}

.SearchResultsList_resultList__7Kz5_ {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--weasel-darkgrey-rgb)) var(--white)
}

    .SearchResultsList_resultList__7Kz5_::-webkit-scrollbar {
        width: 12px
    }

    .SearchResultsList_resultList__7Kz5_::-webkit-scrollbar-track {
        background: var(--white)
    }

    .SearchResultsList_resultList__7Kz5_::-webkit-scrollbar-thumb {
        background-color: rgba(var(--weasel-darkgrey-rgb), .5);
        border-radius: 20px;
        border: 3px solid var(--white)
    }

.SearchBar_search__bxYaB {
    max-width: 100%;
    position: relative
}

.SearchBar_searchInputs__YHkXj {
    display: flex;
    align-items: center;
    padding: .4em;
    border-radius: 10px;
    border-color: var(--main-color);
    background-color: var(--weasel-grey);
    border-width: 1px;
    border-style: solid;
    position: relative;
    width: 100%
}

    .SearchBar_searchInputs__YHkXj input[type=text] {
        background-color: var(--weasel-grey);
        color: var(--grey);
        font-size: 16px !important;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: .01em;
        text-align: left;
        border: 0;
        font-size: 18px;
        height: 30px;
        width: 200px;
        max-width: 100%;
        transition: all 1s cubic-bezier(.68, -.55, .27, 1.55), background-color
    }

        .SearchBar_searchInputs__YHkXj input[type=text]:focus {
            outline: none;
            width: 250px
        }

.SearchBar_icon__e4Deh {
    cursor: pointer;
    color: var(--black)
}

.SearchBar_iconNotClickable__n2SVN {
    cursor: default;
    color: var(--black)
}

.DarkMode_toggleThemeWrapper__QBDoT {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

    .DarkMode_toggleThemeWrapper__QBDoT span {
        font-size: 28px
    }

.DarkMode_toggleTheme__NQFvu {
    position: relative;
    display: inline-block;
    height: 26px;
    width: 48px
}

    .DarkMode_toggleTheme__NQFvu input {
        display: none
    }

.DarkMode_slider__Q4ExW {
    background-color: var(--weasel-grey);
    position: absolute;
    cursor: pointer;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 200px;
    z-index: 100
}

    .DarkMode_slider__Q4ExW:after,
    .DarkMode_slider__Q4ExW:before {
        margin: 3px;
        content: "";
        height: 20px;
        position: absolute;
        transition: .4s;
        width: 20px;
        border-radius: 180px;
        z-index: 100
    }

    .DarkMode_slider__Q4ExW:after {
        background-color: var(--white)
    }

input:checked + .DarkMode_slider__Q4ExW:after {
    transform: translateX(22px);
    background-color: var(--white)
}

.DarkMode_slider__Q4ExW,
.DarkMode_slider__Q4ExW:after {
    transition: .4s
}

    .DarkMode_slider__Q4ExW svg {
        position: absolute;
        width: 20px
    }

.DarkMode_DarkModeRounded__8hRXy {
    position: absolute;
    z-index: 100;
    left: 3px;
    top: 1px;
    color: #fff
}

.DarkMode_LightModeRounded__8ScxR {
    position: absolute;
    z-index: 100;
    left: 25px;
    top: 1px;
    color: #f7a437
}

input:checked + .DarkMode_LightModeRounded__8ScxR {
    color: var(--weasel-grey);
    display: none
}

.DesktopHeader_parentContainer__Xmi5Z {
    position: -webkit-sticky;
    position: sticky;
    min-height: 100vh;
    display: contents;
    z-index: 999
}

.DesktopHeader_container__wpvE5 {
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: visible;
    z-index: 999
}

.DesktopHeader_innerContainer__tmVbt {
    background-color: var(--main-color);
    display: flex;
    height: 40px;
    padding-left: 128px
}

.DesktopHeader_innercontainer__tcAsJ div:last-child {
    margin-left: auto
}

.DesktopHeader_rightContainer__GXVdW {
    background-color: var(--main-color);
    display: flex;
    gap: 20px;
    align-items: center;
    margin-right: 8px;
    cursor: pointer;
    margin-left: auto
}

.DesktopHeader_imageContainer__Zrq_z {
    overflow: hidden;
    display: flex;
    position: absolute;
    height: 100px;
    width: 160px;
    left: -30px;
    top: 5px
}

.DesktopHeader_subElementsContainer__18_7g {
    display: flex;
    height: 64px;
    background-color: var(--white)
}

.DesktopHeader_subElementBar__k8yyN {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 128px;
    background-color: var(--main-color);
    background-color: var(--white)
}

.DesktopHeader_subElement__W75jf {
    margin: 0 8px;
    background-color: var(--white);
    white-space: nowrap
}

    .DesktopHeader_subElement__W75jf ul {
        list-style-type: none
    }

    .DesktopHeader_subElement__W75jf a {
        color: var(--black-80)
    }

        .DesktopHeader_subElement__W75jf a:hover {
            cursor: pointer;
            color: var(--effect-orange)
        }

.DesktopHeader_activeLink__w9bhe a {
    color: var(--effect-orange)
}

.nav-link {
    color: black;
}

.nav-link.active {
    color: var(--effect-orange);
}

.DesktopHeader_item__lr5Dc {
    display: flex;
    color: var(--white);
    align-items: center;
    padding: 4px 16px;
    height: 100%;
    width: auto;
    font-size: 14px;
    cursor: pointer;
    color: var(--effect-orange)
}

.DesktopHeader_selected__GT0_y {
    background-color: var(--white);
    color: var(--black-80);
    border-top: 3px solid var(--effect-orange)
}

.DesktopHeader_unselected__7vsFP {
    color: var(--white)
}

.DesktopHeader_searchBarContainer__6nU5w {
    margin-right: 2rem;
    margin-left: auto;
    max-width: 100%
}

.DropDown_sideNavToggle__0hqQh {
    color: var(--main-color);
    font-weight: 700;
    font-size: 20px;
    border-style: none;
    background-color: var(--white)
}

.DropDown_signOut__UNsuL {
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-decoration: none;
    color: var(--grey);
    padding: 15px 20px;
    display: flex;
    align-items: center
}

.DropDown_sideNav__xoixs {
    background-color: var(--white);
    z-index: 999;
    position: absolute;
    top: 104px;
    right: 0;
    width: 100%;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: opacity .4s ease, transform .4s ease, visibility .4s;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-style: none
}

.DropDown_hidden__8c0dW {
    overflow: hidden;
    width: 0;
    height: 0
}

.DropDown_open__lW5X2 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.DropDown_sideNav__xoixs ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.DropDown_sideNav__xoixs li a {
    text-decoration: none;
    color: var(--grey);
    padding: 15px 20px;
    display: block
}

.DropDown_activeLink__1rmnB a {
    color: var(--effect-orange) !important
}

@media only screen and (max-width:1440px) {
    .MobileHeader_stickyContainer__c_JTQ {
        position: relative;
        min-height: 90vh;
        display: contents
    }

    .MobileHeader_headerContainer__KwBDi {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 10
    }

    .MobileHeader_upperContainer___3rGC {
        height: 48px;
        background-color: var(--main-color);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden
    }

    .MobileHeader_lowercontainer__vpaiq {
        width: 100%;
        background-color: var(--white);
        height: 56px;
        top: 48px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .MobileHeader_leftitems__j0De7 {
        display: flex;
        align-items: center;
        height: 100%;
        width: auto;
        margin: 1rem
    }

        .MobileHeader_leftitems__j0De7 .MobileHeader_selected__LVC6b {
            background-color: var(--white);
            color: var(--black);
            display: flex;
            align-items: center;
            height: 100%;
            width: auto;
            border-bottom: 3px solid var(--effect-orange)
        }

        .MobileHeader_leftitems__j0De7 a {
            padding: 10px
        }

            .MobileHeader_leftitems__j0De7 a.MobileHeader_unselected__ge9DG {
                color: var(--black);
                opacity: .3
            }

    .MobileHeader_rightitems__0qCIM {
        display: flex;
        align-items: center;
        height: 100%;
        margin-right: 20px;
        gap: 10px
    }

    .MobileHeader_upperContainer___3rGC img {
        position: relative;
        top: 48px;
        height: 141px;
        width: 120px
    }
}

.Navbar_container__xm3Bd {
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    height: 40px;
    width: 100%;
    background-color: var(--main-color);
    display: flex;
    flex-direction: row;
    justify-self: flex-start;
    padding-left: 128px;
    overflow: visible
}

.Navbar_desktopContainer__UJP2w {
    display: unset
}

.Navbar_mobileContainer__xupWi {
    display: none
}

.Navbar_item__GbTr_ {
    background-color: var(--white);
    border-top: 3px solid var(--effect-orange);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 16px;
    height: 100%;
    width: 99px;
    font-size: 14px
}

.Navbar_weaselLogo__79Ay1 {
    height: 48px;
    width: 200px
}

.Navbar_divider__Rpoy_ {
    border-left: 1px solid var(--black);
    height: 25%
}

@media only screen and (max-width:1440px) {
    .Navbar_container__xm3Bd {
        height: 48px
    }

    .Navbar_innerContainer__qRgjE {
        background-color: var(--white);
        position: fixed;
        padding: 0;
        top: 48px;
        width: 100%;
        height: 56px
    }

    .Navbar_item__GbTr_ {
        border-top: none;
        border-bottom: 3px solid var(--effect-orange);
        padding: 12px 24px;
        width: 124px
    }

    .Navbar_mobileContainer__xupWi {
        display: unset
    }
}

#DraftModeDisableButton_disablePreviewFab__7IWlj {
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 100px;
    height: 60px;
    background-color: var(--effect-orange);
    cursor: pointer
}

.Footer_container__6oyWs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--footer-blue);
    padding: 64px 0;
    bottom: 0
}

.Footer_logo__ljjJZ {
    height: 240px;
    width: 232px
}

.Footer_bottomNavSocialMedias__fSSbO {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-top: 48px;
    background-color: var(--footer-blue)
}

@media only screen and (max-width:1024px) {
    .Footer_container__6oyWs {
        padding: 48px 0
    }

    .Footer_logo__ljjJZ {
        height: 160x;
        width: 152px
    }
}

@media only screen and (max-width:768px) {
    .Footer_container__6oyWs {
        padding: 48px 0
    }

    .Footer_logo__ljjJZ {
        height: 160x;
        width: 152px
    }
}

@media only screen and (max-width:480px) {
    .Footer_container__6oyWs {
        padding: 40px 0
    }

    .Footer_logo__ljjJZ {
        height: 140px;
        width: 132px
    }
}

.IconButton_circleDiv__vVJxl {
    border-radius: 50%;
    height: 48px;
    width: 48px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}