.dropdown-header { font-size: 14px; }

.dropdown-component { position: relative; width:100%; overflow: visible;}
.dropdown-component .option-header { font-size: 14px; color: #000000; padding: 8px; cursor: default; pointer-events: none; border-bottom: 1px solid #F1F5F9;}
.dropdown-component .dropdown-options .divider { padding: 0px; margin:0px; cursor: default; pointer-events: none; border-bottom: 1px solid #F1F5F9;}
.dropdown-component .dropdown-trigger { position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center;
    background: #FFFFFF;
    border: 1px solid #E4E4E7;
    border-radius: 8px;
    padding: 10px;
    font-size: 14px;
    gap: 10px;
    color: #374151;
    background: white;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.dropdown-component .dropdown-trigger.greyed { background-color: #ffffff;}
.dropdown-component .dropdown-trigger.borderless { border:none; background-color: transparent;}
.dropdown-component .dropdown-trigger .greyed-text { color: #A1A1AA !important;}
.dropdown-component .dropdown-trigger .dd-label { color: black; }
.dropdown-component .dropdown-trigger.dd-placehold .dd-label{ color: grey; }
.dropdown-component .dropdown-trigger:hover { background: #f0f0f0; }

.disabled { opacity: 0.5; pointer-events: none; }

.dropdown-component .dropdown-options { display: none; position: fixed; background: #FFF; border: none; border-radius: 8px; box-shadow: 0 4px 14px rgba(0,0,0,.12); margin-top: 4px; min-width: 220px; z-index: 99999;}
.dropdown-component .dropdown-options .divider { height: 1px; background: #A1A1AA40; }
.dropdown-component .dropdown-options div { margin: 4px; padding: 8px; display: flex; justify-content: space-between; align-items: center; gap: 6px; cursor: pointer; font-size: 14px; width: 95%; border-radius: 8px;}
.dropdown-component .dropdown-options div span { color: #A1A1AA; }
.dropdown-component .dropdown-options div img { margin-right: 8px;}
.dropdown-component .dropdown-options div label { display: flex; align-items: center; }
.dropdown-component .dropdown-options div:hover { background: #f0f0f0; }

.dropdown-component .dropdown-options.send-up { top: -170px;}
.dropdown-component .dropdown-options[hidden]{ display: none; }
.dropdown-component.is-open .dropdown-options{ display: block; }

/* Animate arrows when opened / closed */
.dropdown-component .arrow { transition: transform .15s; width: 10px; height:10px;}
.dropdown-component.is-open .arrow{ transform: rotate(90deg); }

.dropdown-component .down-arrow{ transition: transform .15s; }
.dropdown-component.is-open .down-arrow{ transform: rotate(-90deg); }