.header{width:100%;height:5em;display:flex;color:#fff;align-items:center;background:#007FFF;justify-content:center}.main-container{width:fit-content;height:fit-content;position:fixed;inset:0rem;margin:auto}*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}li{list-style:none}.multi-select{width:30rem;height:2.7em;position:relative}.multi-select-input{width:100%;height:100%;display:flex}.multi-select-input input{width:100%;height:100%;outline:none;padding:.5em;border-radius:.25em;text-transform:capitalize;border:2px solid #1e90ff;font-size:clamp(.8em,2.5vw,1.1em)}.multi-select-input input:focus{border-color:#039}.suggesstion-list{left:0;width:100%;margin-top:2px;max-height:201px;position:absolute;overflow-y:scroll;border-radius:.125em;top:calc(100% + 0);display:none}.suggesstion-list.active{display:block;border:1px solid #00bfff}.suggesstion-list::-webkit-scrollbar{display:none}[data-list-item]{width:100%;padding:.5em;color:#333;letter-spacing:1px;cursor:pointer;font-weight:600;line-height:1.4em;text-transform:capitalize;border:1px solid rgb(238,238,238)}[data-list-item]:hover{color:#fff;background-color:#1f75fe}.overlay{top:0;left:0;height:100vh;width:100vw;position:fixed;z-index:-1}.selected-item-container{gap:.25em;width:30rem;display:flex;flex-wrap:wrap;padding:.5em;min-height:2.7rem;margin-bottom:2em;border-radius:.25em;border:2px solid #007fff}.selected-item{gap:.5em;color:#111;display:flex;padding:.5em;font-weight:600;align-items:center;border-radius:.2em;border:2px solid #aaa;text-transform:capitalize}.prevent-select{user-select:none}.flex{display:flex;align-items:center;justify-content:center}.close{border:none;color:#fff;cursor:pointer;padding:.25em;font-weight:600;border-radius:.25em;max-height:fit-content;background:#1e90ff;outline-offset:-2px solid #1e90ff;transition:background .25s ease-in-out}.close:active{scale:.95;outline-offset:2px}.close:hover{background:crimson}.focus-li{color:#fff;background-color:#1f75fe}