/* Sessions
 * -------------------------------------------------------------------------- */

.session {
  @media (min-width: 40em) {
    background: url("/assets/abstracts/abstract-3-e6adf2d8.svg") center 8rem / 85% 85% no-repeat;
  }
}

.session__browsers {
  display: flex;

  @media (max-width: 39.95em) {
    font-size: var(--font-size-x-small);
  }
}

.session__browser {
  margin: 0;
  padding: 5.6em 0.5rem 1rem 0.5rem;
  text-align: center;
  border-radius: 0.6rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center 1rem;
  background-size: 3.6em;

  &:hover {
    background-color: var(--color-bg--surface);
  }
}

.session__pill {
  color: var(--color-secondary);
}

.session__browser--safari { background-image: url("/assets/logos/safari-logo-d7bba975.svg"); }
.session__browser--chrome { background-image: url("/assets/logos/chrome-logo-875560b8.svg"); }
.session__browser--firefox { background-image: url("/assets/logos/firefox-logo-4cb6ccb6.svg"); }
.session__browser--edge { background-image: url("/assets/logos/edge-logo-a6c656a4.svg"); }