div.carousel input[type=radio] {
  position: fixed;
  opacity: 0;
  pointer-events: none;
}
div.carousel input[type=radio][value=slide_1]:checked ~ ul.navi li label.dot[for=slide_1-radio], div.carousel input[type=radio][value=slide_2]:checked ~ ul.navi li label.dot[for=slide_2-radio], div.carousel input[type=radio][value=slide_3]:checked ~ ul.navi li label.dot[for=slide_3-radio], div.carousel input[type=radio][value=slide_4]:checked ~ ul.navi li label.dot[for=slide_4-radio], div.carousel input[type=radio][value=slide_5]:checked ~ ul.navi li label.dot[for=slide_5-radio], div.carousel input[type=radio][value=slide_6]:checked ~ ul.navi li label.dot[for=slide_6-radio], div.carousel input[type=radio][value=slide_7]:checked ~ ul.navi li label.dot[for=slide_7-radio], div.carousel input[type=radio][value=slide_8]:checked ~ ul.navi li label.dot[for=slide_8-radio], div.carousel input[type=radio][value=slide_9]:checked ~ ul.navi li label.dot[for=slide_9-radio] {
  background: rgba(255, 255, 255, 0.75);
}
div.carousel input[type=radio][value=slide_1]:checked ~ .slides .slide#slide_1, div.carousel input[type=radio][value=slide_2]:checked ~ .slides .slide#slide_2, div.carousel input[type=radio][value=slide_3]:checked ~ .slides .slide#slide_3, div.carousel input[type=radio][value=slide_4]:checked ~ .slides .slide#slide_4, div.carousel input[type=radio][value=slide_5]:checked ~ .slides .slide#slide_5, div.carousel input[type=radio][value=slide_6]:checked ~ .slides .slide#slide_6, div.carousel input[type=radio][value=slide_7]:checked ~ .slides .slide#slide_7, div.carousel input[type=radio][value=slide_8]:checked ~ .slides .slide#slide_8, div.carousel input[type=radio][value=slide_9]:checked ~ .slides .slide#slide_9 {
  z-index: 2;
}
div.carousel div.slides {
  position: relative;
  aspect-ratio: 16/11;
}
div.carousel div.slides div.slide {
  position: absolute;
  z-index: 1;
}
div.carousel div.slides div.slide label {
  position: absolute;
  width: 33%;
  height: 100%;
  cursor: pointer;
  display: flex;
  top: 0;
}
div.carousel div.slides div.slide label.previous {
  left: 0;
}
div.carousel div.slides div.slide label.next {
  right: 0;
  justify-content: flex-end;
}
div.carousel div.slides div.slide label svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  fill: rgba(255, 255, 255, 0.75);
  height: 1.5em;
  margin-left: 2em;
  margin-right: 2em;
}
div.carousel ul.navi {
  position: absolute;
  width: 100%;
  bottom: 0.75em;
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  z-index: 3;
}
div.carousel ul.navi li label.dot {
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin: 0 0.5em;
  border: 0.125em solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
}

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