/* Wrapper rundt om hver slider */

.slider-wrapper {

    margin-bottom: 2.5rem;

    position: relative;

    padding-top: 1.5rem;

}



/* Sliderens "track" */

.ui-slider {

    height: var(--slider-height);

    background: var(--slider-track-color);

    border-radius: 3px;

    position: relative;

}



/* Fyldt område til venstre for dot */

.ui-slider-range {

    background: var(--slider-color);

}



/* Dotten der kan trækkes */

.ui-slider-handle {

    top: calc(var(--handle-size) / -2.4) !important;

    width: var(--handle-size);

    height: var(--handle-size);

    background: var(--slider-color);

    border-radius: 50%;

    border: none;

    cursor: pointer;

    position: absolute;

}



/* Værdiboblen over dotten */

.value-bubble {

    position: absolute;

    top: var(--bubble-offset);

    left: 50%;

    transform: translateX(-50%);

    background: var(--bubble-bg);

    color: var(--bubble-color);

    padding: var(--bubble-padding);

    border-radius: var(--bubble-radius);

    font-size: var(--bubble-font-size);

    font-weight: bold;

    white-space: nowrap;

}



/* Min/max mærkater under slideren */

.slider-labels {

    display: flex;

    justify-content: space-between;

    font-size: 0.9rem;

    margin-top: 0.35rem;

}





      /* Undgå at billeder i kort-widget bliver block */

      .minimapbody img {

        display: inline;

      }