@use 'exports' as *;

.tooltip {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		&.is-above {
			@include above;
		}

		&.is-below {
			@include below;
		}

		&.is-before {
			@include before;

			&.is-above {
				@include beforeAbove;
			}

			&.is-below {
				@include beforeBelow;
			}
		}

		&.is-after {
			@include after;

			&.is-above {
				@include afterAbove;
			}

			&.is-below {
				@include afterBelow;
			}
		}
	}
}