@use "../abstracts/mixins";
@use "../abstracts/variables";

.container{
    width: 100%;
    max-width: variables.$containerWidth;
    margin-left: auto;
    margin-right: auto;

    @include mixins.respondTo('xs'){
        max-width: none;
        padding-left: variables.$containerPaddingXs;
        padding-right: variables.$containerPaddingXs;
    }

    &--full{
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }
}