@use 'sass:map';

@use 'mixins/mixins' as *;
@use 'mixins/var' as *;
@use 'common/var' as *;

@include b(footer) {
  // @include set-component-css-var('footer', $footer);

  padding: 0 getCssVar('footer-padding');
  box-sizing: border-box;
  flex-shrink: 0;
  height: var(#{getCssVarName('footer-height')}, 56px);

  @media #{map.get($breakpoints-spec, 'sm-and-down')} {
    padding: 0 calc(#{getCssVar('footer-padding')} / 2);
  }
}