.externalmedia {
    position: relative;
    max-width: 560px;
    min-height: 315px;
    background: #222;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}


.externalmedia-placeholder {
    text-align:center;
    padding:30px;
}


.externalmedia-play {
    width:70px;
    height:50px;
    margin:0 auto 20px;
    background:#d00;
    border-radius:12px;
    position:relative;
}


.externalmedia-play:after {
    content:"";
    position:absolute;
    left:28px;
    top:14px;
    border-left:20px solid white;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
}


.externalmedia-load {
    margin-top:15px;
    padding:10px 20px;
    cursor:pointer;
}



.externalmedia-dialog {

    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;

    background:rgba(0,0,0,.7);

    display:flex;
    align-items:center;
    justify-content:center;

    z-index:99999;
}



.externalmedia-dialog-box {

    background:white;
    color:#222;

    max-width:420px;

    padding:25px;

    text-align:center;

    border-radius:8px;

}



.externalmedia-dialog button {

    display:block;

    width:100%;

    margin-top:10px;

    padding:10px;

    cursor:pointer;

}



.externalmedia-settings {

position:fixed;
inset:0;

background:rgba(0,0,0,.7);

display:flex;
align-items:center;
justify-content:center;

z-index:99999;

}


.externalmedia-settings-box {

background:white;

padding:25px;

width:350px;

border-radius:10px;

}


.externalmedia-row {

display:flex;

justify-content:space-between;

align-items:center;

margin:15px 0;

}



/* Schalter */

.externalmedia-switch {

position:relative;

width:55px;

height:28px;

}


.externalmedia-switch input {

display:none;

}


.externalmedia-switch span {

position:absolute;

inset:0;

background:#aaa;

border-radius:30px;

cursor:pointer;

}


.externalmedia-switch span:before {

content:"";

position:absolute;

width:22px;
height:22px;

left:3px;
top:3px;

background:white;

border-radius:50%;

transition:.2s;

}



.externalmedia-switch input:checked + span {

background:#22aa55;

}


.externalmedia-switch input:checked + span:before {

transform:translateX(27px);

}