/* ------ buttons ----- */
/* ------ typography ----- */
.msk-tile {
  display: block;
  width: 100%;
  background-color: #ffffff;
  border-radius: 0.5rem;
  transition-property: background-color, color, outline, box-shadow, border;
  transition-duration: 110ms;
  transition-timing-function: cubic-bezier(0.22, 0.59, 0.88, 0.41);
  overflow: hidden;
  padding: 0;
  line-height: 1.7;
}
.msk-tile .msk--h3 ~ .msk--p {
  margin-top: 0;
}
.msk-tile.msk-tile-default {
  box-shadow: 0px 3px 8px 0px rgba(0, 22, 65, 0.1), 0px 1.5px 4px 0px rgba(0, 22, 65, 0.1), 0px 0.75px 2px 0px rgba(0, 22, 65, 0.1);
}
.msk-tile.msk-tile-outline {
  border: 0.0625rem solid #c1c7cd;
  box-shadow: unset;
}
.msk-tile.msk-tile-ghost {
  background-color: transparent;
  box-shadow: unset;
  border: none;
}
.msk-tile.msk-tile-clickable {
  color: #171414;
  cursor: pointer;
  text-align: left;
}
.msk-tile.msk-tile-clickable:not(.msk-tile-ghost) {
  border-width: 2px;
  border-color: #113e90;
  border-style: solid;
}
.msk-tile.msk-tile-clickable:hover, .msk-tile.msk-tile-clickable:focus, .msk-tile.msk-tile-clickable:focus-within {
  background-color: #f0f5ff;
  border-color: #002569;
}
.msk-tile.msk-tile-clickable:hover h1,
.msk-tile.msk-tile-clickable:hover h2,
.msk-tile.msk-tile-clickable:hover h3,
.msk-tile.msk-tile-clickable:hover h4,
.msk-tile.msk-tile-clickable:hover h5,
.msk-tile.msk-tile-clickable:hover h6, .msk-tile.msk-tile-clickable:focus h1,
.msk-tile.msk-tile-clickable:focus h2,
.msk-tile.msk-tile-clickable:focus h3,
.msk-tile.msk-tile-clickable:focus h4,
.msk-tile.msk-tile-clickable:focus h5,
.msk-tile.msk-tile-clickable:focus h6, .msk-tile.msk-tile-clickable:focus-within h1,
.msk-tile.msk-tile-clickable:focus-within h2,
.msk-tile.msk-tile-clickable:focus-within h3,
.msk-tile.msk-tile-clickable:focus-within h4,
.msk-tile.msk-tile-clickable:focus-within h5,
.msk-tile.msk-tile-clickable:focus-within h6 {
  color: #002569;
}
.msk-tile.msk-tile-clickable:hover.msk-tile-ghost, .msk-tile.msk-tile-clickable:focus.msk-tile-ghost, .msk-tile.msk-tile-clickable:focus-within.msk-tile-ghost {
  background-color: #f2f4f8;
}
.msk-tile.msk-tile-clickable:focus, .msk-tile.msk-tile-clickable:focus-within {
  border-radius: 0.5rem;
  box-shadow: 0 0 0 0.0625rem #ffffff, 0 0 0 0.1875rem #000000;
}
.msk-tile.msk-tile-clickable:active {
  background-color: #b5cffd;
  border-color: #001641;
}
.msk-tile.msk-tile-clickable:active h1,
.msk-tile.msk-tile-clickable:active h2,
.msk-tile.msk-tile-clickable:active h3,
.msk-tile.msk-tile-clickable:active h4,
.msk-tile.msk-tile-clickable:active h5,
.msk-tile.msk-tile-clickable:active h6 {
  color: #001641;
}
.msk-tile.msk-tile-clickable:active.msk-tile-ghost {
  background-color: #dde1e6;
}
.msk-tile.msk-tile-clickable h1,
.msk-tile.msk-tile-clickable h2,
.msk-tile.msk-tile-clickable h3,
.msk-tile.msk-tile-clickable h4,
.msk-tile.msk-tile-clickable h5,
.msk-tile.msk-tile-clickable h6 {
  color: #113e90;
}