/* line 46, assets/styles/front/vars.scss */

:root {
  --jfa-white: #FFFFFF;
  --jfa-warm-white: #EFF3F5;
  --jfa-grey: #DCE6EB;
  --jfa-light-grey: #F5F5F5;
  --jfa-black: #000000;
  --jfa-dark-grey: #0C3A48;
  --jfa-light-black: #41606C;
  --jfa-green: #19AC79;
  --jfa-green-second: #26AB7A;
  --jfa-red-notice: #FF2424;
  --jfa-font-base: 'Roboto', sans-serif;
  --jfa-font-second: 'Roboto Condensed', sans-serif;
}

/* line 4, assets/styles/blocks/block-accordion.scss */

.accordion {
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  outline: none;
  transition: 0.4s;
  margin-bottom: 10px;
  border: none;
}

/* line 24, assets/styles/blocks/block-accordion.scss */

.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

/* line 31, assets/styles/blocks/block-accordion.scss */

.collapsible-link {
  width: 100%;
  position: relative;
  text-align: left;
}

/* line 37, assets/styles/blocks/block-accordion.scss */

.collapsible-link::before {
  content: " ";
  display: inline-block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4Ljg0IiBoZWlnaHQ9IjE0LjMxNSIgdmlld0JveD0iMCAwIDguODQgMTQuMzE1Ij4KICA8cGF0aCBpZD0iSWNvbl9tYXRlcmlhbC1jaGV2cm9uLXJpZ2h0IiBkYXRhLW5hbWU9Ikljb24gbWF0ZXJpYWwtY2hldnJvbi1yaWdodCIgIGZpbGw9IiMxOUFDNzkiIGQ9Ik0xNC41NjcsOWwtMS42ODIsMS42ODIsNS40NjQsNS40NzYtNS40NjQsNS40NzYsMS42ODIsMS42ODIsNy4xNTgtNy4xNThaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIuODg1IC05KSIvPgo8L3N2Zz4K);
  background-size: 15px 15px;
  height: 15px;
  width: 15px;
  margin-right: 15px;
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
  float: right;
  transform: rotate(90deg);
}

/* line 54, assets/styles/blocks/block-accordion.scss */

.collapsible-link[aria-expanded="true"]::before {
  transform: rotate(-90deg);
}