/* Interactive Blocks/Flashcard Stack - Rise V2 */
/* Extracted from blocks_v2.css */

.block-flashcard-carousel {
  box-sizing:initial;
  margin-inline:auto;
  max-width:92rem;
  padding-inline:1.9999998rem 1.9999998rem}

  .block-flashcard-carousel {
  padding-inline:3rem 3rem}

  .block-flashcard-carousel {
  padding-inline:6rem 6rem}

.block-flashcard-carousel .carousel {
  display:flex;
  flex-direction:column;
  padding-block:5rem 6rem;
  padding-inline:1rem;
  position:relative}

.block-flashcard-carousel .carousel-controls {
  align-items:center;
  display:flex;
  margin-block:-3.5rem 0;
  margin-inline:auto}

.block-flashcard-carousel .carousel-controls-prev {
  flex-shrink:0;
  order:0}

.block-flashcard-carousel .carousel-controls-counter {
  order:1}

.block-flashcard-carousel .carousel-controls-next {
  flex-shrink:0;
  order:2}

.block-flashcard-carousel .carousel-controls-next,.block-flashcard-carousel .carousel-controls-prev {
  align-items:center;
  background-color:var(--color-theme-decorative);
  border:1px solid var(--color-theme-decorative);
  border-radius:50%;
  color:var(--color-theme-decorative-fg);
  display:inline-flex;
  height:4.2rem;
  justify-content:center;
  outline-offset:.3rem;
  width:4.2rem}

.block-flashcard-carousel .carousel-controls-next[aria-disabled=true],.block-flashcard-carousel .carousel-controls-prev[aria-disabled=true] {
  cursor:default;
  opacity:.3}

.block-flashcard-carousel .carousel-controls-next-icon,.block-flashcard-carousel .carousel-controls-prev-icon {
  display:flex;
  height:2rem}

.block-flashcard-carousel .carousel-controls-next-icon>svg,.block-flashcard-carousel .carousel-controls-prev-icon>svg {
  height:100%}

.block-flashcard-carousel .carousel-controls-counter {
  margin-inline:6.8rem;
  position:relative;
  text-align:center;
  width:16rem}

  .block-flashcard-carousel .carousel-controls-counter {
  margin-inline:2rem;
  width:13rem}

  .block-flashcard-carousel .carousel-controls-counter {
  width:10rem}

.block-flashcard-carousel .carousel-controls-counter-text {
  color:var(--color-text);
  flex:1;
  font-family:var(--font-family-body);
  font-size:1.4rem;
  font-style:italic;
  letter-spacing:.005em;
  line-height:1.285714;
  margin-block-end:1rem}

.block-flashcard-carousel .carousel-controls-counter-line {
  border-block-end:max(.1rem,1px) solid var(--color-progress-track);
  position:relative}

  .block-flashcard-carousel .carousel-controls-counter-line {
  border:max(.1rem,1px) solid #eaebeb;
  padding-block:.2rem;
  padding-inline:.2rem}

.block-flashcard-carousel .carousel-controls-counter-line-runner {
  border-block-end:max(.1rem,1px) solid var(--color-theme-decorative);
  position:absolute;
  transition:width .3s}

  .block-flashcard-carousel .carousel-controls-counter-line-runner {
  border-bottom-width:.5rem;
  inset-block-end:0}

.block-flashcard-carousel .carousel .carousel-controls-counter-line-runner {
  inset-inline-start:0}

.block-flashcard-carousel .carousel-slides {
  display:flex;
  order:-1;
  overflow:hidden;
  padding-block:5rem}

.block-flashcard-carousel .carousel-slide {
  align-items:center;
  display:flex;
  flex-shrink:0;
  inset-inline-end:calc(var(--carousel-active-index)*100%);
  position:relative;
  transition:inset-inline-end .5s ease,visibility 0s 0s;
  visibility:visible;
  width:100%}

.block-flashcard-carousel .carousel-slide[hidden] {
  display:flex;
  transition:inset-inline-end .5s ease,visibility 0s .5s;
  visibility:hidden}

.block-flashcard-carousel .carousel-controls-next-icon>svg,.block-flashcard-carousel .carousel-controls-prev-icon>svg {
  height:100%}

  .block-flashcard-carousel {
  padding-inline:3rem 3rem}

  .block-flashcard-carousel {
  padding-inline:6rem 6rem}

  .block-flashcard-carousel .carousel-controls-counter {
  margin-inline:2rem;
  width:13rem}

  .block-flashcard-carousel .carousel-controls-counter {
  width:10rem}

  .block-flashcard-carousel .carousel-controls-counter-line {
  border:max(.1rem,1px) solid #eaebeb;
  padding-block:.2rem;
  padding-inline:.2rem}

  .block-flashcard-carousel .carousel-controls-counter-line-runner {
  border-bottom-width:.5rem;
  inset-block-end:0}