.flashcard-app{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;user-select:none;-webkit-user-select:none;position:relative;--card-width-0: 384;--card-height-0: 240;--card-width-1: 352;--card-height-1: 220;--card-width-2: 288;--card-height-2: 180;--card-width-3: 192;--card-height-3: 120;--card-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);--arrow-left: url("data:image/svg+xml;utf8,%3Csvg width=%276%27 height=%2712%27 viewBox=%270 0 6 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M5.03887 12L5.24537e-07 6L5.03887 -8.40248e-08L6 1.14446L1.92226 6L6 10.8555L5.03887 12Z%27 fill=%27white%27/%3E%3C/svg%3E");--arrow-right: url("data:image/svg+xml;utf8,%3Csvg width=%276%27 height=%2712%27 viewBox=%270 0 6 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M0.961132 12L6 6L0.961131 -8.40248e-08L-9.49021e-07 1.14446L4.07774 6L-1.00052e-07 10.8555L0.961132 12Z%27 fill=%27white%27/%3E%3C/svg%3E");--card-lock: url("data:image/svg+xml;utf8,%3Csvg width=%2721%27 height=%2727%27 viewBox=%270 0 21 27%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12.5 3H8.5C7.39543 3 6.5 3.89543 6.5 5V10.8H14.5V5C14.5 3.89543 13.6046 3 12.5 3ZM3.5 5V11.0289C1.47145 11.666 0 13.5612 0 15.8V22C0 24.7614 2.23858 27 5 27H16C18.7614 27 21 24.7614 21 22V15.8C21 13.5612 19.5286 11.666 17.5 11.0289V5C17.5 2.23858 15.2614 0 12.5 0H8.5C5.73858 0 3.5 2.23858 3.5 5ZM12.25 17.1C12.25 17.8917 11.7531 18.564 11.0625 18.805V22.5H10.0625V18.8433C9.30771 18.6435 8.75 17.9387 8.75 17.1C8.75 16.1059 9.5335 15.3 10.5 15.3C11.4665 15.3 12.25 16.1059 12.25 17.1Z%27 fill=%27%23D9DCDE%27/%3E%3C/svg%3E");--go-to: url("data:image/svg+xml;utf8,%3Csvg width=%2712%27 height=%2713%27 viewBox=%270 0 12 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M7.79158 0.5L11.4925 0.5C11.6271 0.5 11.7562 0.551914 11.8514 0.644321C11.9465 0.736728 12 0.862059 12 0.992742V4.79034C12 5.06247 11.7728 5.28308 11.4925 5.28308C11.2123 5.28308 10.9851 5.06247 10.9851 4.79034V2.18233L4.56732 8.41377C4.36914 8.6062 4.04782 8.6062 3.84964 8.41377C3.65146 8.22134 3.65146 7.90936 3.84964 7.71693L10.2674 1.48548L7.79158 1.48548C7.51131 1.48548 7.28411 1.26488 7.28411 0.992742C7.28411 0.720609 7.51131 0.5 7.79158 0.5ZM1.52242 2.64516C1.24215 2.64516 1.01495 2.86577 1.01495 3.1379V11.0218C1.01495 11.2939 1.24215 11.5145 1.52242 11.5145H9.64198C9.92225 11.5145 10.1495 11.2939 10.1495 11.0218V7.07984H11.1644V11.0218C11.1644 11.8382 10.4828 12.5 9.64198 12.5H1.52242C0.681611 12.5 0 11.8382 0 11.0218V3.1379C0 2.3215 0.68161 1.65967 1.52242 1.65967H5.5822V2.64516H1.52242Z%27 fill=%27%230275B8%27/%3E%3C/svg%3E");--card-word-font-size: 32px;--card-def-font-size: 20px}.flashcard-app .cards{flex:1;width:100%;position:relative;min-height:calc((var(--card-height-0) + 5)*1px);margin-bottom:21px}.flashcard-app .more-options-wrapper{top:11px;right:5px;position:absolute;width:25px;height:25px;background-position:center}.flashcard-app .more-options-wrapper button{width:25px;height:25px;padding:0px;background-position:center;background-image:url(daa7d6433246440b564f.svg);background-repeat:no-repeat;background-color:transparent}.flashcard-app .more-options-wrapper:hover{background-position:center}.flashcard-app .more-options-wrapper:hover button{box-shadow:none;background-color:#c7d2db;background-image:url(daa7d6433246440b564f.svg);background-repeat:no-repeat;opacity:.3;border-radius:10px}.flashcard-app .dropdown{z-index:10;top:33px;right:5px;position:absolute;display:none;height:70px;align-items:flex-start;gap:9px;flex-shrink:0;border-radius:3px;background:#fff;box-shadow:0px 2px 4px 0px rgba(0,0,0,.1),0px 0px 3px 0px rgba(0,0,0,.15);color:#0275b8;font-size:14px}.flashcard-app .dropdown .wrapper-upper{display:flex;flex-direction:column;gap:10px;padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:5px}.flashcard-app .dropdown .wrapper-lower{display:flex;flex-direction:column;gap:10px;padding-top:5px;padding-left:10px;padding-right:10px;padding-bottom:10px}.flashcard-app .dropdown .definition-first{display:flex;flex-direction:row;gap:16px}.flashcard-app .dropdown .wrapper-lower:hover{background:#f0f7fa;border-radius:0 0 3px 3px;cursor:pointer}.flashcard-app .dropdown .print-flashcards{display:flex;flex-direction:row;gap:10px}.flashcard-app .dropdown .wrapper-upper:hover{background:#f0f7fa;border-radius:3px 3px 0 0;cursor:pointer}.flashcard-app .dropdown .print{text-decoration:none;color:#0275b8;font-family:"Open Sans";font-size:14px;font-style:normal;font-weight:400;line-height:normal}.flashcard-app .shuffle{margin-bottom:20px}.flashcard-app .btn-shuffle{display:block;width:15px;height:11px;background:transparent url(18bb1b5712966853dfb7.svg) 0 0 no-repeat;padding:0px;text-indent:-999px;color:transparent}.flashcard-app .btn-shuffle:hover{background-image:url(69ec4dc1378ad5a87a09.svg)}.flashcard-app .btn-shuffle:active{background-image:url(ce5f51b652fbb10b40cd.svg)}.flashcard-app .controls{font-size:16px;line-height:16px;display:flex;align-items:center}.flashcard-app .controls .button{border-radius:3px;background-color:var(--blue-4);color:#fff;padding:9px 10px;font-size:16px;line-height:16px;min-width:96px;display:inline-flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}.flashcard-app .controls .button:hover{box-shadow:none;filter:brightness(105%)}.flashcard-app .controls .button:hover[aria-disabled=true]{filter:none;cursor:default}.flashcard-app .controls .button:active{filter:brightness(90%)}.flashcard-app .controls .button[aria-disabled=true]{background-color:var(--med-blue-1)}.flashcard-app .controls .button::before,.flashcard-app .controls .button::after{content:"";height:12px;background-repeat:no-repeat;background-position:center;margin-top:1px}.flashcard-app .controls .button.prev::before{background-image:var(--arrow-left);margin-right:.5em;width:6px}.flashcard-app .controls .button.next::after{background-image:var(--arrow-right);margin-left:.5em;width:6px}.flashcard-app .controls .progress{margin:0 10px;min-width:3.25em;text-align:center}.flashcard-app .view-all{position:absolute;right:29px;bottom:6px;font-size:14px;text-decoration:none;color:var(--blue-4);background-image:var(--go-to);background-repeat:no-repeat;background-position:right center;padding-right:18px;background-size:12px 12px}@media only screen and (max-width: 1024px){.flashcard-app .view-all{position:relative;right:unset;bottom:unset;margin-top:1em}}.flashcard-app .card{position:absolute;top:50%;left:50%;width:calc(var(--card-width-0)*1px);height:calc(var(--card-height-0)*1px);display:flex;transition:opacity .3s,transform .3s,left .3s,top .3s,z-index .3s;cursor:pointer;user-select:none;-webkit-user-select:none;perspective:1000px}.flashcard-app .card.flipped .faces{transform:rotateY(180deg)}.flashcard-app .card .faces{flex:1;position:relative;transition:transform .5s;transform-style:preserve-3d}.flashcard-app .card .front,.flashcard-app .card .back{background:#fff;box-shadow:var(--card-shadow);border-radius:10px;background:#fff;position:absolute;top:0;transition:top .1s ease-in,box-shadow .1s;width:100%;height:100%;display:flex;padding:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flashcard-app .card .sign-in-panel{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background:rgba(79,79,79,.6);border-radius:10px;justify-content:center;padding:30px}.flashcard-app .card .sign-in-panel .msg{color:#fff;font-size:14px;padding:0 30px;text-align:center}.flashcard-app .card .sign-in-panel .msg::after{content:"";display:block;background-image:var(--card-lock);background-repeat:no-repeat;background-position:center;height:27px;margin:.75em 0 1em 0}.flashcard-app .card .sign-in-panel .actions{font-size:12px;display:flex;align-items:center}.flashcard-app .card .sign-in-panel .actions a{color:#fff;margin-right:.75em}.flashcard-app .card .sign-in-panel .actions .button.sign-up{line-height:2.5em}.flashcard-app .card .inner-border{flex:1;padding:10px;display:flex;justify-content:center;border:2px solid var(--blue-5);border-radius:8px;position:relative;text-align:center;line-height:1.2em;word-break:normal;overflow-wrap:anywhere;word-break:break-word}.flashcard-app .card .word{color:#545454;font-family:"Open Sans";font-size:26px;font-style:normal;font-weight:700;line-height:normal;position:absolute;bottom:70px}.flashcard-app .card .word.long-1{font-size:20px}.flashcard-app .card .word.long-2{font-size:16px}.flashcard-app .card .variants{display:flex;flex-direction:column;gap:5px}.flashcard-app .card .variants .audios{width:16px;height:20px;display:flex;flex-direction:column;margin-top:10px}.flashcard-app .card .variants .audio{height:16px;padding:0;font-size:16px;line-height:20px;color:var(--blue-4)}.flashcard-app .card .variants .top{margin-top:80px}.flashcard-app .card .variants .bottom{margin-top:-10px}.flashcard-app .card .variants .ipa-variant{display:flex;flex-direction:row;gap:14px;margin-left:-10px}.flashcard-app .card .variants .ipas{display:flex;flex-direction:row;gap:4px}.flashcard-app .card .variants .ipas #ipa{color:#768994;font-family:"Open Sans";font-size:13px;font-weight:400;line-height:32px}.flashcard-app .card .variants .ipas .flag{margin-top:8px}.flashcard-app .card .img-definition{display:flex;flex-direction:column;gap:10px;align-items:center;font-size:14px;font-style:normal;font-weight:500;line-height:normal;justify-content:center}.flashcard-app .card .img-definition .image{width:81.176px;height:55.62px;border-radius:10px}.flashcard-app .card .back{font-size:var(--card-def-font-size);transform:rotateY(180deg)}.flashcard-app .card .back .pos-def{text-align:center}.flashcard-app .card .back .pos{font-weight:bold;padding-right:.25em}.flashcard-app .card .back.long-1 .inner-border{font-size:.95em}.flashcard-app .card .back.long-2 .inner-border{font-size:.9em}.flashcard-app .card[data-pos="-4"]{opacity:0;transform:scale(calc(var(--card-width-3) / var(--card-width-0) * 0.7));left:calc(10% - var(--card-width-0)*1px/2);top:calc(50% - var(--card-height-0)*1px/2);z-index:0}.flashcard-app .card[data-pos="-3"]{opacity:1;transform:scale(calc(var(--card-width-3) / var(--card-width-0)));left:calc(20% - var(--card-width-0)*1px/2);top:calc(50% - var(--card-height-0)*1px/2);z-index:1}@media only screen and (max-width: 640px){.flashcard-app .card[data-pos="-3"]{opacity:0}}@media only screen and (max-width: 500px){.flashcard-app .card[data-pos="-3"]{left:calc(35% - var(--card-width-0)*1px/2)}}.flashcard-app .card[data-pos="-2"]{opacity:1;transform:scale(calc(var(--card-width-2) / var(--card-width-0)));left:calc(30% - var(--card-width-0)*1px/2);top:calc(50% - var(--card-height-0)*1px/2);z-index:2}@media only screen and (max-width: 500px){.flashcard-app .card[data-pos="-2"]{left:calc(40% - var(--card-width-0)*1px/2)}}.flashcard-app .card[data-pos="-1"]{opacity:1;transform:scale(calc(var(--card-width-1) / var(--card-width-0)));left:calc(40% - var(--card-width-0)*1px/2);top:calc(50% - var(--card-height-0)*1px/2);z-index:3}@media only screen and (max-width: 500px){.flashcard-app .card[data-pos="-1"]{left:calc(45% - var(--card-width-0)*1px/2)}}.flashcard-app .card[data-pos="0"]{opacity:1;transform:scale(1);z-index:4;left:calc(50% - var(--card-width-0)*1px/2);top:calc(50% - var(--card-height-0)*1px/2)}.flashcard-app .card[data-pos="0"] .audios{opacity:1;overflow:visible}.flashcard-app .card[data-pos="1"]{opacity:1;transform:scale(calc(var(--card-width-1) / var(--card-width-0)));left:calc(60% - var(--card-width-0)*1px/2);top:calc(50% - var(--card-height-0)*1px/2);z-index:3}@media only screen and (max-width: 500px){.flashcard-app .card[data-pos="1"]{left:calc(55% - var(--card-width-0)*1px/2)}}.flashcard-app .card[data-pos="2"]{opacity:1;transform:scale(calc(var(--card-width-2) / var(--card-width-0)));left:calc(70% - var(--card-width-0)*1px/2);top:calc(50% - var(--card-height-0)*1px/2);z-index:2}@media only screen and (max-width: 500px){.flashcard-app .card[data-pos="2"]{left:calc(60% - var(--card-width-0)*1px/2)}}.flashcard-app .card[data-pos="3"]{opacity:1;transform:scale(calc(var(--card-width-3) / var(--card-width-0)));left:calc(80% - var(--card-width-0)*1px/2);top:calc(50% - var(--card-height-0)*1px/2);z-index:1}@media only screen and (max-width: 640px){.flashcard-app .card[data-pos="3"]{opacity:0}}@media only screen and (max-width: 500px){.flashcard-app .card[data-pos="3"]{left:calc(65% - var(--card-width-0)*1px/2)}}.flashcard-app .card[data-pos="4"]{opacity:0;transform:scale(calc(var(--card-width-3) / var(--card-width-0) * 0.7));left:calc(90% - var(--card-width-0)*1px/2);top:calc(50% - var(--card-height-0)*1px/2);z-index:0}.flashcard-app .card[data-pos="0"]:hover .front,.flashcard-app .card[data-pos="0"]:hover .back{box-shadow:0px 4px 15px rgba(0,0,0,.2);top:-5px}.flashcard-app .card[data-pos="0"].locked:hover .front,.flashcard-app .card[data-pos="0"].locked:hover .back{box-shadow:var(--card-shadow);top:0}.flashcard-app .card.locked{cursor:default}.flashcard-app .card.locked .front,.flashcard-app .card.locked .back{filter:blur(4px)}.fullscreen .variants{margin-top:25px}.fullscreen .card .word{bottom:100px}.fullscreen .card .img-definition{font-size:18px}.fullscreen .card .img-definition .image{height:98.975px;width:162.273px}.flashcard-app:focus{outline:none}