@import "https://fonts.googleapis.com/css?family=Roboto:regular,500";body{background-color:#222f3e;color:#eee;font-family:Roboto,Arial,sans-serif}.app{display:flex;justify-content:center;padding-top:5rem}.wrap{width:500px}.select{position:relative;scrollbar-color:#1e90ff #4b6584;width:100%;z-index:100}.select.open .select__dropdown{display:block}.select.open .select__input{border-bottom:none}.select.open .select__backdrop{display:block}.select__input{align-items:center;border:1px solid #3498db;border-radius:5px;display:flex;font-weight:500;height:46px;justify-content:space-between;padding:0 1rem}.select__input,.select__input:hover{transition:background-color .15s ease-in}.select__input:hover{background-color:#1e90ff;cursor:pointer}.select__input .fa{transition:.05s ease-in}.select__dropdown{border:1px solid #2980b9;border-radius:5px;border-right:none;box-shadow:2px 3px 5px rgba(0,0,0,.3);display:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:46px;transition:background-color .1s ease-in}.select__list{list-style:none;margin:0;padding:0}.select__backdrop{background:transparent;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:-1}.select__item{border-bottom:1px solid #111;padding:1rem;transition:background-color .1s ease-in}.select__item.selected{background-color:rgba(0,0,0,.5)}.select__item:hover{background-color:rgba(0,0,0,.2);cursor:pointer}.select ::-webkit-scrollbar{width:20px}.select ::-webkit-scrollbar-track{background-color:#4b6584}.select ::-webkit-scrollbar-thumb{background-color:#1e90ff;border-radius:10px}.select ::-webkit-scrollbar-thumb:hover{background-color:#1b9cfc}.select ::-webkit-scrollbar-thumb:active{background-color:#3fbfff}
/*# sourceMappingURL=index.dd0ef68a.css.map */