.flashcard{min-height:300px;transform-style:preserve-3d;background-color:#fff;border:1px solid #ccc;border-radius:.25rem;grid-template-rows:auto minmax(0,1fr) auto;transition:all .5s;display:grid;transform:rotateY(0)}@media screen and (min-width:768px){.flashcard{width:700px;min-height:350px}}.flashcard--flipped{transform:rotateY(180deg)}.flashcard--skeleton{height:300px;min-height:unset}.flashcard:hover{border:1px solid #b3b3b3}.flashcard__header{justify-content:space-between;align-items:center;padding:.5rem;display:flex}.flashcard__header--flipped{transform:rotateY(180deg)}.flashcard__header-options{align-items:center;display:flex}.flashcard__header-options *{margin-left:.125rem}.flashcard__body{cursor:pointer;justify-content:center;align-items:center;padding:1rem;display:flex}.flashcard__body--image{justify-content:space-between}.flashcard__body--flipped{transform:rotateY(180deg)}.flashcard__image-container{height:100%;padding:.5rem}.flashcard__image{object-fit:cover;width:auto;height:100%}.flashcard__textarea{resize:none;background-color:#0000;border:none;outline:none;width:100%}.flashcard__footer{justify-content:space-between;align-items:center;padding:.5rem;display:flex}.flashcard__footer--flipped{transform:rotateY(180deg)}.flashcard__button{cursor:pointer;background-color:#0000;border:none}.flashcard__button:disabled{cursor:default;opacity:.33}.flashcard__button--starred svg{color:#ffd900}.flashcard__button--editing svg{color:#00a6ff}
/*# sourceMappingURL=3f0690fb773b91b6.css.map*/