body{background-color:#9bf4eb;justify-content:center;display:flex;height:100vh;margin-top:150px;font-size:17px;color:#4b4d54;overflow:hidden;font-family:Source Sans Pro,sans-serif}.dropdown{width:300px;border-radius:10px;box-shadow:0 10px 25px #0000001a;background-color:#fff}.dropdown-header{padding:15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}.dropdown-body{padding:5px;border-top:1px solid #E5E8EC;display:none;animation:SHOW-BOX .9s ease}.dropdown-body.open{display:block;animation:SHOW-BOX .9s ease}.dropdown-item{padding:10px}.dropdown-item:hover{cursor:pointer}.dropdown-item-dot{opacity:0;color:#91a5be;transition:all .2s ease-in-out}.dropdown-item-dot.selected{opacity:1}.icon{font-size:13px;color:#91a5be;transform:rotate(0);transition:all .2s ease-in-out}.icon.open{transform:rotate(90deg)}@-webkit-keyframes SHOW-BOX{0%{opacity:0}to{opacity:1}}@-moz-keyframes SHOW-BOX{0%{opacity:0}to{opacity:1}}@-o-keyframes SHOW-BOX{0%{opacity:0}to{opacity:1}}@keyframes SHOW-BOX{0%{opacity:0}to{opacity:1}}