.sp-dropdown{position:relative;width:100%;font-size:13px}.sp-dropdown__input{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid #c7ccd1;border-radius:4px;font-size:13px;color:#262b32;background:#fff}.sp-dropdown__input:focus{outline:none;border-color:#1f77b4;box-shadow:0 0 0 2px #1f77b426}.sp-dropdown__input[readonly]{cursor:pointer;background:#fff}.sp-dropdown__list{display:none;position:absolute;z-index:50;top:calc(100% + 2px);left:0;right:0;max-height:220px;overflow-y:auto;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid #c7ccd1;border-radius:4px;box-shadow:0 4px 12px #0000001f}.sp-dropdown--open .sp-dropdown__list{display:block}.sp-dropdown__option{padding:6px 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-dropdown__option:hover,.sp-dropdown__option--active{background:#eef4fa}.sp-dropdown__hint{padding:6px 10px;color:#767b83;font-style:italic;cursor:default}