.personal-flashcards{width:100%;max-width:900px;margin:8px auto 24px}.personal-deck-heading{justify-content:space-between;align-items:center;gap:20px;margin:8px 0 28px;display:flex}.personal-deck-heading h1{color:#171516;font:400 clamp(30px,3.5vw,44px)/1.2 var(--font-display,Georgia,serif);margin:0}.personal-deck-heading .oeno-flashcard-order button{color:#fff;background:#682b3e;border-color:#682b3e}.personal-deck-toolbar{justify-content:space-between;align-items:end;gap:20px;max-width:760px;margin:0 auto 12px;display:flex}.personal-deck-toolbar label{font:400 13px/1.4 var(--font-sans,Arial,sans-serif);flex:1;gap:7px;min-width:0;max-width:360px;display:grid}.personal-deck-toolbar select,.personal-card-form select,.personal-card-form textarea{font:400 16px/1.45 var(--font-sans,Arial,sans-serif);color:#241f21;background:#fff;border:1px solid #d8cdd1;border-radius:7px;width:100%;min-width:0;padding:10px 12px}.personal-deck-toolbar select{height:44px}.personal-flashcards .oeno-flashcard{margin:12px auto 10px;position:relative}.personal-card-badge{z-index:1;color:#682b3e;pointer-events:none;background:#efe1e7;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:17px;left:18px}.personal-card-actions{z-index:2;position:absolute;top:12px;right:12px}.has-card-actions .oeno-flashcard-front,.has-card-actions .oeno-flashcard-back{padding-top:76px;padding-bottom:48px}.personal-card-current{max-width:760px;font:400 14px/1.4 var(--font-sans,Arial,sans-serif);color:#756970;justify-content:space-between;align-items:start;gap:20px;margin:0 auto;display:flex}.personal-card-current span:last-child{text-align:right}.personal-deck-empty{text-align:center;border:1px solid #e1d7da;border-radius:16px;padding:64px 24px}.personal-deck-empty p{margin:0 0 20px}.personal-deck-empty .btn{display:inline-flex}.personal-card-dialog{color:#241f21;width:calc(100% - 32px);max-height:calc(100dvh - 32px);font:400 16px/1.45 var(--font-sans,Arial,sans-serif);background:#fff;border:1px solid #e1d7da;border-radius:16px;padding:26px;overflow-y:auto;max-width:560px!important}.personal-card-dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.personal-card-dialog-heading h2{letter-spacing:0;font:500 21px/1.35 var(--font-sans,Arial,sans-serif);color:#241f21;margin:0}.personal-card-dialog-heading>button{cursor:pointer;color:#682b3e;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.personal-card-form{background:0 0;border:0;margin:0;padding:0}.personal-card-form label{gap:8px;margin:0 0 18px;font-size:14px;display:grid}.personal-card-form textarea{resize:vertical;margin:0}.personal-card-dialog-footer{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.personal-card-dialog .btn,.personal-deck-empty .btn{color:#fff;min-height:44px;font:500 14px/1.4 var(--font-sans,Arial,sans-serif);cursor:pointer;background:#682b3e;border:1px solid #682b3e;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:10px 18px;display:inline-flex}.personal-card-dialog .btn.light{color:#682b3e;background:#fff;border-color:#d8cdd1}.personal-card-dialog button:disabled{opacity:.5;cursor:default}:is(.personal-card-dialog :is(button,textarea,select):focus-visible,.personal-flashcards :is(button,select):focus-visible){outline-offset:3px;outline:3px solid #8c5164}.personal-card-error{color:#a1283a;margin:12px 0;font-size:14px}.personal-card-error button{margin-left:10px;text-decoration:underline}.personal-card-delete-question{font:400 17px/1.5 var(--font-sans,Arial,sans-serif);overflow-wrap:anywhere;color:#50424a}@media (max-width:600px){.personal-deck-heading{margin-bottom:22px}.personal-deck-toolbar{gap:12px}.personal-deck-toolbar .oeno-flashcard-order{gap:6px}.personal-card-dialog{padding:20px}.personal-card-dialog-heading h2{font-size:19px}.personal-card-current{font-size:13px}.personal-deck-empty{padding:40px 20px}}.personal-cards-page{max-width:1080px;padding-top:22px}.personal-cards-page .personal-flashcards{margin-top:8px}
