/*
 * DO NOT EDIT THIS FILE.
 * Find the correct source file and do your changes there.
 * @preserve
 */
/**
 * We are using PostCSS Custom Media because we can not use custom properties inside @media.
 * For more information go to: https://www.npmjs.com/package/postcss-custom-media
 */
.block-chbc-pcc-quick-access {
  margin-top: 2.5rem !important;
  margin-bottom: 1.5rem !important;
}
.block-chbc-pcc-quick-access .quick-access {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }
.block-chbc-pcc-quick-access li {
    background: var(--color-white) url("../../../images/icons/arrow-right.svg")
      no-repeat center bottom 10px;
    border-top: solid 10px var(--color-primary);
    margin-bottom: 20px;
    padding: 1rem 1rem 2rem;
    position: relative;
  }
.block-chbc-pcc-quick-access li:hover {
      box-shadow: var(--box-shadow-lg);
    }
.block-chbc-pcc-quick-access li:nth-child(1) {
      border-color: var(--color-red-400);
    }
.block-chbc-pcc-quick-access li:nth-child(1) path {
        fill: var(--color-red-400);
      }
.block-chbc-pcc-quick-access li:nth-child(2) {
      border-color: var(--color-purple-500);
    }
.block-chbc-pcc-quick-access li:nth-child(2) path {
        fill: var(--color-purple-500);
      }
.block-chbc-pcc-quick-access li:nth-child(3) {
      border-color: var(--color-lime-600);
    }
.block-chbc-pcc-quick-access li:nth-child(3) path {
        fill: var(--color-lime-600);
        stroke: var(--color-lime-600);
      }
.block-chbc-pcc-quick-access li a {
      bottom: 0;
      display: block;
      left: 0;
      overflow: hidden;
      position: absolute;
      right: 0;
      text-indent: 150%;
      top: 0;
      white-space: nowrap;
    }
@media (min-width: 900px) {
    .block-chbc-pcc-quick-access .quick-access {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .block-chbc-pcc-quick-access li {
      margin-bottom: 0;
    }
  }

/*# sourceMappingURL=quick-access.css.map */