@import "variables";

.pf-preview {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: black;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.pf-preview-info {
    position: absolute;
    width: 75%;
    top: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    font-family: 'Arial';
    font-size: $pf-medium-font-size;
    text-align: center;
    color: $pf-preview-info-font-colour;

    span {
        // background-color: $pf-preview-info-background-colour;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.pf-preview-play-button {
    position: absolute;
    width: 100px;
    height: 100px;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    font-size: 100px;
    background-color: $pf-preview-play-button-background-colour;
}