.chips{display:flex;flex-wrap:wrap}.chip{align-items:center;background-color:#fff;border:1px solid #e8e8e8;border-radius:6px;color:#f8da94;cursor:pointer;display:flex;font-size:14px;height:-moz-fit-content;height:fit-content;padding:10px;position:relative;text-transform:uppercase;transition:all .3s;white-space:nowrap;width:-moz-fit-content;width:fit-content}.chip+.chip{margin-left:8px}.chip__close-btn{display:flex;height:16px;margin-left:8px;transition:transform .3s;width:16px}.chip__close-btn svg{height:100%;width: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{font-size:1em;padding:7px 10px}@media (max-width:991px){.chip{font-size:1.1em;padding:10px 15px}}@media (max-width:767px){.chip{font-size:1em;padding:7px 10px}}@media (max-width:575px){.chip{border:1px solid #000;font-size:.85em;font-weight:500;margin-top:-1px;padding:6px 8px;text-transform:none}}.app-select{display:flex;font-size:1rem;min-width:100px;position:relative}.app-select__header{align-items:center;border:1px solid #dbdbdb;border-radius:6px;cursor:pointer;display:inline-flex;flex-grow:1;min-height:44px;padding-left:16px;position:relative;transition:all .4s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.app-select__header:disabled{cursor:not-allowed}.app-select__icon{display:flex;margin-right:5px;width:20px}.app-select__icon svg{max-height:20px;width:20px}.app-select__wrap{align-items:center;color:#151717;display:flex;flex-grow:4;flex-wrap:wrap;font-size:.875rem;line-height:18px;line-height:1.25rem;margin-right:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis}@media (min-width:1024px){.app-select__wrap{font-size:1rem;line-height:1.5rem}}.app-select__arrow{align-items:center;color:#00000075;display:flex;justify-content:center;margin-left:auto;margin-right:16px;width:10px}.app-select__clear{bottom:0;display:flex;position:absolute;right:30px;transform:translateY(-50%);z-index:5}.app-select__clear svg{max-height:20px;width:12px;--current-color:#000}.app-select__options{background-color:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:1px solid #dddfdf;box-shadow:0 30px 30px #00000026;left:0;max-height:200px;min-width:100%;opacity:0;overflow-y:auto;pointer-events:none;position:absolute;top:calc(100% - 1px);transform:translateY(-10px);transition:all .15s;visibility:hidden;z-index:11}.app-select__options::-webkit-scrollbar{height:5px;width: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{align-items:center;-moz-column-gap:10px;column-gap:10px;display:flex;font-size:14px;padding:10px 12px;text-align:left;transition:background-color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.app-select__option__icon{height:auto;width:20px}.app-select__option--header{color:gray;font-weight:700;pointer-events:none}.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{background-color:#f1f5f9;color:#4074c1}.app-select--active .app-select__header{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.app-select--active .app-select__arrow{transform:rotate(180deg)}.app-select--active .app-select__options{opacity:1;pointer-events:all;transform:unset;visibility:visible}.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}
