.embed-player {
    width: 100%;
    background: rgba(255,255,255,0.9);
    border-top: 2px solid var(--theme-gradient-4);
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0;
    gap: 20px;
    padding: 0 13px;
}

.embed-player.hidden {display:none;}
.embed-player .box { width: 420px;height: 80px; position: relative;}
.embed-player .loading { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.embed-player iframe { display: block; z-index: 10;position: relative;}
.embed-player .close-button {user-select: none; cursor: pointer; width: 16px; height: 16px; opacity:0.5; background: url('../img/icons/base/cross.svg') center/contain no-repeat;}
.embed-player .close-button:hover {opacity: 1;}
.embed-player .close-frame {height: calc(100% - 16px);}



.embed-player.type-youtube {height: 333px;}
.embed-player.type-youtube .box {width: 560px; height: 315px;}





.footer-players {    position: fixed;
    bottom: 0;width: 100%;}



@media (max-width: 666px) {
    .embed-player.type-youtube {height: 200px;}
    .embed-player.type-youtube .box {width: 320px; height: 180px;}
    .embed-player.type-youtube iframe {width: 320px; height: 180px;}
}