/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/@webkinder/sass-vars-loader/src/sassVarsLoader.js??ruleSet[1].rules[6].use[0]!./assets/scss/blocks/history.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* stylelint-disable scss/dollar-variable-empty-line-before */
/* @link https://utopia.fyi/clamp/calculator?a=640,1440,2—4|4—8|6—12|8—16|12—24|16—32|20—40|24—48|28—56|32—64|40—80|48—96|64—128|80—160|104—208|128—256|148—296 */
/**
* Header and navigation
*/
/* ==========================================================================
   mixins
  ========================================================================== */
.wk-block-history__year {
  border: 0;
  border-radius: 0;
  background: none;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
h1 + .wk-block-history,
.h1 + .wk-block-history,
h2 + .wk-block-history,
.h2 + .wk-block-history,
h3 + .wk-block-history,
.h3 + .wk-block-history,
h4 + .wk-block-history,
.h4 + .wk-block-history,
h5 + .wk-block-history,
.h5 + .wk-block-history,
h6 + .wk-block-history,
.h6 + .wk-block-history {
  margin-top: 0;
}
.wk-block-history {
  margin-top: clamp(64px, 12.8px + 8vw, 128px);
  margin-top: clamp(64px, 12.8px + 8vi, 128px);
}
.wk-block-history__list {
  position: relative;
}
.wk-block-history__years {
  align-self: start;
  position: sticky;
  top: 0;
}
.wk-block-history__content {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: visibility 0s 950ms, opacity 950ms linear;
}
.wk-block-history__content--selected {
  visibility: visible;
  opacity: 1;
  max-height: 100%;
  overflow: auto;
  transition: opacity 950ms linear;
}
.wk-block-history__year {
  cursor: pointer;
  position: relative;
  display: flex;
  width: 100%;
  border-left: 1px solid #9e9e9e;
  flex-direction: column;
  transition: all 300ms linear;
}
.body--secondary .wk-block-history__year {
  border-color: #80735c;
}
.wk-block-history__year::before, .wk-block-history__year::after {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  height: 0;
  width: 1px;
  background-color: #000;
  transition: all 300ms linear;
}
.darkmode .wk-block-history__year::before, .darkmode .wk-block-history__year::after {
  background-color: #fff;
}
.wk-block-history__year::before {
  transition-delay: calc(300ms * var(--transition-delay-factor, 0));
}
.wk-block-history__year::after {
  width: 0;
  height: 1px;
  top: auto;
  top: initial;
  left: 0;
  bottom: 0;
  transition: all 300ms linear;
  transition-delay: calc(300ms * var(--transition-delay-factor, 1));
}
.wk-block-history__year span {
  display: block;
  padding: clamp(24px, 4.8px + 3vw, 48px) 0 clamp(8px, 1.6px + 1vw, 16px) clamp(8px, 1.6px + 1vw, 16px);
  padding: clamp(24px, 4.8px + 3vi, 48px) 0 clamp(8px, 1.6px + 1vi, 16px) clamp(8px, 1.6px + 1vi, 16px);
  border-bottom: 1px solid #9e9e9e;
  color: #f17d7b;
  text-align: right;
  width: 100%;
  max-width: 33%;
  transition: all 300ms linear;
  transition-delay: calc(300ms * var(--transition-delay-factor, 0));
}
.darkmode .wk-block-history__year span {
  color: #f5a4a3;
}
.body--secondary .wk-block-history__year span {
  color: #000;
  border-color: #80735c;
}
@media (hover: hover) {
  .wk-block-history__year:hover::before, .wk-block-history__year:hover::after,
  .wk-block-history__year:hover span {
    transition-delay: 0ms;
  }
  .wk-block-history__year:hover span {
    max-width: 45%;
  }
}
.wk-block-history__year--selected span, .wk-block-history__year--selected::before, .wk-block-history__year:has(~ .wk-block-history__year--selected) span, .wk-block-history__year:has(~ .wk-block-history__year--selected)::before {
  transition-delay: calc(300ms * var(--transition-delay-factor, 0));
}
.wk-block-history__year--selected::before, .wk-block-history__year:has(~ .wk-block-history__year--selected)::before {
  height: 100%;
}
.wk-block-history__year--selected::after, .wk-block-history__year:has(~ .wk-block-history__year--selected)::after {
  width: calc(100% + 1px);
  transition-delay: calc(300ms + 300ms * var(--transition-delay-factor, 1));
}
.wk-block-history__year--selected span, .wk-block-history__year:has(~ .wk-block-history__year--selected) span {
  max-width: 100%;
}
@media (hover: hover) {
  .wk-block-history__year--selected:hover span, .wk-block-history__year--selected:hover::before, .wk-block-history__year:has(~ .wk-block-history__year--selected):hover span, .wk-block-history__year:has(~ .wk-block-history__year--selected):hover::before {
    transition-delay: calc(300ms * var(--transition-delay-factor, 0));
  }
  .wk-block-history__year--selected:hover::after, .wk-block-history__year:has(~ .wk-block-history__year--selected):hover::after {
    transition-delay: calc(300ms + 300ms * var(--transition-delay-factor, 1));
  }
  .wk-block-history__year--selected:hover span, .wk-block-history__year:has(~ .wk-block-history__year--selected):hover span {
    max-width: 100%;
  }
}

/*# sourceMappingURL=block-history.css.map*/