body{background-color:var(--bg-color);color:var(--text-color);margin:0;font-family:Arial,sans-serif}:root{--bluetext: #00ffff;--text-color: #ffffff;--bg-color: #4f4f4f;--popup-bg-color: #4f4f4f;--popup-text-color: #ffffff;--button-hover: #8f8f8f;--form-color:#000000;--form-dropdown: #888888;--mat-cards: #363636}.mat-mdc-dialog-container .mat-mdc-dialog-surface{background-color:var(--popup-bg-color)!important;color:var(--popup-text-color)!important;padding:20px!important;border-radius:20px!important}button,input[type=button],input[type=submit]{cursor:pointer;transition:filter .15s ease,box-shadow .15s ease,transform .1s ease}button:hover:not(:disabled),input[type=button]:hover:not(:disabled),input[type=submit]:hover:not(:disabled){--s: 15px;border:8px solid --button-hover;border-width:5px;border-radius:4px;background:--button-hover content-box}button:active:not(:disabled),input[type=button]:active:not(:disabled),input[type=submit]:active:not(:disabled){filter:brightness(.8);box-shadow:0 0 0 2px var(--button-hover);transform:translateY(1px) scale(.96)}button:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible{outline:2px solid var(--bluetext);outline-offset:2px}button:disabled,input[type=button]:disabled,input[type=submit]:disabled{cursor:not-allowed;opacity:.6}@media (prefers-reduced-motion: reduce){button,input[type=button],input[type=submit]{transition:none}button:hover:not(:disabled),button:active:not(:disabled),input[type=button]:hover:not(:disabled),input[type=button]:active:not(:disabled),input[type=submit]:hover:not(:disabled),input[type=submit]:active:not(:disabled){transform:none}}