.flashcard-wrapper{--border-radius:16px;--back-bg:#fff;--front-bg:#fff;--box-shadow:0 0 2.5rem 0 #00000029;clear:left;perspective:1000px;border-radius:var(--border-radius);width:560px;height:340px;bottom:10%;transform:none!important}.flashcard{border-radius:inherit;width:100%;height:100%;transform-style:preserve-3d;background-color:#0000;transition:transform .45s;position:absolute;top:0;left:0}.flashcard *{box-sizing:border-box}.flashcard__content{border-radius:inherit;width:100%;height:100%}.flashcard__front{background-color:var(--front-bg)}.flashcard__back{background-color:var(--back-bg)}.flashcard__front,.flashcard__back{color:#000;border-radius:inherit;backface-visibility:hidden;width:100%;height:100%;box-shadow:var(--box-shadow);position:absolute;top:0;left:0}.flashcard__front[data-flip-type=disable],.flashcard__back[data-flip-type=disable]{cursor:not-allowed}.flashcard__front[data-flip-type=manual],.flashcard__back[data-flip-type=manual]{cursor:auto}.flashcard__front[data-flip-type=auto],.flashcard__back[data-flip-type=auto]{cursor:pointer}.flashcard[data-flip=true][data-dir=rtl]{transform:rotateY(-180deg)!important}.flashcard[data-flip=true][data-dir=ltr]{transform:rotateY(180deg)!important}.flashcard[data-flip=true][data-dir=tb]{transform:rotateX(-180deg)!important}.flashcard[data-flip=true][data-dir=bt]{transform:rotateX(180deg)!important}.flashcard[data-dir=rtl] .flashcard__back{transform:rotateY(-180deg)!important}.flashcard[data-dir=ltr] .flashcard__back{transform:rotateY(180deg)!important}.flashcard[data-dir=tb] .flashcard__back{transform:rotateX(-180deg)!important}.flashcard[data-dir=bt] .flashcard__back{transform:rotateX(180deg)!important}.flashcard-array-wrapper{--prev-arrow-color:#1c1b1e;--next-arrow-color:#1c1b1e;--disabled-arrow-color:#a9a9a9;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:560px;height:auto;display:flex}@media (max-width:625px){.flashcard-array-wrapper{width:90%}}.flashcard-array{perspective:1000px;flex-direction:row;justify-content:center;align-items:center;width:100%;height:340px;display:flex;position:relative}.flashcard-array>.flashcard-wrapper:first-child,.flashcard-array>.flashcard-wrapper:nth-child(3){opacity:0;box-shadow:none;visibility:hidden;pointer-events:none;transform-style:preserve-3d;background:0 0;transition:transform .24s,opacity .12s linear!important;display:block!important}.flashcard-array>.flashcard-wrapper:first-child{z-index:5;right:unset;width:0!important;transform:translate(-10%)rotateY(10deg)translateZ(0)!important}.flashcard-array>.flashcard-wrapper:first-child .flashcard__front,.flashcard-array>.flashcard-wrapper:first-child .flashcard__back{display:none}.flashcard-array>.flashcard-wrapper:nth-child(3){z-index:5;left:unset;width:0!important;transform:translate(10%)rotateY(-10deg)translateZ(0)!important}.flashcard-array>.flashcard-wrapper:nth-child(3) .flashcard__front,.flashcard-array>.flashcard-wrapper:nth-child(3) .flashcard__back{display:none}.flashcard-array>.flashcard-wrapper:nth-child(2){z-index:6;box-shadow:none;transform-style:preserve-3d;background:0 0;transition:transform .24s,opacity .12s linear;display:block!important}.flashcard-array__progress-bar{background-color:#d0d0d0;border-radius:3px;flex-direction:row;justify-content:center;align-items:center;gap:12px;width:80%;height:6px;display:flex;position:relative;overflow:hidden}.flashcard-array__progress-bar .flashcard-array__progress-bar-fill{background-color:#4a4a4a;border-radius:3px;height:100%;transition:width .25s ease-out;position:absolute;top:0;left:0}.flashcard-array__controls{flex-direction:row;justify-content:center;align-items:center;gap:35px;width:100%;height:40px;display:flex}.flashcard-array__controls button{background-color:#0000;border:none;flex-direction:column;justify-content:center;align-items:center;width:auto;height:100%;padding:0;font-size:40px;transition:all .12s cubic-bezier(.47,0,.745,.715);display:flex}.flashcard-array__controls button svg{cursor:pointer;height:80%}.flashcard-array__controls button svg path[data-name=Left]{fill:var(--prev-arrow-color)}.flashcard-array__controls button svg path[data-name=Right]{fill:var(--next-arrow-color)}.flashcard-array__controls button:disabled{cursor:not-allowed}.flashcard-array__controls button:disabled svg path{fill:var(--disabled-arrow-color)}.flashcard-array__controls--count{font-size:15px}