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

.List {
    row-gap: functions.pxRem(40);
    opacity: 1;
    transition: opacity 0.3s;

    @media all and (min-width: functions.em(768)) {
        row-gap: functions.pxRem(50);
    }

    &--Loading {
        opacity: 0.5;
        pointer-events: none;
    }
}

.Column {
    width: 100%;
    
    @media all and (min-width: functions.em(580)) {
        width: 50%;
    }

    @media all and (min-width: functions.em(1024)) {
        width: 33.3333%;
    }
}

.WorkCard {
    height: 100%;
}