:root{--color-primary:#2482d9;--input-label-color:#424242;--input-text-color:#333;--input-border-color:#e8e8e8}.syn-dropdown{display:inline-block;position:relative}.syn-dropdown--label{color:#333;font-family:Roboto,sans-serif;font-size:14px}.syn-dropdown--label:hover{cursor:pointer}.syn-dropdown--label span{color:#2482d9}.syn-dropdown--options{background:#fff;border-radius:4px;box-shadow:0 3px 5px #00000026;display:flex;flex-direction:column;flex-wrap:nowrap;margin-top:8px;min-width:150px;padding:8px 0;position:absolute;right:0;transform-origin:top right;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9999}.syn-dropdown--options a{color:#33333380;padding:8px 16px;white-space:nowrap}.syn-dropdown--options a:hover{color:#2482d9;cursor:pointer;text-decoration:none}.syn-dropdown--options a.active{color:#2482d9}.dropdown-content-enter-active,.dropdown-content-leave-active{transition:all .2s}.dropdown-content-enter,.dropdown-content-leave-to{opacity:0;transform:translateY(-5px)}