[data-bs-theme=dark] div.leaflet-container:not(#overlay) .leaflet-pane.leaflet-tile-pane>.leaflet-layer:is(:first-child),
[data-bs-theme=dark] .leaflet-control-zoom-in,
[data-bs-theme=dark] .leaflet-control-zoom-out,
[data-bs-theme=dark] .leaflet-control-attribution {
    filter: invert(100%) hue-rotate(180deg) contrast(60%) brightness(80%) saturate(20%);
}

[data-bs-theme=light] div.leaflet-container:not(#overlay) .leaflet-pane.leaflet-tile-pane>.leaflet-layer:is(:first-child),
[data-bs-theme=light] .leaflet-control-zoom-in,
[data-bs-theme=light] .leaflet-control-zoom-out,
[data-bs-theme=light] .leaflet-control-attribution {
    filter: contrast(60%) brightness(120%) saturate(20%);
}

div.leaflet-container:not(#overlay) .leaflet-top .leaflet-control {
    margin-top: 74px !important;
}

a {
    text-decoration: none !important;
}

input[type=range].dual::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    pointer-events: all;
}

input[type=range].dual::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    pointer-events: all;
}

input[type="range"].dual {
    -webkit-appearance: none;
    appearance: none;
    height: 1.5rem;
    width: 100%;
    position: absolute;
    pointer-events: none;
}

.leaflet-control-range::-webkit-slider-runnable-track {
    background: rgb(var(--bs-secondary-bg-rgb)) !important;
    border: 2px solid rgba(0, 0, 0, 0.2) !important;
    height: 10px !important;
}

input[type="range"].fromSlider.dual {
    z-index: 1;
}

input[type="range"].toSlider.dual::-webkit-slider-runnable-track {
    background: var(--slider-gradient);
}

input[type="range"].toSlider.dual::-moz-range-track {
    background: var(--slider-gradient);
}

input[type="range"].fromSlider.dual::-webkit-slider-runnable-track {
    background: none;
}

input[type="range"].fromSlider.dual::-moz-range-track {
    background: none;
}

input[type="range"]::-webkit-slider-thumb {
    background: var(--bs-primary);
}

input[type="range"]::-moz-range-thumb {
    background: var(--bs-primary);
}

.glass {
    backdrop-filter: blur(48px) !important;
    border-width: 1px !important;
    border-color: #ffffff7a !important;
}

a {
    font-weight: 400 !important;
}

[data-bs-theme=dark] .glass {
    border-color: #ffffff1f !important;
}

.glass-no-border {
    backdrop-filter: blur(48px);
}

@property --num {
    syntax: '<integer>';
    initial-value: 0;
    inherits: false;
}

@property --animation-delay {
    syntax: '<time>';
    initial-value: 0s;
    inherits: false;
}

.counter {
    transition: --num 2s cubic-bezier(0, 0, 0.2, 1);
    transition-delay: var(--animation-delay);
    counter-reset: num var(--num);
}

.counter.displayed {
    --num: var(--counter-value);
}

.counter::after {
    content: counter(num);
}

.transition-up {
    transition: transform 1s ease-in-out, opacity .5s ease-in-out;
    transition-delay: var(--animation-delay);
    transform: translateY(10.0px);
    opacity: 0;
}

.transition-up.displayed {
    transform: translateY(0.0px);
    opacity: 1;
}

.transition-up.btn {
    transition: transform 1s ease-in-out, opacity .5s ease-in-out, color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition-delay: var(--animation-delay);
}

.transition-select {
    transition: transform 1s ease-in-out, opacity .5s ease-in-out;
    transition-delay: var(--animation-delay);
    transform: translate(0%, 0%) scale(0.0);
    transform-origin: top left;
    opacity: 0;
}

.transition-select.displayed {
    transform: translate(0%, 0%) scale(1.0);
    opacity: 1;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 2px;
    display: block;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(var(--bs-primary-rgb));
    border-radius: 10px;
    border: solid 1px #ffffff21;
    background-clip: padding-box;
}

.form-range-fill {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100%;
    height: 2rem;
    outline: none;
    background: linear-gradient(to right, rgba(var(--bs-primary-rgb), 0.5) 0 var(--gradient-fill), rgba(var(--bs-secondary-bg-rgb), 0.5) var(--gradient-fill) 100%);
    background-repeat: no-repeat;
    border-radius: var(--bs-border-radius);
    border: solid 1px rgba(var(--bs-white-rgb), 0.25);
    backdrop-filter: blur(16px);
}

.form-range-fill::-webkit-slider-runnable-track,
.form-range-fill::-moz-range-track {
    background: transparent;
}

.form-range-fill::-webkit-slider-thumb {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 0.25rem;
    height: 2rem;
    background: transparent !important;
    cursor: pointer;
}

.form-range-fill::-moz-range-thumb {
    appearance: none;
    width: 0.25rem;
    height: 2rem;
    background: transparent !important;
    border: none;
    cursor: pointer;
}

@property --gradient-fill {
    syntax: '<percentage>';
    initial-value: 0%;
    inherits: false;
}

summary::marker {
  content: "";
}

summary::-webkit-details-marker {
  display: none;
}

details > summary::before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background-color: var(--bs-body-color) !important;
    mask-image: url('/static/home/images/icons/caret-right-fill.svg');
    mask-size: cover;
    -webkit-mask-image: url('/static/home/images/icons/caret-right-fill.svg');
    -webkit-mask-size: cover;
    transition: 0.25s;
}

details[open] > summary {
    margin-bottom: .5rem;
    display: block;
}

details[open] > summary::before {
    transform: rotate(90deg);
}