:root {
    --vd-color-pink: #e9088a;
}

.scrolled {
    background: #fff !important;
    transition: all 1s ease-in-out;
    box-shadow: 3px 0px 15px 15px rgba(89, 89, 89, 0.2);
    visibility: visible !important;
    pointer-events: all !important;
}

.scrolled .logo-viding path {
    fill: var(--vd-color-pink);
}

.navbar-hide {
    top: -70px;
}

.logo-viding {
    height: 2.4rem;
}

@media (max-width: 767px) {
    .logo-viding {
        height: 1.75rem;
    }
}

.logo-viding path {
    fill: var(--vd-color-pink);
}

button * {
    margin-bottom: 0 !important;
}

nav .container > .position-absolute {
    z-index: 10;
}

.alert-bg-disclaimer {
    background: linear-gradient(to bottom, #e9088a, #a13f78) !important;
}

.alert-bg-disclaimer button.btn-close {
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    background: transparent
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
        center/.6em auto no-repeat !important;
}

.alert-bg-disclaimer > span {
    display: block;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
}

.alert-bg-disclaimer span {
    font-size: 9pt !important;
}

@media (max-width: 576px) {
    .alert-bg-disclaimer span {
        font-size: 7pt !important;
    }
}

.alert-bg-disclaimer .icon-warn {
    min-width: 22px;
    width: 22px;
    height: 22px;
    border-radius: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffccd7;
}

.alert-bg-disclaimer .icon-warn svg {
    width: 0.75rem;
    height: 0.75rem;
}

.alert-bg-disclaimer .icon-warn svg circle,
.alert-bg-disclaimer .icon-warn svg line {
    stroke: #e9088a;
}

nav.navbar.navbar-with-disclaimer {
    top: 2.5rem !important;
}