.site-header {
    position: relative;
    z-index: 20
}

.site-account-menu {
    position: relative;
    flex: 0 0 44px;
    width: 44px;
    height: 44px
}

.site-account-trigger {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    flex: 0 0 44px;
    overflow: hidden;
    aspect-ratio: 1;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #dff0ed;
    color: #0b625f;
    font-size: 17px;
    font-weight: 850;
    cursor: pointer;
    list-style: none
}

.site-account-trigger::-webkit-details-marker {
    display: none
}

.site-account-trigger img {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #d7e3e7;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1
}

.site-account-trigger:focus-visible {
    outline: 3px solid #8ad0c1;
    outline-offset: 3px
}

.site-account-panel {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    z-index: 30;
    display: grid;
    width: 250px;
    padding: 9px;
    border: 1px solid #dce6eb;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 14px 36px #102a4324
}

.site-account-identity {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 9px 13px;
    border-bottom: 1px solid #e9eef1
}

.site-account-identity img,
.site-account-initial {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    object-fit: cover
}

.site-account-initial {
    display: grid;
    place-items: center;
    background: #dff0ed;
    color: #0b625f;
    font-weight: 800
}

.site-account-identity>span:last-child {
    display: grid;
    min-width: 0;
    gap: 3px
}

.site-account-identity strong {
    overflow: hidden;
    color: #18374e;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}

.site-account-identity small {
    color: #82909a;
    font-size: 10px
}

.site-account-panel>a,
.site-account-panel form button {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-height: 39px;
    padding: 8px 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #536b7e;
    text-align: left;
    font: inherit;
    font-size: 12px;
    font-weight: 600
}

.site-account-panel>a:first-of-type {
    margin-top: 5px
}

.site-account-panel>a:hover,
.site-account-panel form button:hover {
    background: #eef6f5;
    color: #0b625f
}

.site-account-panel>a span,
.site-account-panel form button span {
    width: 17px;
    color: #718394;
    text-align: center;
    font-size: 15px
}

.site-account-panel form {
    margin: 5px 0 0;
    padding-top: 5px;
    border-top: 1px solid #e9eef1
}

.site-account-panel form button {
    color: #b54c58;
    cursor: pointer
}

.site-account-panel form button span {
    color: #b54c58
}

@media(max-width:760px) {
    .site-header nav {
        gap: 12px
    }

    .site-account-panel {
        right: -2px;
        width: 230px
    }
}

@media(max-width:520px) {

    .site-header nav>a:nth-child(3),
    .site-header nav>a:nth-child(4),
    .site-header nav>a:nth-child(5) {
        display: none
    }

    .site-account-trigger {
        width: 38px;
        height: 38px;
        min-width: 38px;
        min-height: 38px;
        flex-basis: 38px
    }

    .site-account-menu {
        flex-basis: 38px;
        width: 38px;
        height: 38px
    }
}