.no-link-style {
  text-decoration: none !important;
  color: var(--color-content);
}

.no-break {
  white-space: nowrap;
}

svg>text {
  fill: var(--color-content);
}

svg>line {
  stroke: var(--color-content);
}

.legend {
  font-size: x-small;
}

#content a:link {
  color: var(--color-accent-secondary);
}

#content a:visited {
  color: var(--color-accent-secondary);
}

#content a:hover {
  color: var(--color-accent-secondary);
}

#content a:active {
  color: var(--color-accent-secondary);
}

.material-icons {
  background: none;
	color: white;
	border: none;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

html[data-theme='light'] .md-dark {
  color: var(--color-content-transparent);
}

html[data-theme='dark'] .md-dark {
  color: var(--color-content-transparent);
}

.change-consent {
  margin-top: 50px;
}

.card {
  /* box-shadow: 0px 0px 3px 0.8px var(--color-content-transparent); */
  /* border-radius: 10px; */
  /* padding-left: 30px; */
  /* padding-right: 30px; */
  padding-bottom: 30px;
}

.alert-badge {
  display: none;
  position: absolute;
  bottom: 50px;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: fit-content;
  color: white;
  background-color: var(--color-accent);
  z-index: 5;
  border-radius: 5px;
  box-shadow: 0px 0px 3px 0.8px var(--color-content-transparent);
}

.alert-text {
  padding: 8px;
}

.bar {
  width: 100%;
  height: 3px;
  background-color: white;
  animation: decreaseWidth 3s linear forwards;
}

@keyframes decreaseWidth {
  from { width: 100%; }
  to { width: 0%; }
}

b {
  font-weight: 400;
}