@use "variables" as *;

@media screen and (min-width:600px) {
    .settings-inner-container {
        display: grid;
        gap: $spacing-lg;
        &.col-2 {
            grid-template-columns: repeat(2, 1fr);
        }
        &.col-3 {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    .settings-inner-container__item {
        display: flex;
        flex-direction: column;
        gap: $spacing-md;
    }
}