@layer components{:root[data-theme=theme] .flashcard-card,:root[data-theme=theme] .flashcard-face,:root[data-theme=theme] .flashcard-content,:root[data-theme=theme] .flashcard-empty{gap:var(--space-4);display:grid}:root[data-theme=theme] .flashcard-card{gap:var(--space-5)}:root[data-theme=theme] .flashcard-card__top{justify-content:flex-end}:root[data-theme=theme] .flashcard-face{gap:var(--space-3)}:root[data-theme=theme] .flashcard-face--answer{padding-top:var(--space-1)}:root[data-theme=theme] .flashcard-divider{border-top:1px solid var(--line)}:root[data-theme=theme] .flashcard-content{gap:var(--space-3)}:root[data-theme=theme] .flashcard-content p,:root[data-theme=theme] .flashcard-content li{font-size:var(--fs-md);line-height:1.5}:root[data-theme=theme] .flashcard-content__list{gap:var(--space-2);padding-left:1.1rem;display:grid}:root[data-theme=theme] .flashcard-empty{place-content:center;justify-items:start;min-height:12rem}:root[data-theme=theme] .flashcard-done{min-height:16rem}}