.global-header {
    height: 72px;

    display: flex;
    align-items: center;

    padding:
        0
        38px;

    border-bottom:
        1px solid
        #e3e7eb;

    background:
        rgba(
            255,
            255,
            255,
            .97
        );

    position: relative;

    z-index: 500;
}


.global-brand {
    flex: 0 0 auto;

    color: #263443;

    text-decoration: none;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: .13em;
}


.global-nav {
    display: flex;
    align-items: center;

    gap: 28px;

    margin-left: 54px;
}


.global-nav a {
    position: relative;

    height: 72px;

    display: flex;
    align-items: center;

    color: #747e88;

    text-decoration: none;

    font-size: 11px;
    font-weight: 700;

    transition:
        color .15s ease;
}


.global-nav a:hover,
.global-nav a.active {
    color: #263443;
}


.global-nav a.active::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 2px;

    background: #263443;
}


.global-account-area {
    position: relative;

    margin-left: auto;
}


.global-login-button {
    min-height: 40px;

    display: inline-flex;
    align-items: center;

    padding:
        0
        16px;

    border:
        1px solid
        #dce2e8;

    border-radius: 12px;

    background: #ffffff;

    color: #35414d;

    text-decoration: none;

    font-size: 10px;
    font-weight: 800;
}


.global-member-menu {
    position: relative;
}


.global-account-trigger {
    position: relative;

    min-width: 156px;
    height: 46px;

    display: flex;
    align-items: center;

    gap: 9px;

    padding:
        5px
        10px
        5px
        6px;

    border:
        1px solid
        #dce2e8;

    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 4px 16px
        rgba(
            29,
            40,
            52,
            .04
        );

    cursor: pointer;
}


.global-account-trigger:hover {
    border-color: #cbd3da;

    box-shadow:
        0 7px 22px
        rgba(
            29,
            40,
            52,
            .07
        );
}


.global-account-avatar {
    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    background: #263443;
    color: #ffffff;

    font-size: 14px;
    font-weight: 900;
}


.global-account-summary {
    flex: 1;

    min-width: 0;

    text-align: left;
}


.global-account-summary strong,
.global-account-summary small {
    display: block;
}


.global-account-summary strong {
    max-width: 88px;

    overflow: hidden;

    color: #283441;

    font-size: 10px;
    font-weight: 850;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.global-account-summary small {
    margin-top: 3px;

    color: #99a2ab;

    font-size: 7px;
    font-weight: 800;

    letter-spacing: .09em;
}


.global-account-arrow {
    color: #89939d;

    font-size: 11px;
}


.global-notification-badge {
    min-width: 19px;
    height: 19px;

    position: absolute;

    top: -7px;
    right: -7px;

    display: grid;
    place-items: center;

    padding:
        0
        5px;

    border:
        2px solid
        #ffffff;

    border-radius: 20px;

    background: #263443;
    color: #ffffff;

    font-size: 7px;
    font-weight: 900;
}


.global-account-dropdown {
    width: 225px;

    position: absolute;

    top:
        calc(
            100%
            +
            9px
        );

    right: 0;

    z-index: 1000;

    padding: 9px;

    border:
        1px solid
        #e0e5e9;

    border-radius: 16px;

    background: #ffffff;

    box-shadow:
        0 18px 50px
        rgba(
            27,
            38,
            50,
            .14
        );
}


.global-account-profile {
    padding:
        9px
        9px
        11px;
}


.global-account-profile strong,
.global-account-profile span {
    display: block;
}


.global-account-profile strong {
    color: #2d3946;

    font-size: 12px;
    font-weight: 850;
}


.global-account-profile span {
    margin-top: 4px;

    color: #949da6;

    font-size: 9px;
}


.global-account-divider {
    height: 1px;

    margin:
        6px
        4px;

    background: #edf0f2;
}


.global-account-dropdown > a,
.global-account-dropdown > button {
    width: 100%;
    min-height: 39px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding:
        0
        10px;

    border: 0;
    border-radius: 9px;

    background: transparent;

    color: #5d6874;

    text-decoration: none;

    font-size: 10px;
    font-weight: 750;

    cursor: pointer;
}


.global-account-dropdown > a:hover,
.global-account-dropdown > button:hover {
    background: #f3f5f7;

    color: #263443;
}


.global-menu-count {
    min-width: 21px;

    padding:
        3px
        6px;

    border-radius: 20px;

    background: #eef1f3;

    color: #626d78;

    text-align: center;

    font-size: 7px;
}


.global-header .hidden {
    display: none !important;
}


@media (
    max-width: 900px
) {

    .global-nav {
        gap: 18px;

        margin-left: 34px;
    }

}


@media (
    max-width: 760px
) {

    .global-header {
        height: 64px;

        padding:
            0
            14px;
    }


    .global-nav {
        display: none;
    }


    .global-account-area {
        margin-left: auto;
    }


    .global-account-trigger {
        min-width: 0;
        height: 42px;

        padding:
            4px
            8px
            4px
            5px;
    }


    .global-account-avatar {
        width: 32px;
        height: 32px;

        flex-basis: 32px;
    }


    .global-account-summary small {
        display: none;
    }


    .global-account-summary strong {
        max-width: 72px;
    }


    .global-account-dropdown {
        width:
            min(
                225px,
                calc(
                    100vw
                    -
                    28px
                )
            );
    }

}