/* Menu */

#scy-user-account-menu {
    position: fixed;
    top:0;
    padding:1rem;
    width: fit-content;
    /*display: flex;
    justify-content: flex-end;
    align-content: center;*/
    z-index:900;
    right:0;
}

#scy-user-account-menu .btn {
    margin-left:.5rem; 
}

/* User label */
/*#scy-user-account-menu .scy-user-label {
    position: absolute;
    width: max-content;
    height:2rem;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    top: 1.4rem;
    right: 2.5rem;
    padding-left:1rem;
    padding-right:3rem;
    border-radius: 5rem;
    color: var(--scy-menu-gradient1-color);
    background: var(--scy-menu-gradient1-background);
}*/

/* User access level */
/*#scy-user-account-menu .scy-user-access-level {
    position: absolute;
    width: max-content;
    height:1.2rem;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    top: 3.4rem;
    right: 2.5rem;
    padding-left:.5rem; 
    padding-right:3rem;
    border-radius: 5rem;
}
#scy-user-account-menu .scy-user-access-level:not(.scy-admin) {
    color: var(--scy-secondary-color);
    background: var(--scy-secondary-background);
}
#scy-user-account-menu .scy-user-access-level.scy-admin {
    color: var(--scy-danger-color);
    background: var(--scy-danger-background);
}*/

/* User button */
#scy-user-account-menu .scy-user-button {
    position: relative;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius:50%;
    border: var(--scy-border-size) solid var(--scy-menu-gradient1-color);
    background-color: var(--scy-menu-gradient1-background);
    overflow: hidden;
} 
#scy-user-account-menu .scy-user-button:not(.scy-no-image) {
    width: 3.5rem;
    height: 3.5rem;
}
#scy-user-account-menu .scy-user-button.scy-no-image {
    width: 3rem;
    height: 3rem;
} 
#scy-user-account-menu .scy-user-button .bi {
    color: var(--scy-menu-gradient1-color);
    width:1.5rem;
    height:1.5rem;
}
#scy-user-account-menu .scy-user-button img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#scy-user-account-menu .scy-user-button:hover {
    color: var(--scy-primary-color-hover);
    border-color: var(--scy-primary-background);
    background: var(--scy-primary-background-hover);
}
#scy-user-account-menu .scy-user-button:hover .bi {
    color: var(--scy-primary-color-hover);
}

/*----------- 
    MODALS 
-----------*/

/* Card */
#scy-user-account-modals .scy-user-account-modal .card {
    background: transparent !important;
    max-width: 25rem; 
    height:fit-content;
    width: 100%
}
#scy-user-account-modals .scy-user-account-modal .card p {
    white-space: break-spaces;
}
#scy-user-account-modals .scy-user-account-modal .card-header { 
    background: transparent !important;
    border: 0px solid transparent !important;
}
#scy-user-account-modals .scy-user-account-modal .card-body {
    border: 0px solid transparent !important;
}
#scy-user-account-modals .scy-user-account-modal .card-footer {
    background: transparent !important;
    border: 0px solid transparent !important;
}
.scy-card-s {
    max-width: 25rem;
}
.scy-card-m {
    max-width: 30rem;
}
.scy-card-l {
    max-width: 35rem;
}
/* Image profile */
#scy-user-account-modals .scy-user-account-modal .scy-user-image-profile {
    display:flex;
    align-items: center;
    justify-content: center;
    width: 5.5rem;
    height: 5.5rem;
    border-radius:50%;
    /*background-color: var(--scy-backdrop-gradient1-background);*/
    background-color: var(--scy-menu-gradient1-background);
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
#scy-user-account-modals .scy-user-image-profile img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#scy-user-account-modals .scy-user-account-modal .scy-user-image-profile:not(.connected) {
    border: var(--scy-border-size) solid var(--scy-primary-background) !important;
}
#scy-user-account-modals .scy-user-account-modal .scy-user-image-profile.connected {
    border: var(--scy-border-size) solid var(--scy-primary-background) !important;
}
#scy-user-account-modals .scy-user-account-modal .scy-user-image-profile .bi {
    width:2.5rem;
    height:2.5rem;
}

/* Forms */
#scy-user-account-modals .scy-user-account-modal .form-control {
    text-align:center;
}

/* Screeny Logo */
#scy-user-account-modals .scy-user-account-modal .screeny-logo {
    width: 100%;
    text-align: center !important;
}
#scy-user-account-modals .scy-user-account-modal .screeny-logo img {
    width: 10rem;
}

/* Title */
#scy-user-account-modals .scy-user-account-modal .scy-modal-title {
    width: 100%;
    text-align: center !important;
    padding: 1rem;
}
#scy-user-account-modals .scy-user-account-modal .scy-modal-title h3 {
    margin:0;
}

/* Description */
#scy-user-account-modals .scy-user-account-modal .scy-modal-description {
    width: 100%;
    text-align: center !important;
    padding: 1rem;
}
#scy-user-account-modals .scy-user-account-modal .scy-modal-description p {
    margin:0;
}