#map-wrapper, #uk-wrapper {
    font-family: 'Roboto', sans-serif;
}

/* hide all masterportal default overlays */
#masterportal-container > :not(#map-wrapper, #uk-wrapper, #mp-menu-secondaryMenu) {
    display: none !important;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.hidden {
    display: none !important;
}

[class*="bi"] {
    display: flex;
    align-items: center;
    justify-content: center;

    &::before {
        -webkit-font-smoothing: unset;
    }
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.side-padding-base {
    padding-left: 12px;
    padding-right: 12px;
}

.rounded-3xl {
    border-radius: 1.5rem; /* 24px */
}

.rounded-full {
    border-radius: 9999px;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.trans-ease {
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: 250ms;
}

.icon-base {
    width: 32px;
    height: 32px;
}

.opacity-0 {
    opacity: 0;
    pointer-events: none;
}

.opacity-100 {
    opacity: 1;
}

.webkit-text-stroke-1 {
    -webkit-text-stroke-width: 1px;
}

.webkit-text-stroke-2 {
    -webkit-text-stroke-width: 2px;
}

.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */

    &::-webkit-scrollbar {
        display: none; /* Hide scrollbar for Chrome, Safari and Opera */
    }
}

.pointer-event-none {
    pointer-events: none;
}

.bg-gray-darker {
    background: var(--color-gray-darker);
}

.pulsate {
    animation: pulsate 1.5s ease-in-out infinite;
}

@keyframes pulsate {
    0% {
        background: #e8e8e8;
    }
    50% {
        background: #d9d9d9;
    }
    100% {
        background: #e8e8e8;
    }
}