@mixin sm {
    @media (max-width: 375px) {
        @content;
    }
}

@mixin mobile {
    @media (max-width: 768px) {
        @content;
    }
}

@mixin tablet {
    @media (max-width: 1024px) {
        @content;
    }
}

@mixin desktop {
    @media (min-width: 1024px) {
        @content;
    }
}

@mixin inline-flex {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;

    @content;
}

@mixin flex {
    display: flex;
    align-items: center;
    gap: 1rem;

    @content;
}

input,
select,
label {
    box-sizing: border-box;
}