.lds-ring{--size:60px;--item-percentage:80%;width:var(--size);height:var(--size);display:inline-block;position:relative}.lds-ring div{box-sizing:border-box;width:var(--item-percentage);height:var(--item-percentage);border:8px solid #0000;border-top-color:#999f9f;border-radius:50%;margin:8px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-ring;display:block;position:absolute}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-1-2{font-size:1.1rem}.three-lines{text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scrollable{max-height:65vh;overflow-y:auto}.scrollable::-webkit-scrollbar{width:5px}.scrollable::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:5px}.scrollable::-webkit-scrollbar-track{background-color:#f1f1f1}[data-badge]{display:inline-block;position:relative}[data-badge]:after{content:attr(data-badge);text-align:center;color:#fff;background-color:red;border-radius:50%;width:20px;height:20px;font-size:.8rem;line-height:20px;position:absolute;top:-4px;right:-4px}