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

.distance-text-wrapper {
  pointer-events: none !important;
}
.distance-text {
  pointer-events: none !important;
  div {
    position: absolute;
    transform: translate(-50%, -50%) scale(0.8);
    pointer-events: none !important;
    white-space: nowrap;
    // style
    font-size: var(--font-size-large);
    padding: 2px 8px;
    background: var(--primary-color);
    color: var(--accent-color);
    outline: 1px solid var(--accent-color);
    border-radius: #{$border-radius-medium};
    box-shadow: var(--box-shadow-light);
  }
}

.pointer-none {
  pointer-events: none;
}
