@charset "UTF-8";
.slider {
  position: relative; }
  .slider img {
    width: 100%; }
  .slider .slick-track {
    display: flex; }
  .slider .slider--content:not(.slick-initialized):not(:has(.slick-current)) {
    aspect-ratio: 16 / 9;
    overflow: hidden; }
  .slider .slick-arrow {
    cursor: pointer; }
  .slider .slider-nav--prev::before {
    content: 'Forrige'; }
  .slider .slider-nav--next::before {
    content: 'Næste'; }
  .slider .slick-dots {
    row-gap: clamp(35px, calc(15.55556px + (0.03241 * 100vw)), 70px);
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center; }
    .slider .slick-dots li {
      width: 24px;
      height: 24px; }
      .slider .slick-dots li button {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .slider .slick-dots li button::before {
          transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          display: block;
          content: '';
          width: 10px;
          height: 10px;
          border: 2px solid #fff;
          border-radius: 50%; }
      .slider .slick-dots li.slick-active {
        pointer-events: none; }
        .slider .slick-dots li.slick-active button::before {
          background-color: #fff; }
      .has-mouse .slider .slick-dots li:not(.slick-active):hover button::before {
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        background-color: #fff; }
  .slider:has(.slick-dots) .slick-track {
    display: flex;
    flex-direction: column; }

/*# sourceMappingURL=../../_maps/main/slider/slider.css.map */