.PlayerAppearance {
    margin-top: 20px;

    &-previewContainer {
        height: 220px;
        position: relative;
        width: 220px;
    }

    &-preview {
        height: 100%;
        width: 100%;
    }

    &-themeOptions {
        align-items: center;
        background-color: rgba(255, 255, 255, .8);
        display: flex;
        justify-content: baseline;
        margin-top: -34px;
        padding: 8px;
        position: relative;
    }

    &-themeRadio {
        /* stylelint-disable declaration-no-important */
        margin: 0 8px 0 0 !important;
        /* stylelint-enable declaration-no-important */
    }

    &-themeLabel {
        font-size: small;
        margin-right: 8px;
    }

    &-themeButton {
        font-size: xx-small;
        margin-left: 30px;
        padding: 3px 6px 3px 6px;
        text-align: center;
    }

    &-previewLink {
        color: inherit;
        font-size: xx-small;
        margin-left: auto;
        padding: 3px 6px 3px 6px;
    }
    
    &-previewLink:hover,
    &-previewLink:focus,
    &-previewLink:active,
    &-previewLink:visited {
        color: inherit;
        text-decoration: none;
    }
}