.c-flashcard{position:relative;height:100%}
.c-flashcard:focus{outline:1px solid #949494}
	.c-flashcard__wrapper{display:flex;flex-flow:row nowrap;height:100%;outline:none;position:relative}
		.c-flashcard__front,.c-flashcard__back{transition:visibility 0s, opacity .5s ease-out;width:100%}
		.c-flashcard__back{margin-left:-100%;outline:none;opacity:0;visibility:hidden}
		.c-flashcard__back a,
		.c-flashcard__back p{position:relative;z-index:1}
	.c-flashcard__wrapper.active
		.c-flashcard__back,html:not(.is-mobile)
		.c-flashcard__wrapper.focus-within
		.c-flashcard__back,html:not(.is-mobile)
	.c-flashcard__wrapper:hover
		.c-flashcard__back{visibility:visible;opacity:1}html:not(.is-mobile)
	.c-flashcard__wrapper:focus-within
		.c-flashcard__back{visibility:visible;opacity:1}
	.c-flashcard__wrapper.active
.c-flashcard__front,html:not(.is-mobile)
.c-flashcard__wrapper.focus-within
.c-flashcard__front,html:not(.is-mobile)
.c-flashcard__wrapper:hover
.c-flashcard__front{visibility:hidden;opacity:0}html:not(.is-mobile)
.c-flashcard__wrapper:focus-within
.c-flashcard__front{visibility:hidden;opacity:0}
.c-flashcard.c-panel.hover-shadow:hover,.c-flashcard.c-panel.hover-link:hover{transform:translateY(0px) !important}
.c-flashcard.c-panel:last-child{margin-bottom:0}
.c-flashcard__back:before,.c-flashcard__back:after{content:'';height:0;width:0;position:absolute;border:0 solid #666666;box-sizing:border-box;transition:height 0.15s linear, width 0.3s linear 0.15s}
.c-flashcard__back:before{bottom:0;left:0;border-width:0 0 2px 2px}
.c-flashcard__back:after{top:0;right:0;border-width:2px 2px 0 0}
.c-flashcard__wrapper.active
.c-flashcard__back:before,.c-flashcard__wrapper.active
.c-flashcard__back:after,html:not(.is-mobile)
.c-flashcard__wrapper.focus-within
.c-flashcard__back:before,html:not(.is-mobile)
.c-flashcard__wrapper.focus-within
.c-flashcard__back:after,html:not(.is-mobile)
.c-flashcard__wrapper:hover
.c-flashcard__back:before,html:not(.is-mobile)
.c-flashcard__wrapper:hover
.c-flashcard__back:after,html:not(.is-mobile)
.c-flashcard__wrapper:focus
.c-flashcard__back:before,html:not(.is-mobile)
.c-flashcard__wrapper:focus
.c-flashcard__back:after{height:100%;width:100%}html:not(.is-mobile)
.c-flashcard__wrapper:focus-within
.c-flashcard__back:before,html:not(.is-mobile)
.c-flashcard__wrapper:focus-within
.c-flashcard__back:after{height:100%;width:100%}
.is-mobile
.c-flashcard:before{content:"flashcard: tap to flip card";position:absolute;top:0;right:0;z-index:-1}
.is-mobile
.c-flashcard__wrapper:after{display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;font:var(--fa-font-solid);content:"\f2f1";color:#878787;background-color:#f1f1f1;font-size:1.5rem;position:absolute;bottom:4px;right:4px;pointer-events:none;padding:4px;border-radius:5px}