
.container {
    @mixin dark {
        background-color: var(--mantine-color-dark-7-5);
        box-shadow: var(--dark-shadow);
    }
    @mixin light {
        background-color: var(--color-light-whitesmoke);
        box-shadow: var(--light-shadow);
    }
}

.container-active {
    @mixin dark {
        background-color: var(--mantine-color-dark-8);
        box-shadow: var(--dark-thick-shadow);
    }
    @mixin light {
        background-color: white;
        box-shadow: var(--light-thick-shadow);
    }
}

.container:hover {
    @mixin dark {
        background-color: var(--mantine-color-dark-8);
        box-shadow: var(--dark-thick-shadow);
    }
    @mixin light {
        background-color: white;
        box-shadow: var(--light-thick-shadow);
    }
}
