.link-item {
    padding: 4px 3px;
}

.link-item.active {
    padding: 4px 3px;
    background-color: var(--cat-bg-color);
    pointer-events: none;
}

.link-item.disabled {
    --cat-color: #ccc !important;
    --cat-bg-color: #f0f0f0 !important;
    pointer-events: none;
}

.link-item .icon-outer {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
}
.link-item.active .icon-outer {
    border-color: var(--cat-bg-color);
}

.link-item .icon-outer i {
    font-size: 1rem;
    color: var(--cat-color);
}

.link-item.active .icon-outer i {
    color: var(--cat-color);
}

.link-item .name {
    color: var(--cat-color);
}

#service-links-container {
    position: relative;
    min-height: 100dvh;
}

.services #preloader::before {
    position: absolute;
    transition: all 0.1s;
}
.services #preloader {
    opacity: 0;
    transition: 0.1s;
    pointer-events: none;
    position: absolute;
    backdrop-filter: blur(2px);
}

.services #preloader.active {
    opacity: 1;
    pointer-events: all;
}