body {
  margin: 0; }

.map {
  position: absolute;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .map:not(.active) {
    display: none; }
  .map .point {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #f44336;
    position: absolute;
    top: 45%;
    left: -2%;
    opacity: 0.7; }
    .map .point:after {
      content: "";
      position: absolute;
      background: #f44336;
      box-shadow: 0 0 9px 2px #f44336;
      width: 40px;
      height: 40px;
      left: 0;
      top: 0;
      border-radius: 100%;
      transition: opacity 1s;
      -webkit-animation: pulse 1s infinite;
      -moz-animation: pulse 1s infinite;
      -o-animation: pulse 1s infinite;
      animation: pulse 1s infinite; }
    .map .point.point44 {
      top: 60.5%;
      left: 37.7%; }
    .map .point.point34 {
      top: 42%;
      left: 45%; }
    .map .point.point24 {
      top: 39%;
      left: 55%;
      background: #3a3a77; }
      .map .point.point24:after {
        background: #3a3a77;
        box-shadow: 0 0 9px 2px #3a3a77; }
    .map .point.point14_b {
      top: 11.5%;
      left: 67.5%;
      background: #689fd5; }
      .map .point.point14_b:after {
        background: #689fd5;
        box-shadow: 0 0 9px 2px #689fd5; }
    .map .point.point14_r {
      top: 39%;
      left: 56%;
      background: #db6e82; }
      .map .point.point14_r:after {
        background: #db6e82;
        box-shadow: 0 0 9px 2px #db6e82; }
    .map .point.point14_y {
      top: 61%;
      left: 88%;
      background: #ffeb3b; }
      .map .point.point14_y:after {
        background: #ffeb3b;
        box-shadow: 0 0 9px 2px #ffeb3b; }

.list-main-group {
  padding: 5px; }
  .list-main-group .list-image {
    width: 100%;
    height: 180px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-size: cover; }
  .list-main-group .list-text {
    padding: 5px 12px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    top: -12px;
    background: white; }
  .list-main-group .list-title {
    position: relative; }
  .list-main-group .list-shared-times {
    position: absolute;
    right: 0;
    top: -24px;
    background: rgba(255, 255, 255, 0.64);
    padding: 5px;
    border-radius: 9px; }

@keyframes pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*# sourceMappingURL=stile.css.map */
