.file-wrapper{
    display:flex;
    align-items: center;
    margin-bottom: 10px;
    
}

.file-wrapper .cs-file-icon svg path{
    /* fill:#000; */
    transition: fill .4s ease;
    fill:#ffcc00
}

.file-wrapper .cs-file-icon{
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-wrapper .cs-file-icon svg{
    height: 20px;
    width: 18px;
   
}

.file-wrapper:hover .cs-file-icon svg path{
    fill:#ffcc00
}

.file-wrapper .cs-file-title {
    font-weight: 500;
    margin-left: 5px;
    color: black;
    transition: color .4s ease;
    margin-bottom: 0;
}

.file-wrapper:hover .cs-file-title{
    color: #ffcc00;
}

.cs-logout-user.file-wrapper .cs-file-title{
    color:#a0a0a0;
}

.cs-logout-user.file-wrapper .cs-file-icon svg path{
    fill:#a0a0a0;
    transition: fill .4s ease;
}


.cs-logout-user.file-wrapper .cs-login-link{
    color: black;
    transition: color .4s ease;
}

.cs-logout-user.file-wrapper:hover .cs-login-link{
    color: #ffcc00;
}


/* .embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width:321px;
    min-height: 181px;
}  */


.embed-container { 
        aspect-ratio:  1.77777;
} 

.embed-container iframe {
	height: 100%;
    width: 100%;
    
}