:root {
    /* Toggle variables */
    --nb-dropdown-toggle-color: var(--nb-text-color-primary);
    --nb-dropdown-toggle-font-size: var(--nb-paragraph-l);
    --nb-dropdown-toggle-line-height: var(--nb-paragraph-line-height);
    --nb-dropdown-toggle-font-weight: var(--nb-font-semibold);
    --nb-dropdown-toggle-font-family: var(--nb-body-font-family);
    --nb-dropdown-toggle-padding-x: 0;
    --nb-dropdown-toggle-padding-y: 0;
    --nb-dropdown-toggle-icon-color: var(--nb-color-black);

    /* Content Variables */
    --nb-dropdown-content-border-width: var(--nb-border-width);
    --nb-dropdown-content-border-style: var(--nb-border-style);
    --nb-dropdown-content-border-color: var(--nb-border-color);
    --nb-dropdown-content-border-radius: var(--nb-border-0);
    --nb-dropdown-content-padding-x: 15px;
    --nb-dropdown-content-padding-y: 15px;
    --nb-dropdown-content-width: 250px;
}

.nb-dropdown .nb-dropdown-toggle::after {
    content: none;
}

.nb-dropdown .nb-dropdown-toggle .nb-toggle {
    cursor: pointer;
}

.nb-dropdown .nb-dropdown-toggle.show .nb-toggle:before {
    transform: rotate(180deg);
}

/* Dropdown V1 */

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-toggle {
    color: var(--nb-dropdown-toggle-color);
    font-size: var(--nb-dropdown-toggle-font-size);
    line-height: var(--nb-dropdown-toggle-line-height);
    font-weight: var(--nb-dropdown-toggle-font-weight);
    font-family: var(--nb-dropdown-toggle-font-family);
    padding: var(--nb-dropdown-toggle-padding-x) var(--nb-dropdown-toggle-padding-y);
    cursor: pointer;
}

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-toggle .nb-toggle {
    color: var(--nb-dropdown-toggle-icon-color);
    display: inline-block;
}

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-menu {
    border: var(--nb-dropdown-content-border-width) var(--nb-dropdown-content-border-style) var(--nb-dropdown-content-border-color);
    border-radius: var(--nb-dropdown-content-border-radius);
    padding: var(--nb-dropdown-content-padding-x) var(--nb-dropdown-content-padding-y);
    min-width: var(--nb-dropdown-content-width);
    inset: 20px auto auto 0 !important;
}

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-menu:before,
.nb-dropdown.nb-dropdown-v1 .nb-dropdown-menu:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
}

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-menu:before{
    top: -21px;
    border-color: transparent transparent var(--nb-dropdown-content-border-color) transparent;
    border-width: 10px;
}

.nb-dropdown.nb-dropdown-v1 .nb-dropdown-menu:after{
    top: -20px;
    border-color: transparent transparent var(--nb-color-white) transparent;
    border-width: 10px;
}

/* End Dropdown V1 */

/* Start Dropdown V2 */
.nb-dropdown-2 .nb-dropdown-menu.show {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.nb-dropdown-2.dropstart .dropdown-toggle::before {
    content: unset;
}

/* End Dropdown V2 */