
/*
 * Kordion 3.3.4
 * Contemporary style and functionality - an accordion that does more.
 * https://github.com/koirodev/kordion
 *
 * Copyright 2024 Vitaly Koiro
 *
 * Released under the MIT License
 *
 * Released on: January 07, 2025
*/
:root {
  --kordion-speed: 0.35s;
  --kordion-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --kordion-icon-color-hover: #2bfa92;
}

.kordion__current {
  margin: 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.kordion__icon {
  position: relative;
  z-index: 2;
  margin: 0;
  margin-left: auto;
  -webkit-transition: fill var(--kordion-speed) var(--kordion-ease), -webkit-transform var(--kordion-speed) var(--kordion-ease);
  transition: fill var(--kordion-speed) var(--kordion-ease), -webkit-transform var(--kordion-speed) var(--kordion-ease);
  transition: transform var(--kordion-speed) var(--kordion-ease), fill var(--kordion-speed) var(--kordion-ease);
  transition: transform var(--kordion-speed) var(--kordion-ease), fill var(--kordion-speed) var(--kordion-ease), -webkit-transform var(--kordion-speed) var(--kordion-ease);
  pointer-events: all;
}

@media (any-hover: hover) {
  .kordion__icon:hover {
    fill: var(--kordion-icon-color-hover);
  }
}

.kordion__hidden {
  padding-top: 0;
  width: 100%;
  max-height: 0;
  display: block;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: hidden;
  will-change: max-height;
  -webkit-transition: max-height var(--kordion-speed) var(--kordion-ease);
  transition: max-height var(--kordion-speed) var(--kordion-ease);
}

.kordion__hidden.js-kordion-opened {
  max-height: unset;
}

.kordion__content {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.kordion.js-kordion-active > .kordion__current > .kordion__icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.kordion.js-kordion-disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.kordion.js-kordion-disabled .kordion__icon, .kordion.js-kordion-disabled .kordion__current {
  pointer-events: none;
}
/*# sourceMappingURL=core.css.map */
