/*
 * 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
 */
/* In a Hurry - Toggle */
.block-chbc-pcc-in-a-hurry-toggle.expanded .btn-toggle::after {
    transform: none;
  }
.block-chbc-pcc-in-a-hurry-toggle .btn-toggle {
    background-image: url("../../../images/icons/lighting--white.svg");
    background-repeat: no-repeat;
    background-position: 1rem center;
    display: inline-flex;
    justify-content: center;
    margin: 0;
    padding: 0.75rem 1.5rem 0.75rem 50px;
  }
.block-chbc-pcc-in-a-hurry-toggle .btn-toggle::after {
      background: url("../../../images/icons/chevron-up--white.svg") no-repeat
        center center;
      background-size: 24px;
      content: "";
      display: inline-block;
      height: 14px;
      margin-left: 20px;
      transform: rotate(180deg);
      transition: 0.2s;
      width: 14px;
    }
/* In a Hurry - Content */
.block-chbc-pcc-in-a-hurry {
  background: linear-gradient(0deg, var(--color-white) 24px, transparent 24px);
  position: relative;
}
.block-chbc-pcc-in-a-hurry.expanded {
    padding-bottom: 24px;
  }
.block-chbc-pcc-in-a-hurry.expanded::before,
    .block-chbc-pcc-in-a-hurry.expanded::after {
      background: var(--color-white);
      bottom: 0;
      content: "";
      display: block;
      height: 24px;
      position: absolute;
      right: 100%;
      width: 50vw;
    }
.block-chbc-pcc-in-a-hurry.expanded::after {
      left: 100%;
      right: auto;
    }
.block-chbc-pcc-in-a-hurry.expanded .block-content {
      height: auto;
      padding: 25px 0;
      transition: all 0.2s ease-in;
    }
.block-chbc-pcc-in-a-hurry .block-content {
    height: 0;
    margin: 0 auto;
    max-width: var(--l-max-content-width);
    overflow: hidden;
    transition: all 0.1s ease-out;
  }
.block-chbc-pcc-in-a-hurry .block-content ul {
      font-size: var(--fz-sm);
      list-style: none outside none;
      padding: 0;
    }
.block-chbc-pcc-in-a-hurry .block-content li {
      margin-bottom: 1rem;
    }
.block-chbc-pcc-in-a-hurry .see-all {
    color: var(--color-red-500);
    font-size: var(--fz-sm);
    font-weight: var(--fw-semi-bold);
  }
.block-chbc-pcc-in-a-hurry .see-all:hover,
    .block-chbc-pcc-in-a-hurry .see-all:focus {
      text-decoration: underline;
    }
.block-chbc-pcc-in-a-hurry .close {
    background: url("../../../images/icons/close.svg") no-repeat right 0.1em;
    display: inline-block;
    float: right;
    height: 24px;
    overflow: hidden;
    text-indent: 40px;
    white-space: nowrap;
    width: 24px;
  }
.block-chbc-pcc-in-a-hurry .close:hover,
    .block-chbc-pcc-in-a-hurry .close:focus {
      text-decoration: underline;
    }
.block-chbc-pcc-in-a-hurry .vocabulary {
    margin-top: 1.5rem;
  }
.block-chbc-pcc-in-a-hurry .vocabulary > li {
      background: var(--color-white);
      margin: 0 0 var(--gutter);
    }
.block-chbc-pcc-in-a-hurry .vocabulary > li:nth-child(1) > a {
          background: linear-gradient(
            90deg,
            var(--color-gold-500) 8px,
            var(--color-gold-300) 8px
          );
        }
.block-chbc-pcc-in-a-hurry .vocabulary > li:nth-child(2) > a {
          background: linear-gradient(
            90deg,
            var(--color-blue-300) 8px,
            var(--color-blue-200) 8px
          );
        }
.block-chbc-pcc-in-a-hurry .vocabulary > li:nth-child(3) > a {
          background: linear-gradient(
            90deg,
            var(--color-purple-300) 8px,
            var(--color-purple-200) 8px
          );
        }
.block-chbc-pcc-in-a-hurry .vocabulary > li:nth-child(4) > a {
          background: linear-gradient(
            90deg,
            var(--color-rust-500) 8px,
            var(--color-rust-200) 8px
          );
        }
.block-chbc-pcc-in-a-hurry .vocabulary > li:nth-child(5) > a {
          background: linear-gradient(
            90deg,
            var(--color-lime-500) 8px,
            var(--color-lime-200) 8px
          );
        }
.block-chbc-pcc-in-a-hurry .vocabulary > li > a {
        font-weight: var(--fw-semi-bold);
        display: block;
        padding: 0.5rem 1rem;
        text-transform: uppercase;
      }
.block-chbc-pcc-in-a-hurry .vocabulary ul {
      padding: 20px;
    }
.block-chbc-pcc-in-a-hurry .vocabulary a {
      color: var(--color-text);
    }
.block-chbc-pcc-in-a-hurry .vocabulary a:focus,
      .block-chbc-pcc-in-a-hurry .vocabulary a:hover {
        text-decoration: underline;
      }
@media (min-width: 600px) {
    .block-chbc-pcc-in-a-hurry .vocabulary {
      height: 100%;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--gutter);
      margin-top: 1.5rem;
    }

      .block-chbc-pcc-in-a-hurry .vocabulary > li {
        margin: 0;
      }

        .block-chbc-pcc-in-a-hurry .vocabulary > li:nth-child(3) {
          grid-column: 1 / 3;
        }

          .block-chbc-pcc-in-a-hurry .vocabulary > li:nth-child(3) > ul {
            -moz-column-count: 2;
            column-count: 2;
            gap: 55px;
          }
  }
@media (min-width: 1200px) {
    .block-chbc-pcc-in-a-hurry.expanded .block-content {
      height: 580px;
    }

    .block-chbc-pcc-in-a-hurry .close {
      color: var(--color-text);
      font-size: var(--fz-sm);
      font-weight: var(--fw-semi-bold);
      height: auto;
      text-indent: normal;
      padding-right: 30px;
      width: auto;
    }

    .block-chbc-pcc-in-a-hurry .vocabulary {
      height: 100%;
      display: flex;
      flex-flow: column wrap;
      gap: var(--gutter);
      margin-top: 1.5rem;
    }

      .block-chbc-pcc-in-a-hurry .vocabulary > li {
        flex: 0 0 33%;
      }

        .block-chbc-pcc-in-a-hurry .vocabulary > li:nth-child(3) > ul {
          gap: var(--gutter);
        }
  }

/*# sourceMappingURL=in-a-hurry.css.map */