/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* [Core] - Buttons
------------------------------------------------------------------ */
/*
 * Gets color from theme-colors or from palette-colors
 */
/*
 * Converts hex value to rgb colors value
 */
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/*
 * Generates list of utility classes for margin, padding
 *
 * Make sure $list of definitions is sorted so that last item is defined last
 * So largest views are mentioned last.
 */
/*
 -  Variables - Sizes
 */
/* "Constants" for general usage */
/*
 -  Variables - Layout
 */
/**
* Utilities - Offset
*/
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/* stylelint-disable order/order */
/* stylelint-enable order/order */
/**
* Generates CSS3 var with default value
*/
/*
 -  Variables - Variants
 */
/*
 -  Variables - Sizes
 */
/* "Constants" for general usage */
/*
 -  Variables - Accordion
 */
/*
 -  Variables - Alert
 */
/*
 -  Variables - Autocomplete
 */
/*
 -  Variables - Buttons (&& Badges)
 */
/*
 -  Variables - Classes
 */
/*
 -  Variables - Colors
 */
/*
 -  Variables - Container
 */
/*
 -  Variables - Content Message
 */
/*
 -  Variables - General
 */
/*
 -  Variables - Layout
 */
/*
 -  Variables - Form Message
 */
/*
 -  Variables - Modal
 */
/**
* Utilities - Offset
*/
/*
 -  Variables - shadows
 */
/* "Constants" for general usage */
/*
 -  Variables - StatsBar
 */
/*
 -  Variables - Tabs
 */
/*
 -  Variables - Typography
 */
/*
 -  Variables - Tooltip
 */
/*
 -	Variables - Forms
 */
/*
 -  Variables - Toast Message
 */
/*
 -  Variables - Wizzard
 */
/*
 -  Variables - Stepper
 */
/*
 -  Variables - Grid & Tile
 */
.gov-spin-animation,
.gov-pseudo-spin-animation::before {
  animation: spin 4s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
/*
*   Tooltip - Content
*/
.gov-tooltip-content {
  z-index: 51;
  font-weight: var(--gov-text-m-font-weight);
  font-size: var(--gov-text-m-font-size);
  line-height: var(--gov-text-m-line-height);
  letter-spacing: var(--gov-text-m-letter-spacing);
  position: absolute;
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: var(--gov-tooltip-content-max-width, 21rem);
  padding: var(--gov-tooltip-content-padding, 1rem);
  border-radius: 0.1875rem;
  background-color: var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));
  color: var(--gov-tooltip-content-text-color, var(--gov-color-secondary));
  letter-spacing: var(--gov-tooltip-content-letter-spacing, 0.0125rem);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.gov-tooltip-content::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: var(--gov-tooltip-content-arrow-size, 0.625rem) solid transparent;
}
.gov-tooltip-content[is-visible]:not(.gov-tooltip-content[is-visible=false i]), .gov-tooltip-content[is-visible=true i], .gov-tooltip-content[is-visible="1"] {
  opacity: 1;
}
.gov-tooltip[size=s] .gov-tooltip-content {
  --gov-tooltip-content-padding: 0.5rem;
  --gov-tooltip-content-arrow-size: 0.4375rem;
  --gov-tooltip-content-letter-spacing: 0.0125rem;
  font-weight: var(--gov-text-s-font-weight);
  font-size: var(--gov-text-s-font-size);
  line-height: var(--gov-text-s-line-height);
  letter-spacing: var(--gov-text-s-letter-spacing);
}
.gov-tooltip[size=l] .gov-tooltip-content {
  --gov-tooltip-content-padding: 1rem;
  --gov-tooltip-content-arrow-size: 0.875rem;
  --gov-tooltip-content-letter-spacing: 0.002rem;
  font-weight: var(--gov-text-xl-font-weight);
  font-size: var(--gov-text-xl-font-size);
  line-height: var(--gov-text-xl-line-height);
  letter-spacing: var(--gov-text-xl-letter-spacing);
}
.gov-tooltip[position=top] .gov-tooltip-content {
  bottom: 100%;
  margin-bottom: var(--gov-tooltip-content-arrow-size, 0.625rem);
}
.gov-tooltip[position=top] .gov-tooltip-content, .gov-tooltip[position=top] .gov-tooltip-content::before {
  left: 50%;
  transform: translateX(-50%);
}
.gov-tooltip[position=top] .gov-tooltip-content::before {
  top: 100%;
  border-bottom-width: 0;
  border-top-color: var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));
}
.gov-tooltip[position=bottom] .gov-tooltip-content {
  top: 100%;
  margin-top: var(--gov-tooltip-content-arrow-size, 0.625rem);
}
.gov-tooltip[position=bottom] .gov-tooltip-content, .gov-tooltip[position=bottom] .gov-tooltip-content::before {
  left: 50%;
  transform: translateX(-50%);
}
.gov-tooltip[position=bottom] .gov-tooltip-content::before {
  bottom: 100%;
  border-top-width: 0;
  border-bottom-color: var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));
}
.gov-tooltip[position=left] .gov-tooltip-content {
  right: 100%;
  margin-right: var(--gov-tooltip-content-arrow-size, 0.625rem);
}
.gov-tooltip[position=left] .gov-tooltip-content, .gov-tooltip[position=left] .gov-tooltip-content::before {
  top: 50%;
  transform: translateY(-50%);
}
.gov-tooltip[position=left] .gov-tooltip-content::before {
  left: 100%;
  border-right-width: 0;
  border-left-color: var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));
}
.gov-tooltip[position=right] .gov-tooltip-content {
  left: 100%;
  margin-left: var(--gov-tooltip-content-arrow-size, 0.625rem);
}
.gov-tooltip[position=right] .gov-tooltip-content, .gov-tooltip[position=right] .gov-tooltip-content::before {
  top: 50%;
  transform: translateY(-50%);
}
.gov-tooltip[position=right] .gov-tooltip-content::before {
  right: 100%;
  border-left-width: 0;
  border-right-color: var(--gov-tooltip-content-bg-color, var(--gov-color-primary-300));
}