:root{--color-primary: #005978;--color-primary-dark: #00455c;--color-text-dark: #1d1d1d;--color-text-bright: white;--color-text-hover: #ffbe00;--color-background-bright: #f1f1f1;--color-background-item-bright: #ffffff;--color-background-item-hover: #f3f3f3;--font-family-basic: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-weight-basic: 400;--font-size-basic: 16px;--color-button-background: var(--color-primary);--color-button-text: var(--color-text-bright);--color-button-background-hover: var(--color-primary-dark);--color-button-text-hover: var(--color-text-hover)}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:100px}.loading-text{margin-top:20px;font-family:sans-serif;color:var(--color-primary, #3f51b5);font-size:1.2rem}.dot-spinner{--dot-size: 10px;--dot-spacing: 12px;--dot-color: var(--color-primary, #3f51b5);--delay-step: .1s;display:flex;align-items:center;justify-content:center}.dot-spinner__dot{width:var(--dot-size);height:var(--dot-size);margin:0 calc(var(--dot-spacing) / 2);border-radius:50%;background-color:var(--dot-color);animation:dot-spinner-animation 1.5s infinite ease-in-out}.dot-spinner__dot:nth-child(1){animation-delay:calc(var(--delay-step) * 1)}.dot-spinner__dot:nth-child(2){animation-delay:calc(var(--delay-step) * 2)}.dot-spinner__dot:nth-child(3){animation-delay:calc(var(--delay-step) * 3)}.dot-spinner__dot:nth-child(4){animation-delay:calc(var(--delay-step) * 4)}.dot-spinner__dot:nth-child(5){animation-delay:calc(var(--delay-step) * 5)}.dot-spinner__dot:nth-child(6){animation-delay:calc(var(--delay-step) * 6)}.dot-spinner__dot:nth-child(7){animation-delay:calc(var(--delay-step) * 7)}.dot-spinner__dot:nth-child(8){animation-delay:calc(var(--delay-step) * 8)}@keyframes dot-spinner-animation{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1.1);opacity:1}}.navbar{background-color:var(--color-primary);position:sticky;top:0;padding:1rem;border-radius:5px}.navbar-links{display:flex;justify-content:space-around}.navbar-links a{color:var(--color-text-bright);text-decoration:none;padding:.5rem 1rem}.navbar-links a:hover{background-color:var(--color-primary-dark);color:var(--color-text-hover)}.navbar-logo{display:flex;align-items:center}body{min-width:320px;display:flex;justify-content:center;background-color:var(--color-background-bright)}#root{font-size:var(--font-size-basic);width:100%;max-width:1280px;margin:10 auto;font-family:var(--font-family-basic);font-weight:var(--font-weight-basic);color:var(--color-text-dark);box-sizing:border-box;padding:2px 5px}#root>.navbar{margin:auto}#root>*{margin-left:10px;margin-right:10px}