.select-box .deselect-enter-active,.select-box .deselect-leave-active{transition:opacity .1s ease}.select-box .deselect-enter-from,.select-box .deselect-leave-to{opacity:0}.select-box{background-color:#fff;border:1px solid #000;border-radius:16px;box-sizing:border-box;cursor:pointer;font-size:var(--button-fontsize);overflow:hidden;text-align:left;transition:margin-bottom .3s ease}.select-box .selected{box-sizing:border-box;padding:0 1rem}.select-box .options{box-sizing:border-box;overflow:hidden;transition:height .3s ease}.select-box .option{box-sizing:border-box;padding:0 1rem;transition:background-color .2s ease}.select-box .option.active{background-color:#f8f8f8}.select-box .option:focus,.select-box .option:hover{background-color:#eee;outline:none}.select-box .deselect{box-sizing:border-box;cursor:pointer;float:right;margin-left:10px}.select-box .caret{box-sizing:border-box;cursor:pointer;float:right;margin-left:10px;transition:transform .3s ease}