.select-box{background-color:var(--primary-color);border-top-left-radius:36px;border-top-right-radius:36px!important;box-sizing:border-box;color:#fff;cursor:pointer;overflow:hidden;padding-left:12px;padding-right:12px;text-align:center;transition:margin-bottom .3s ease}.select-box:focus,.select-box:focus-within{outline:none}.select-box .selected{box-sizing:border-box;min-width:230px;padding:0 1rem}.select-box .options{box-sizing:border-box;overflow:auto;transition:height .3s ease;width:100%}.select-box .option{box-sizing:border-box;padding:0 1rem;transition:background-color .2s ease}.select-box .option.active{background-color:var(--primary-color-dark)}.select-box .option:focus,.select-box .option:hover{background-color:var(--primary-color-dark);outline:none}.select-box .caret,.select-box .deselect{box-sizing:border-box;cursor:pointer;float:right;margin-left:10px}.select-box .caret{transition:transform .3s ease}