.chips{display:flex;flex-wrap:wrap}.chip{display:flex;align-items:center;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;padding:10px;color:#f8da94;font-size:14px;text-transform:uppercase;white-space:nowrap;border:1px solid #e8e8e8;border-radius:6px;background-color:#fff;transition:all .3s;cursor:pointer;position:relative}.chip+.chip{margin-left:8px}.chip__close-btn{display:flex;width:16px;height:16px;margin-left:8px;transition:transform .3s}.chip__close-btn svg{width:100%;height:100%;--current-color:#000}.chip__close-btn:hover{transform:rotate(180deg)}.chip--link{cursor:pointer}.chip--link:hover .chip__bg-color{filter:brightness(.9)}.chip--link:active .chip__bg-color{filter:brightness(.8)}.chip--active{border-color:#ffc800;z-index:1}.chip:not(.chip--readonly,.chip--active):hover{background-color:#f1f5f980;border-color:#dbdbdb;z-index:5}.chip--readonly{cursor:default;pointer-events:none}.chip--small{padding:7px 10px;font-size:1em}@media(max-width:991px){.chip{padding:10px 15px;font-size:1.1em}}@media(max-width:767px){.chip{padding:7px 10px;font-size:1em}}@media(max-width:575px){.chip{padding:6px 8px;text-transform:none;font-size:.85em;font-weight:500;margin-top:-1px;border:1px solid #000}}.app-select{position:relative;display:flex;min-width:100px}.app-select__header{display:inline-flex;align-items:center;min-height:44px;flex-grow:1;padding-left:16px;transition:all .4s;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:100%;position:relative;border:1px solid #dbdbdb;border-radius:6px}.app-select__header:disabled{cursor:not-allowed}.app-select__icon{width:20px;display:flex;margin-right:5px}.app-select__icon svg{width:20px;max-height:20px}.app-select__wrap{line-height:18px;color:#151717;max-width:100%;overflow:hidden;text-overflow:ellipsis;margin-right:5px;display:flex;align-items:center;flex-wrap:wrap;flex-grow:4}.app-select__arrow{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:16px;width:10px;color:#00000075}.app-select__clear{display:flex;position:absolute;right:30px;bottom:0;transform:translateY(-50%);z-index:5}.app-select__clear svg{width:12px;max-height:20px;--current-color:#000}.app-select__options{position:absolute;left:0;top:calc(100% - 1px);min-width:100%;border-top:1px solid #dddfdf;background-color:#fff;overflow-y:auto;max-height:200px;pointer-events:none;opacity:0;transform:translateY(-10px);transition:all .15s;z-index:11;visibility:hidden;box-shadow:0 30px 30px #00000026;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.app-select__options::-webkit-scrollbar{width:5px;height:5px}.app-select__options::-webkit-scrollbar-track{background-color:#fff9f3;border-radius:10px}.app-select__options::-webkit-scrollbar-thumb{background-color:#ffc800;border-radius:10px;-webkit-transition:background-color .25s;transition:background-color .25s}.app-select__options::-webkit-scrollbar-thumb:hover{background-color:#ffda72}.app-select__option{width:100%;text-align:left;padding:10px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s;display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}.app-select__option__icon{width:20px;height:auto}.app-select__option--header{pointer-events:none;font-weight:700;color:gray}.app-select__option--no-selectable{pointer-events:none}.app-select__option:hover:not(.app-select__option--no-selectable,.app-select__option--selected){background:#eaecec;cursor:pointer}.app-select__option--selected{color:#4074c1;background-color:#f1f5f9}.app-select--active .app-select__header{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.app-select--active .app-select__arrow{transform:rotate(180deg)}.app-select--active .app-select__options{visibility:visible;opacity:1;transform:unset;pointer-events:all}.app-select--outlined .app-select__header{background-color:transparent;border:1px solid #dbdbdb}.app-select--outlined .app-select__options{border:1px solid #dbdbdb}.app-select--line .app-select__header,.app-select--line .app-select__options{background-color:#d3d3d3}.app-select--invalid .app-select__header{border-color:red}.app-select--autocomplete .app-select__header{cursor:text}