/*
**  USP
*/
.icon-multitool {
    shape-outside: polygon(36.25% 40.5%, 73.08% -3%, 101.84% -2.51%, 102.5% 50.25%, 55.80% 102.71%, -0.38% 98.6%, -3.75% 81.58%);
}

/*
**  CV Timeline
*/
main, .timeline, .logbook {
    scrollbar-color: var(--dark-gray) transparent;
    scrollbar-width: thin;
}
.dark main, .dark .timeline, .dark .logbook {
    scrollbar-color: var(--light-gray) transparent;
}

/* Safari scrollbar polyfill */
main::-webkit-scrollbar {
    background: transparent;
}
.timeline::-webkit-scrollbar {
    background: transparent;
}
.logbook::-webkit-scrollbar {
    background: transparent;
}
main::-webkit-scrollbar-thumb {
    background: var(--dark-gray);
    border-radius: 4px;
}
.timeline::-webkit-scrollbar-thumb {
    background: var(--dark-gray);
    border-radius: 4px;
}
.logbook::-webkit-scrollbar-thumb {
    background: var(--dark-gray);
    border-radius: 4px;
}
.dark main::-webkit-scrollbar-thumb {
    background: var(--light-gray);
}
.dark .timeline::-webkit-scrollbar-thumb {
    background: var(--light-gray);
}
.dark .logbook::-webkit-scrollbar-thumb {
    background: var(--light-gray);
}
.tl-bullets {
    display: none;
}
.is-active .tl-pos {
    background-color: var(--dark-gray);
}
.dark .is-active .tl-pos {
    background-color: var(--white)
}
.is-active .tl-marker,
.is-active .tl-bullets {
    display: block;
}

/*
**  Range Slider
*/
.av-slider-divider:not(:last-of-type) {
    border-right: 1px solid var(--dark-gray);
}
.dark .av-slider-divider:not(:last-of-type) {
    border-right: 1px solid var(--white);
}

.range-slider::-moz-range-thumb {
    height: 45px;
    width: 45px;
    background: var(--dark-gray);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -20px;
}

.range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 45px;
  width: 45px;
  background: var(--dark-gray);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 0;
}

.dark .range-slider::-webkit-slider-thumb {
    background: var(--white);
}
.dark .range-slider::-moz-range-thumb {
    background: var(--white);
}

.range-slider::-moz-range-progress {
    background-color: var(--progress-color);
    border-radius: 0.5rem;
    height: 100%
}