/**
 * Copyright (c) 2020 Aleksej Komarov
 * SPDX-License-Identifier: MIT
 */

@use 'sass:math';

$border-color: rgba(140, 140, 140, 0.5) !default;

.Ping {
  position: relative;
  padding: 0.125em 0.25em;
  border: math.div(1em, 12) solid $border-color;
  border-radius: 0.25em;
  width: 3.75em;
  text-align: right;
}

.Ping__indicator {
  content: '';
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  width: 0.5em;
  height: 0.5em;
  background-color: #888;
  border-radius: 0.25em;
}