@use '../styles/design-system.scss' as *;

@mixin baseTerritoryFocus {
  position: absolute;
  left: .75em;
  z-index: 1;
}

.territoryFocusContainer {
  // styles for mobile-lg (480px) and greater widths
  @include at-media('mobile-lg') {
    @include baseTerritoryFocus;
    top: units(card-lg);
  };

  @include baseTerritoryFocus;
  top: units(9);

}