#science-page-flashcards{flex-direction:column;width:100%}#science-page-flashcards,.flashcards{align-items:center;display:flex;justify-content:center}.flashcards{flex-direction:row;max-width:var(--section-max-width-mobile);position:relative;width:var(--section-width-mobile)}@media(min-width:700px){.flashcards{max-width:var(--section-max-width);width:var(--section-width)}}.flashcards__arrow{display:none}@media(min-width:700px){.flashcards__arrow{align-items:center;background:none;border:none;color:var(--flashcard-color);cursor:pointer;display:block;display:flex;justify-content:center;padding:0;transition:transform .2s;width:var(--arrow-size);z-index:2}}.flashcards__arrow:focus,.flashcards__arrow:hover{transform:scale(1.2)}.flashcards__arrow--left{margin-left:var(--arrow-margins);margin-right:calc(var(--arrow-margins)/2)}.flashcards__arrow--left:hover{transform:scale(1.2) translateX(-5px)}.flashcards__arrow--right{margin-left:calc(var(--arrow-margins)/2);margin-right:var(--arrow-margins)}.flashcards__arrow--right:hover{transform:scale(1.2) translateX(5px)}.flashcards__arrow svg{display:block;width:100%}.flashcards__mobile-arrow{align-items:center;background:none;border:none;color:var(--flashcard-color);cursor:pointer;display:block;display:flex;height:var(--indicators-size-mobile);justify-content:center;padding:0;transition:transform .2s;width:var(--indicators-size-mobile);z-index:2}@media(min-width:700px){.flashcards__mobile-arrow{display:none}}.flashcards__mobile-arrow svg{width:70%}.flashcards__mobile-arrow:focus,.flashcards__mobile-arrow:hover{transform:scale(1.2)}.flashcards__mobile-arrow--left{margin-right:var(--indicators-gap-mobile)}.flashcards__mobile-arrow--left:hover{transform:scale(1.2) translateX(-3px)}.flashcards__mobile-arrow--right{margin-left:var(--indicators-gap-mobile)}.flashcards__mobile-arrow--right:hover{transform:scale(1.2) translateX(3px)}.flashcards__container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:var(--section-margin-bottom-mobile);min-height:var(--section-min-height-mobile);position:relative;width:100%}@media(min-width:700px){.flashcards__container{margin-bottom:var(--section-margin-bottom);min-height:var(--section-min-height);width:calc(100% - var(--arrow-size)*2)}}.flashcards__indicators{align-items:center;bottom:0;display:flex;gap:var(--indicators-gap-mobile);justify-content:center;left:0;padding-bottom:var(--indicators-padding-mobile);padding-top:var(--indicators-padding-mobile);position:absolute;right:0}@media(min-width:700px){.flashcards__indicators{gap:var(--indicators-gap);padding-bottom:var(--indicators-padding);padding-top:var(--indicators-padding)}}.flashcards__indicator{border:3px solid var(--flashcard-color);border-radius:50%;display:inline-block;height:var(--indicators-size-mobile);pointer-events:none;transition:background .2s,transform .2s;width:var(--indicators-size-mobile)}@media(min-width:700px){.flashcards__indicator{height:var(--indicators-size);width:var(--indicators-size)}}.flashcards__indicator--active{background:var(--flashcard-color);transform:scale(1.2)}.flashcard{align-items:flex-start;aspect-ratio:4/3;background:var(--flashcard-background);border:var(--flashcard-border-thickness-mobile) solid var(--flashcard-color);border-radius:var(--flashcard-border-radius-mobile);color:var(--flashcard-color);display:flex;flex-direction:column;justify-content:flex-start;left:0;margin:0 auto;max-width:var(--flashcard-max-width-mobile);min-width:var(--flashcard-min-width-mobile);padding:var(--flashcard-padding-mobile);pointer-events:auto;position:absolute;right:0;transition:transform .4s cubic-bezier(.4,.2,.2,1);width:var(--flashcard-width-mobile);will-change:transform}.flashcard p{font-size:var(--flashcard-font-size-mobile);line-height:var(--flashcard-line-height-mobile);padding-top:var(--flashcard-content-separation-mobile)}@media(min-width:700px){.flashcard{aspect-ratio:5/3;border:var(--flashcard-border-thickness) solid var(--flashcard-color);border-radius:var(--flashcard-border-radius);max-width:var(--flashcard-max-width);padding:var(--flashcard-padding);width:var(--flashcard-width)}.flashcard p{font-size:var(--flashcard-font-size);line-height:var(--flashcard-line-height);padding-top:var(--flashcard-content-separation)}}.flashcard__image{align-items:flex-start;display:flex;justify-content:flex-start}.flashcard__image img{max-height:var(--flashcard-image-size-mobile);max-width:var(--flashcard-image-size-mobile)}@media(min-width:700px){.flashcard__image img{max-height:var(--flashcard-image-size);max-width:var(--flashcard-image-size)}}.flashcard--move-out{animation:flashcard-move-out-mobile var(--animation-speed-mobile) forwards;z-index:9!important}@media(min-width:700px){.flashcard--move-out{animation:flashcard-move-out var(--animation-speed) forwards}}@keyframes flashcard-move-out{0%{transform:translate(0) rotate(0deg)}to{transform:translate(var(--animation-distance),var(--negative-animation-distance)) rotate(var(--animation-rotation))}}@keyframes flashcard-move-out-mobile{0%{transform:translate(0) rotate(0deg)}to{transform:translate(var(--animation-distance-mobile),var(--negative-animation-distance-mobile)) rotate(var(--animation-rotation-mobile))}}.flashcard--settle-in-back{animation:flashcard-settle-in-back-mobile var(--animation-speed-mobile) forwards;z-index:1!important}@media(min-width:700px){.flashcard--settle-in-back{animation:flashcard-settle-in-back var(--animation-speed) forwards}}@keyframes flashcard-settle-in-back{0%{transform:translate(var(--animation-distance),var(--negative-animation-distance)) rotate(var(--animation-rotation))}to{transform:translate(var(--animation-offset),var(--animation-offset)) rotate(0deg)}}@keyframes flashcard-settle-in-back-mobile{0%{transform:translate(var(--animation-distance-mobile),var(--negative-animation-distance-mobile)) rotate(var(--animation-rotation-mobile))}to{transform:translate(var(--animation-offset-mobile),var(--animation-offset-mobile)) rotate(0deg)}}.flashcard--move-out-prev{animation:flashcard-move-out-prev-mobile var(--animation-speed-mobile) forwards;z-index:1!important}@media(min-width:700px){.flashcard--move-out-prev{animation:flashcard-move-out-prev var(--animation-speed) forwards}}@keyframes flashcard-move-out-prev{0%{transform:translate(var(--animation-offset-mobile),var(--animation-offset-mobile)) rotate(0deg)}to{transform:translate(var(--negative-animation-distance),var(--negative-animation-distance)) rotate(var(--negative-animation-rotation))}}@keyframes flashcard-move-out-prev-mobile{0%{transform:translate(var(--animation-offset-mobile),var(--animation-offset-mobile)) rotate(0deg)}to{transform:translate(var(--negative-animation-distance-mobile),var(--negative-animation-distance-mobile)) rotate(var(--negative-animation-rotation-mobile))}}.flashcard--settle-in-front{animation:flashcard-settle-in-front-mobile var(--animation-speed-mobile) forwards;z-index:9!important}@media(min-width:700px){.flashcard--settle-in-front{animation:flashcard-settle-in-front var(--animation-speed) forwards}}@keyframes flashcard-settle-in-front{0%{transform:translate(var(--negative-animation-distance),var(--negative-animation-distance)) rotate(var(--negative-animation-rotation))}to{transform:translate(0) rotate(0deg)}}@keyframes flashcard-settle-in-front-mobile{0%{transform:translate(var(--negative-animation-distance-mobile),var(--negative-animation-distance-mobile)) rotate(var(--negative-animation-rotation-mobile))}to{transform:translate(0) rotate(0deg)}}.flashcard--stack-move-down{transition:transform .4s cubic-bezier(.4,.2,.2,1)}
