:root {
    --nb-change-site-instance-3-min-width: 250px;

    --nb-change-site-instance-3-label-font-size: var(--nb-font-size-18);
    --nb-change-site-instance-3-label-font-weight: var(--nb-font-weight-400);
    --nb-change-site-instance-3-label-color: var(--nb-text-color-primary);

    --nb-change-site-instance-3-trigger-bg: var(--nb-color-white);
    --nb-change-site-instance-3-trigger-border: var(--nb-border-color);
    --nb-change-site-instance-3-trigger-height: 43px;
    --nb-change-site-instance-3-trigger-padding-x: 12px;
    --nb-change-site-instance-3-trigger-padding-y: 14px;

    --nb-change-site-instance-3-text-font-size: var(--nb-font-size-11);
    --nb-change-site-instance-3-text-color: var(--nb-text-color-primary);
    --nb-change-site-instance-3-arrow-color: var(--nb-text-color-primary);
}

.nb-change-site-instance-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.nb-change-site-instance-3-label {
    font-size: var(--nb-change-site-instance-3-label-font-size);
    color: var(--nb-change-site-instance-3-label-color);
    font-weight: var(--nb-change-site-instance-3-label-font-weight);
}

.nb-change-site-instance-3-trigger {
    position: relative;
    width: 100%;
    cursor: pointer;
    max-width: var(--nb-change-site-instance-3-min-width);
}

.nb-change-site-instance-3-trigger::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid var(--nb-change-site-instance-3-arrow-color);
    border-bottom: 1.5px solid var(--nb-change-site-instance-3-arrow-color);
    transform: translateY(-65%) rotate(45deg);
    pointer-events: none;
    z-index: 2;
}

.nb-change-site-instance-3 .nb-link-with-image-1,
.nb-change-site-instance-3 .nb-link-with-image-1 .nb-link {
    background: unset;
    width: 100%;
}

.nb-change-site-instance-3 .nb-menu-item-link-with-image-1 .nb-link-with-image-1 .nb-link {
    min-height: var(--nb-change-site-instance-3-trigger-height);
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--nb-change-site-instance-3-trigger-padding-y) var(--nb-change-site-instance-3-trigger-padding-x);
    padding-right: 36px;
    background: var(--nb-change-site-instance-3-trigger-bg);
    border: 1px solid var(--nb-change-site-instance-3-trigger-border);
    text-decoration: none;
    font-size: var(--nb-change-site-instance-3-text-font-size);
    color: var(--nb-change-site-instance-3-text-color);
    pointer-events: none;
    transition: border-color 0.2s ease;
}

.nb-change-site-instance-3 .nb-link-with-image-1 .nb-link:hover {
    text-decoration: none;
}

.nb-change-site-instance-3-trigger:hover .nb-link-with-image-1 .nb-link {
    border-color: var(--nb-spec-color);
}

.nb-change-site-instance-3 .nb-img {
    max-width: 12px;
    max-height: 12px;
}

.nb-change-site-instance-3 .nb-title,
.nb-change-site-instance-3 .nb-text,
.nb-change-site-instance-3 .nb-link-text {
    font-size: var(--nb-change-site-instance-3-text-font-size);
    color: var(--nb-change-site-instance-3-text-color);
}

@media screen and (max-width: 991px) {
    .nb-change-site-instance-3-trigger {
        min-width: var(--nb-change-site-instance-3-min-width);
        max-width: 100%;
    }
}


@media screen and (max-width: 576px) {

    :root {
        --nb-change-site-instance-3-label-font-size: var(--nb-font-size-16);
        --nb-change-site-instance-3-trigger-height: 35px;
        --nb-change-site-instance-3-trigger-padding-y: 10px;
    }
}