/* FooterRecord */

.mysite_footer_record_container {
    width: 100%;
    margin-top: 1rem;
}

.mysite_footer_record_row {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}


/* HeaderNav */

.mysite_header_nav_container {
    margin: 0;
    width: 100%;
    border-bottom: var(--pico-border-width) solid var(--pico-primary);
    border-radius: var(--pico-border-radius);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mysite_header_nav_icon_wrap {
    margin: 0;
    padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
    cursor: pointer;
}
.mysite_header_nav_icon_wrap svg {
    color: var(--pico-primary);
}

/* DrawerNav */

.mysite_drawer_nav_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 100%;
    overflow: hidden auto;
    padding: 0;
}

.mysite_drawer_nav_user_info {
    width: 100%;
    display: flex;
    align-items: center;
}

.mysite_drawer_nav_user_info_item {
    cursor: pointer;
    flex: 0 0 auto;
    padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
}

.mysite_drawer_nav_user_info_item_title {
    flex: 1 1 auto;
    padding: var(--pico-form-element-spacing-vertical) 0;
}
.mysite_drawer_nav_user_info_item_title h4 {
    margin: 0;
}

.mysite_drawer_nav_user_info_item_username {
    margin-left: var(--pico-form-element-spacing-vertical);
}

.mysite_drawer_nav_user_info_item svg {
    color: var(--pico-primary);
}