.loading-box{display:flex;flex-direction:row;text-align:center;color:#999;justify-content:center;align-items:center;padding:40px}.loading-indicator{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--max-size-width: 1400px;--role-tag-color: #c3dede;--category-tag-color: #f3baf3;--role-stripe-color: #a5a5a5}body{background-color:#fdfdfd;font-family:system-ui,sans-serif}