body {
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; }

.heading-xl {
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0; }

.subheading-xl {
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 0; }

.heading-lg {
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.33333;
  margin: 0; }

.subheading-lg {
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.33333;
  margin: 0; }

.heading-md {
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0; }

.subheading-md {
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0; }

.heading-sm {
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0; }

.subheading-sm {
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0; }

.heading-xs {
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0; }

.subheading-xs {
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0; }

.tile__title, .tile h5, .body-default-bold {
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5; }

.tile p, .body-default-regular {
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5; }

.tile__subtitle, .body-small-bold {
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5; }

.tile__title + p, .body-small-regular {
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5; }

.body-xsmall-bold {
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.33333; }

.body-xsmall-regular {
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.33333; }

.container {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 30px; }

.row {
  align-items: flex-start;
  display: flex;
  margin-top: 30px; }
  .row .tile:not(:last-child) {
    margin-right: 30px; }

.form-check {
  display: block;
  min-height: 24px;
  margin-bottom: 0.25rem; }
  .form-check::after {
    display: block;
    clear: both;
    content: ""; }
  .form-check > label {
    display: block;
    font-family: "Arial, sans-serif";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    margin-bottom: 0px; }
  .form-check > input {
    float: left;
    margin-left: -32px;
    margin-right: 8px; }
    .form-check > input.custom-check {
      appearance: none;
      background: #ffffff;
      border-color: #757575;
      border-style: solid;
      border-width: 2px;
      height: 24px;
      transition: all 0.2s ease-in-out;
      width: 24px; }
      .form-check > input.custom-check--lg {
        height: 22px;
        width: 22px; }
      .form-check > input.custom-check[aria-invalid="true"] {
        border-color: #C8102E; }
      .form-check > input.custom-check:not(.disabled):not(:disabled):hover {
        border-color: #0F68D8; }
      .form-check > input.custom-check:not(.disabled):not(:disabled):focus {
        outline: 0; }
      .form-check > input.custom-check:checked {
        background-image: "";
        background-color: #0F68D8;
        border-color: #0F68D8; }
        .form-check > input.custom-check:checked:disabled, .form-check > input.custom-check:checked.disabled {
          background-color: #BABEC2; }
      .form-check > input.custom-check:disabled, .form-check > input.custom-check.disabled {
        background: #f4f4f4;
        border-color: #d8d8d8; }
    .form-check > input[type="checkbox"].custom-check {
      appearance: none;
      border-style: solid;
      border-radius: 4px;
      transition: all 0.2s ease-in-out; }
      .form-check > input[type="checkbox"].custom-check--lg {
        border-radius: 6px; }
      .form-check > input[type="checkbox"].custom-check:not(.disabled):not(:disabled):focus {
        outline: 0; }
      .form-check > input[type="checkbox"].custom-check:checked {
        background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.155 8.325L10.155 17.325C10.0459 17.4347 9.91618 17.5216 9.77329 17.5809C9.63039 17.6401 9.47717 17.6704 9.32249 17.67C9.16882 17.6711 9.01652 17.6411 8.87475 17.5818C8.73298 17.5225 8.60465 17.4351 8.49749 17.325L4.84499 13.7475C4.62519 13.5277 4.50171 13.2296 4.50171 12.9187C4.50171 12.6079 4.62519 12.3098 4.84499 12.09C5.06479 11.8702 5.3629 11.7467 5.67374 11.7467C5.98458 11.7467 6.28269 11.8702 6.50249 12.09L9.28499 14.88L17.4975 6.6675C17.7173 6.4477 18.0154 6.32422 18.3262 6.32422C18.6371 6.32422 18.9352 6.4477 19.155 6.6675C19.3748 6.8873 19.4983 7.18541 19.4983 7.49625C19.4983 7.80709 19.3748 8.1052 19.155 8.325Z' fill='%23FFFFFF'/%3e%3c/svg%3e");
        background-size: 100%; }
        .form-check > input[type="checkbox"].custom-check:checked:not(.disabled):not(:disabled):hover {
          background-color: #0F68D8; }
    .form-check > input[type="radio"].custom-check {
      appearance: none;
      border-style: solid;
      border-radius: 50%;
      transition: all 0.2s ease-in-out; }
      .form-check > input[type="radio"].custom-check:not(.disabled):not(:disabled):focus {
        outline: 0; }
      .form-check > input[type="radio"].custom-check:checked {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230F68D8'/%3e%3c/svg%3e");
        background-color: #FFFFFF; }
        .form-check > input[type="radio"].custom-check:checked:not(.disabled):not(:disabled):hover {
          background-color: #FFFFFF; }
    .form-check > input.custom-check--lg {
      margin-top: 0; }
      .form-check > input.custom-check--lg ~ label {
        padding-top: -1px; }

.tile {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  box-shadow: 0px 2px 8px 0px #d8d8d8b3;
  color: #333333;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  width: 375px; }
  .tile__left-side {
    align-items: center;
    display: flex; }
  .tile__thumbnail {
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
    flex-basis: 140px;
    height: 100%;
    min-width: 140px;
    overflow: hidden; }
    .tile__thumbnail img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
    .tile__thumbnail--icon {
      align-items: center;
      display: flex;
      flex-basis: 80px;
      justify-content: flex-end;
      min-width: 80px;
      padding-left: 16px;
      width: 80px; }
      .tile__thumbnail--icon svg {
        fill: #0F68D8; }
        .tile__thumbnail--icon svg path {
          fill: inherit; }
  .tile__content {
    padding: 24px 10px 24px 24px; }
  .tile__subtitle {
    color: #757575;
    display: block;
    margin-bottom: 8px; }
  .tile__title, .tile h5 {
    margin: 0 0 2px; }
    .tile__title:only-child, .tile h5:only-child {
      margin-bottom: 0; }
  .tile p {
    margin: 0; }
  .tile input {
    margin: 0;
    pointer-events: none; }
  .tile__check {
    padding: 24px 24px 0 0; }
  .tile:not(.tile--disabled):hover {
    background: #EAF2F8; }
    .tile:not(.tile--disabled):hover input {
      border-color: #0F68D8; }
  .tile--disabled {
    background: #F0F0F0;
    border-color: #d8d8d8;
    color: #757575;
    cursor: default; }
    .tile--disabled .tile__thumbnail {
      opacity: .6; }
  .tile--invalid {
    border-color: #C8102E; }
  .tile--selected {
    background-color: #EAF2F8;
    border-color: #0F68D8; }

/*# sourceMappingURL=main.css.map */