@import url("Animations.css");
@import url("Fonts.css");
@import url("Variables.css");
@import url("Variables.css");
.pulse-container {
  position: relative;
  overflow: hidden;
}
.pulse {
  position: absolute;
  border-radius: 50%;
  background-image: radial-gradient(circle, var(--click-pulse-bg) var(--click-pulse-edge), transparent var(--click-pulse-edge-outer));
  animation: pulse-animation var(--click-pulse-duration) ease-out forwards;
  transform: translate(-50%, -50%);
  /* Center the pulse */
}
body {
  background-color: var(--body-background);
  font-family: var(--primary-font);
  color: var(--text-color);
}
/* Common Elements (Buttons, Toggles, etc) */
input,
select,
textarea {
  background-color: var(--input-background);
  color: var(--input-text);
  border: var(--input-field-border);
  font-size: var(--input-field-font-size);
  padding: var(--input-field-padding);
  margin: var(--input-field-margin);
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--input-placeholder);
}
button,
input[type=button],
.button {
  background-color: var(--primary-highlight);
  border: var(--button-outline-thickness) solid var(--primary-low);
  cursor: pointer;
  font-size: var(--button-font-size);
  padding: var(--button-padding);
  min-width: var(--button-min-width);
  min-height: var(--button-min-height);
  color: var(--button-text);
  border-radius: var(--button-radius);
  box-shadow: var(--lift);
}
button:hover,
input[type=button]:hover,
.button:hover {
  background-color: var(--primary-low);
}
button.primary,
input[type=button].primary,
.button.primary,
button.bgGreen,
input[type=button].bgGreen,
.button.bgGreen {
  background-color: var(--positive);
  border: var(--button-outline-thickness) solid var(--positive-low);
}
button.primary:hover,
input[type=button].primary:hover,
.button.primary:hover,
button.bgGreen:hover,
input[type=button].bgGreen:hover,
.button.bgGreen:hover {
  background-color: var(--positive-low);
}
/* Main UI */
#sideMenuContainer,
#mainBody,
#responsiveHelpers,
.modalbg,
#tabInfo,
#topSearchBox,
.loader,
#modalLoader,
#barTop,
.loginBusy,
#ADSLoginWaiting {
  display: none;
}
#loginBrandContents {
  border: none;
}
#loginContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--dialog-border-radius);
  background-color: var(--panel-background);
  padding: var(--large-container-padding);
}