/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.phonenumbers-dialog {
  display: none;
  background: var(--dark-blue);
  color: var(--white);
  width: 400px; }
  .phonenumbers-dialog .phonenumbers__container {
    color: inherit;
    display: grid;
    gap: 2em;
    grid-template-columns: 1fr; }
    @media (min-width: 768px) {
      .phonenumbers-dialog .phonenumbers__container {
        grid-template-columns: repeat(1, 1fr); } }
    .phonenumbers-dialog .phonenumbers__container .phonenumber__location {
      color: var(--gold); }
  .phonenumbers-dialog .phonenumbers__title h1 {
    color: inherit;
    margin: 0 0 1.5em;
    font-size: 1.6em;
    line-height: 1.25; }

a.phonenumber__number {
  display: flex;
  margin-top: .2em;
  color: inherit;
  padding: .6em 0;
  position: relative;
  transition: .3s color ease;
  align-items: center;
  padding-left: calc(27px + 1.3em);
  transition: .3s color ease; }
  a.phonenumber__number::before {
    content: '\e909';
    font-family: icomoon;
    background-color: var(--gold);
    padding: .3em;
    border-radius: 50%;
    font-size: calc(27px - .4em);
    height: 27px;
    color: var(--white);
    z-index: 4;
    position: absolute;
    width: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0; }
  a.phonenumber__number:hover {
    background: unset;
    color: var(--yellow); }

/*# sourceMappingURL=phone-numbers.css.map */