.accordion .accordion--icon::before, .accordion .accordion--icon::after {
  font-family: 'icomoon';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.accordion, .accordion .accordion--icon {
  border-radius: 4px; }

.accordion-container {
  position: relative; }
  .accordion-container .number {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-display: swap;
    font-size: calc(18px + 4 * ((100vw - 600px) / 1080));
    line-height: calc(24px + 4 * ((100vw - 600px) / 1080));
    font-family: "NeueHaasGroteskText W01", sans-serif;
    position: absolute;
    top: calc(18px + 8 * ((100vw - 600px) / 1080));
    left: calc(15px + 15 * ((100vw - 600px) / 1080));
    z-index: 1;
    color: #500a32;
    display: none; }
    @media screen and (max-width: 600px) {
      .accordion-container .number {
        font-size: 18px; } }
    @media screen and (min-width: 1680px) {
      .accordion-container .number {
        font-size: 22px; } }
    @media screen and (max-width: 600px) {
      .accordion-container .number {
        line-height: 24px; } }
    @media screen and (min-width: 1680px) {
      .accordion-container .number {
        line-height: 28px; } }
    @media screen and (max-width: 600px) {
      .accordion-container .number {
        top: 18px; } }
    @media screen and (min-width: 1680px) {
      .accordion-container .number {
        top: 26px; } }
    @media screen and (max-width: 600px) {
      .accordion-container .number {
        left: 15px; } }
    @media screen and (min-width: 1680px) {
      .accordion-container .number {
        left: 30px; } }
  .numbered .accordion-container .number {
    display: block; }

.accordion {
  background-color: #EBEBEB; }
  .accordion .accordion--header {
    padding-top: calc(10px + 10 * ((100vw - 600px) / 1080));
    padding-right: calc(15px + 15 * ((100vw - 600px) / 1080));
    padding-bottom: calc(10px + 10 * ((100vw - 600px) / 1080));
    padding-left: calc(15px + 15 * ((100vw - 600px) / 1080));
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1); }
    @media screen and (max-width: 600px) {
      .accordion .accordion--header {
        padding-top: 10px; } }
    @media screen and (min-width: 1680px) {
      .accordion .accordion--header {
        padding-top: 20px; } }
    @media screen and (max-width: 600px) {
      .accordion .accordion--header {
        padding-right: 15px; } }
    @media screen and (min-width: 1680px) {
      .accordion .accordion--header {
        padding-right: 30px; } }
    @media screen and (max-width: 600px) {
      .accordion .accordion--header {
        padding-bottom: 10px; } }
    @media screen and (min-width: 1680px) {
      .accordion .accordion--header {
        padding-bottom: 20px; } }
    @media screen and (max-width: 600px) {
      .accordion .accordion--header {
        padding-left: 15px; } }
    @media screen and (min-width: 1680px) {
      .accordion .accordion--header {
        padding-left: 30px; } }
    .numbered .accordion .accordion--header {
      padding-left: calc(55px + 25 * ((100vw - 600px) / 1080)); }
      @media screen and (max-width: 600px) {
        .numbered .accordion .accordion--header {
          padding-left: 55px; } }
      @media screen and (min-width: 1680px) {
        .numbered .accordion .accordion--header {
          padding-left: 80px; } }
    .expanded.accordion .accordion--header {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
    .has-mouse .accordion .accordion--header:hover {
      background-color: #d2d2d2;
      transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .has-mouse .accordion .accordion--header:hover h3.accordion--title {
        transform: translateX(15px);
        transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .accordion h3.accordion--title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-display: swap;
    font-size: calc(18px + 4 * ((100vw - 600px) / 1080));
    line-height: calc(24px + 4 * ((100vw - 600px) / 1080));
    font-family: "NeueHaasGroteskText W01", sans-serif;
    margin-bottom: 0;
    padding-right: 25px;
    transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); }
    @media screen and (max-width: 600px) {
      .accordion h3.accordion--title {
        font-size: 18px; } }
    @media screen and (min-width: 1680px) {
      .accordion h3.accordion--title {
        font-size: 22px; } }
    @media screen and (max-width: 600px) {
      .accordion h3.accordion--title {
        line-height: 24px; } }
    @media screen and (min-width: 1680px) {
      .accordion h3.accordion--title {
        line-height: 28px; } }
    .numbered .accordion h3.accordion--title {
      color: #292929; }
  .accordion .accordion--icon {
    width: 40px;
    height: 40px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: #500a32;
    color: #FFFFFF;
    overflow: hidden; }
    .accordion .accordion--icon::before, .accordion .accordion--icon::after {
      position: absolute;
      font-size: 40px;
      transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1), transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); }
      .expanded.accordion .accordion--icon::before, .accordion .accordion--icon::after {
        transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .accordion .accordion--icon::before {
      content: '\e906';
      transform: translateY(-100%);
      opacity: 0; }
      .expanded.accordion .accordion--icon::before {
        transform: translateY(0);
        opacity: 1; }
    .accordion .accordion--icon::after {
      content: '\e908'; }
      .expanded.accordion .accordion--icon::after {
        transform: translateY(100%);
        opacity: 0; }
  .accordion .accordion--content {
    height: 0;
    overflow: hidden; }
    .expanded.accordion .accordion--content {
      height: auto; }
  .accordion .accordion--content__inner {
    padding-top: calc(10px + 10 * ((100vw - 600px) / 1080));
    padding-right: calc(15px + 15 * ((100vw - 600px) / 1080));
    padding-bottom: calc(15px + 15 * ((100vw - 600px) / 1080));
    padding-left: calc(15px + 15 * ((100vw - 600px) / 1080)); }
    @media screen and (max-width: 600px) {
      .accordion .accordion--content__inner {
        padding-top: 10px; } }
    @media screen and (min-width: 1680px) {
      .accordion .accordion--content__inner {
        padding-top: 20px; } }
    @media screen and (max-width: 600px) {
      .accordion .accordion--content__inner {
        padding-right: 15px; } }
    @media screen and (min-width: 1680px) {
      .accordion .accordion--content__inner {
        padding-right: 30px; } }
    @media screen and (max-width: 600px) {
      .accordion .accordion--content__inner {
        padding-bottom: 15px; } }
    @media screen and (min-width: 1680px) {
      .accordion .accordion--content__inner {
        padding-bottom: 30px; } }
    @media screen and (max-width: 600px) {
      .accordion .accordion--content__inner {
        padding-left: 15px; } }
    @media screen and (min-width: 1680px) {
      .accordion .accordion--content__inner {
        padding-left: 30px; } }

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