.course-tile[data-v-25e01322]{background-color:var(--primary-color);border-radius:4px;color:#fff;display:flex;flex-flow:column nowrap;transition:background-color .2s linear,color .2s linear;width:100%}.course-tile>.background[data-v-25e01322]{aspect-ratio:2/1;background-color:var(--primary-color);border-radius:4px 4px 0 0;overflow:hidden}.course-tile>.background>.subject[data-v-25e01322]{height:32px;margin:1rem;position:absolute;width:32px;z-index:3}.course-tile>.background>.subject>img[data-v-25e01322]{height:100%;-o-object-fit:contain;object-fit:contain}.course-tile>.background>figure[data-v-25e01322]{margin:0}.course-tile>.background>figure>img[data-v-25e01322]{aspect-ratio:2/1;border-radius:4px 4px 0 0;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:filter .2s linear;width:100%}.course-tile:hover>.background img[data-v-25e01322]{filter:brightness(.8)}.course-tile>.info[data-v-25e01322]{flex:1;padding:1rem}.course-tile>.info>h6[data-v-25e01322]{font-size:1.1rem;margin:0 0 .4rem}.course-tile:hover>.info>h6[data-v-25e01322]{text-decoration:underline}.course-tile>.info>span[data-v-25e01322]{display:block;font-size:10pt;height:0;opacity:0;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s linear,height .2s ease-in-out;white-space:nowrap}.course-tile:hover>.info>span[data-v-25e01322]{height:1rem;opacity:1}.course-tile>.background.loading[data-v-25e01322]{animation:ghost-25e01322 2s linear infinite}@keyframes ghost-25e01322{0%{filter:brightness(.8)}50%{filter:brightness(.5)}to{filter:brightness(.8)}}.v-enter-active[data-v-25e01322],.v-leave-active[data-v-25e01322]{transition:opacity 1s linear}.v-enter-from[data-v-25e01322],.v-leave-to[data-v-25e01322]{opacity:0}