@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;900&display=swap');

.dynamic-island {
    font-family: 'Poppins', sans-serif;
}

.dynamic-island .pill {
    background: #26a0da;
    border: 2px solid #ffffff;
}

.dynamic-island.active .pill {
    border: 3px solid #ffffff;
}

.dynamic-island .pin-container {
    filter: invert(89%) sepia(61%) saturate(1384%) hue-rotate(344deg) brightness(108%) contrast(107%);
}

.spacer {
    filter: invert(89%) sepia(61%) saturate(1384%) hue-rotate(344deg) brightness(108%) contrast(107%);
}

.username {
    color: #fbff08 !important;
    text-shadow: 0 0 1px #000000, -1px 1px 0 #000000;
}

.message {
    text-shadow: 0 0 1px #000000;
}

.pin-icon {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url('../assets/push-pin.png');
    background-size: cover;
  }

  .spacer {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('../assets/kickLogo.png');
    background-size: cover;
  }