@import "./normalize.css";
@import "./vendor/bootstrap-icons/bootstrap-icons.min.css";
@import "./settings.css";

.glass-bg,
.glass-button,
.glass-input {
  background: var(--glass-background);
}

.glass-button:active {
  background: rgba(255, 255, 255, var(--glass-opacity-active));
}

.glass-shadow,
.glass-button,
.glass-input {
  box-shadow: var(--glass-shadow);
}

.glass-blur,
.glass-button,
.glass-input {
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
}

.glass-border,
.glass-button,
.glass-input {
  border: var(--glass-border);
}

.glass-button {
  border-radius: var(--button-border-radius);

  text-align: center;
}

.button-small,
.glass-input {
  border-radius: var(--button-border-radius-small);
}

.glass-button,
.glass-input {
  padding: var(--side-margin);
}

.button-group {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
}

.button-group > * {
  flex: 1;
}

.button-group .glass-button {
  border-radius: 0;
  border-right: none;
}

.button-group .glass-button:first-child {
  border-radius: var(--button-border-radius) 0 0 var(--button-border-radius);
}

.button-group .glass-button:last-child {
  border-radius: 0 var(--button-border-radius) var(--button-border-radius) 0;
  border-right: var(--glass-border);
}

.hidden {
  display: none;
}

a {
  color: var(--text-color);
  text-decoration: none;
}