@use '../../../styles/tools/functions';
@use '../../../styles/settings/colours';

.VideoPlaceholder {
    aspect-ratio: 16/9;
}

.VideoPlayer {
    overflow: hidden;
    margin-left: functions.pxRem(-16);
    margin-right: functions.pxRem(-16);

    @media all and (min-width: functions.em(375)) {
        margin-left: functions.pxRem(-24);
        margin-right: functions.pxRem(-24);
    }

    @media all and (min-width: functions.em(768)) {
        border-radius: functions.pxRem(30);
        margin-left: 0;
        margin-right: 0;
    }
}