@use "../../../styles/tokens/breakpoint";
@use "../../../styles/tools/generate";
@use "./mixins";
@use "./config";
@use "sass:map" as sassmap;
@use "sass:string";
@use "../../../styles/tools/map";
@use "../../../styles/tools/layout";

@layer components {
  .section {
    $this: &;

    @include mixins.base;
    @include mixins.spacing("default");
    @include mixins.spacing-rules();

    &--default {
      @include mixins.spacing("default");
    }

    &--small {
      @include mixins.spacing("small");
    }

    &--xsmall {
      @include mixins.spacing("xsmall");
    }

    .container > & {
      @include layout.reset-last-child-margin-bottom;
    }

    &__image-stuck-to-bottom {
      @include mixins.image-stuck-to-bottom;
    }
  }
}
