.TopHeader{display:flex;gap:10px;justify-content:center;margin:auto}.TopHeaderButtons{align-items:center;display:flex;margin-left:50px}.TopHeaderButtons button{margin-left:50px}.button-with-icon-black{align-items:center;background-color:#333;border:2px solid transparent;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:46px;justify-content:center;padding:12px 24px;text-transform:uppercase;transition:background-color .3s,transform .2s,border-color .2s}.button-with-icon-black svg{height:20px;margin-right:12px;transition:transform .2s;width:20px}.button-with-icon-black:hover{background-color:#e50914;border-color:#e50914;transform:translateY(-2px)}.button-with-icon-black:hover svg{transform:scale(1.1)}.button-with-icon-black:active{background-color:#b3070f;box-shadow:0 2px 4px rgba(0,0,0,.2);transform:translateY(0)}.button-with-icon-black.inactive,.button-with-icon-black:disabled{background-color:#aaa;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.button-with-icon-black.inactive svg,.button-with-icon-black:disabled svg{opacity:.4}.button-icon{height:20px;margin-right:8px;transition:transform .2s ease;width:20px}.button-icon,.button-text{align-items:center;display:flex}button:hover .button-icon{transform:scale(1.1)}.button-with-icon-white{align-items:center;background-color:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:46px;justify-content:center;padding:12px 24px;text-transform:uppercase;transition:background-color .3s,transform .2s,border-color .2s,color .2s}.button-with-icon-white svg{height:20px;margin-right:12px;transition:transform .2s;width:20px}.button-with-icon-white:hover{background-color:#007bff;border-color:#007bff;color:#fff;transform:translateY(-2px)}.button-with-icon-white:hover svg{transform:scale(1.1)}.button-with-icon-white:active{background-color:#0056b3;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;transform:translateY(0)}.button-with-icon-white.inactive,.button-with-icon-white:disabled{background-color:#eee;box-shadow:none;color:#aaa;cursor:not-allowed;opacity:.6;transform:none}.button-with-icon-white.inactive svg,.button-with-icon-white:disabled svg{opacity:.4}.button-with-icon-white-red-border{align-items:center;background-color:#fff;border:2px solid #e50914;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#e50914;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:46px;justify-content:center;padding:12px 24px;text-transform:uppercase;transition:background-color .3s,transform .2s,border-color .2s,color .2s}.button-with-icon-white-red-border svg{height:20px;margin-right:12px;transition:transform .2s;width:20px}.button-with-icon-white-red-border:hover{background-color:#e50914;border-color:#e50914;color:#fff;transform:translateY(-2px)}.button-with-icon-white-red-border:hover svg{transform:scale(1.1)}.button-with-icon-white-red-border:active{background-color:#b3070f;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;transform:translateY(0)}.button-with-icon-white-red-border.inactive,.button-with-icon-white-red-border:disabled{background-color:#f5f5f5;border-color:#ddd;box-shadow:none;color:#aaa;cursor:not-allowed;opacity:.6;transform:none}.button-with-icon-white-red-border.inactive svg,.button-with-icon-white-red-border:disabled svg{opacity:.4}.dropdown-button{background-color:#fff;border:2px solid #4a90e2;border-radius:8px;color:#4a90e2;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:all .3s ease}.dropdown-button:hover{background-color:#4a90e2;color:#fff;transform:translateY(-2px)}.dropdown-button:active{transform:translateY(2px)}.dropdown-button.pressed,.dropdown-button:active{background-color:#357ab8;box-shadow:inset 0 4px 8px rgba(0,0,0,.2);color:#fff}.dropdown-button.pressed{border:2px solid #2b5d8a}.dropdown-button.pressed:hover{background-color:#285282;color:#fff}.dropdown-button.pressed:active{background-color:#1e3e66;box-shadow:inset 0 6px 12px rgba(0,0,0,.3);transform:translateY(2px)}.logo-container{background-color:#fff;border:1px solid #ddd;box-sizing:border-box;padding:10px}.logo-container,.logo-icon{align-items:center;display:flex;justify-content:center}.logo-icon{height:100px;width:100px}.logo-divider{background-color:#000;height:100%;margin:0 20px;width:2px}.logo-text{color:#000;font-family:Arial,sans-serif;font-size:24px;text-align:left}.logo-text div{margin:5px 0}body{margin:0}:root{--font-family:"Stolzl","Segoe UI",sans-serif;--dark-gray:#2c2d26;--red:#d2564f}a,a:active,a:focus,a:hover,a:visited{color:inherit;text-decoration:none}.containerPaddingFlex{display:flex;justify-content:center;margin:auto}.containerPadding,.containerPaddingFlex{padding-left:10px;padding-right:10px}.container1270{margin:auto;max-width:1270px;width:100%}.containerFlexColumn{align-items:center;display:flex;flex-direction:column}.overlay{background-color:rgba(0,0,0,.8);height:100%;inset:0;opacity:0;position:fixed;transition:opacity .1s ease-in-out,visibility .1s ease-in-out;visibility:hidden;width:100%;z-index:5}.overlay.active{opacity:1;transition:opacity .15s ease-in-out,visibility .15s ease-in-out;visibility:visible}.cursor_pointer{cursor:pointer}canvas{display:block;flex:0 0 auto}.login-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center}.login-title{color:#333;font-size:24px;margin-bottom:20px}.login-form{align-items:center;display:flex;flex-direction:column;max-width:300px;width:100%}.login-input{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.login-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease;width:100%}.login-button:disabled{background-color:#a7d3ff;cursor:not-allowed}.login-button:hover:not(:disabled){background-color:#0056b3}.login-error{color:red;font-size:14px;margin-top:15px;text-align:center}.MainPage>button{margin-top:20px}