/* UNSET */
.dd-hotspot-toggle-choice {
    padding: unset;
    margin: unset;
    transition: unset;
    background: unset;
    border: unset;
    color: unset;
    outline: unset;
}
.dd-hotspot-toggle-choice:hover,
.dd-hotspot-toggle-choice:active,
.dd-hotspot-toggle-choice:visited {
    background: unset;
    border: unset;
    color: unset;
    outline: unset;
}
.dd-hotspot-toggle-choice:focus {
    background: unset;
    border: unset;
    color: unset;
    outline: unset;
}
.dd-hotspot-toggle-choice:focus-visible {
    background: unset;
    border: unset;
    color: unset;
    outline: unset;
}
.dd-hotspot-toggle-choice:focus-within {
    background: unset;
    border: unset;
    color: unset;
    outline: unset;
}
/* END: UNSET */


/* BUTTON WRAPPER — ANIMATED VISIBILITY */
.dd-button-wrapper {
    overflow: visible;
    max-height: calc(var(--dd-button-height-small) + 10px);
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: max-height var(--dd-animation-time) ease-in,
                opacity var(--dd-animation-time) ease-in,
                transform var(--dd-animation-time) ease-in,
                visibility 0s linear 0s;
}

.dd-button-wrapper > * {
    margin-top: 10px;
}

.dd-button-wrapper.dd-hidden {
    max-height: 0;
    opacity: 0;
    transform: translateY(10px);
    visibility: hidden;
    pointer-events: none;
    transition: max-height var(--dd-animation-time) ease-out,
                opacity var(--dd-animation-time) ease-out,
                transform var(--dd-animation-time) ease-out,
                visibility 0s linear var(--dd-animation-time);
}


/* TOGGLE BAR */
.dd-hotspot-toggle {
    position: relative;
    background: var(--dd-color-background);
    border-radius: 99px;
    height: var(--dd-button-height-small);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    gap: 0;
    overflow: hidden;
    pointer-events: all;
}

.dd-hotspot-toggle-choice {
    border-radius: 99px;
    cursor: pointer;
    white-space: nowrap;
    transition: all var(--dd-animation-time) var(--dd-animation-easing);
}

.dd-hotspot-toggle .dd-hotspot-toggle-choice {
    padding: 0 0.7em;
}

.dd-hotspot-toggle-choice.dd-selected {
    text-shadow: 0px 0px 1px black;
}

.dd-hotspot-toggle-selector {
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40px;
    width: 34px;
    mix-blend-mode: difference;
    border-radius: 99px;
    margin: 3px 0;
}

.dd-hotspot-category-hidden {
    opacity: 0;
    pointer-events: none;
}

.dd-bolig-shop:not(.dd-map-active) .dd-hotspot-toggle-wrapper {
    display: none;
}