div.small-card{background-color:#fff;border:1px solid #dfe2eb;border-radius:6px;width:30vw;transition:all .5s cubic-bezier(.33,1,.68,1);overflow:hidden;box-shadow:0 2px #dfe2eb}div.small-card.no-guest-access{cursor:not-allowed}div.small-card.no-guest-access a{pointer-events:none}div.small-card.full{width:100%}div.small-card>a,div.small-card>div.card-content{-moz-column-gap:calc(8px);color:#212225;grid-template:"meta flags""title title""subtitle subtitle""topic topic"1fr/1fr auto;column-gap:8px;height:100%;padding:16px;display:grid;position:relative}div.small-card.layout-list{width:auto}div.small-card.layout-list>a{-moz-column-gap:calc(16px);grid-template-columns:1fr .65fr .65fr .2fr;grid-template-areas:"title topic meta flags""subtitle topic meta flags";align-items:center;column-gap:16px;padding-top:8px;padding-bottom:8px}div.small-card.layout-list h4{margin-top:0;margin-bottom:0}div.small-card.layout-list div.topics{align-self:center;margin-top:0}div.small-card.has-image>a{grid-template-areas:"meta meta image""title title image""subtitle subtitle image""topic topic image";padding:0}div.small-card.has-image div.meta,div.small-card.has-image div.topics,div.small-card.has-image h4,div.small-card.has-image>p{margin-left:16px}div.small-card.has-image div.meta{margin-top:16px}div.small-card.has-image div.flags{position:absolute;top:12px;right:12px}div.small-card.has-image div.topics{margin-bottom:16px}div.small-card.has-learning-goal:not(.layout-list)>a{grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"meta flags""title title""subtitle subtitle""goal goal""topic topic"}div.small-card.has-learning-goal:not(.layout-list)>a div.learning-goal-toggle{grid-area:goal;margin-top:16px}div.small-card.has-learning-goal:not(.layout-list)>a div.learning-goal-toggle div.toggle{-moz-column-gap:calc(4px);cursor:pointer;border-radius:4px;flex-direction:row;place-items:center flex-start;column-gap:4px;margin-bottom:8px;padding:4px 4px 4px 0;display:inline-flex}div.small-card.has-learning-goal:not(.layout-list)>a div.learning-goal-toggle div.toggle span{color:#53aa4c}div.small-card.has-learning-goal:not(.layout-list)>a div.learning-goal-toggle div.toggle svg:first-child path{fill:#53aa4c}div.small-card.has-learning-goal:not(.layout-list)>a div.learning-goal-toggle div.toggle svg:last-child{width:auto;height:6px;margin-left:12px;transition:transform .45s cubic-bezier(.33,1,.68,1)}div.small-card.has-learning-goal:not(.layout-list)>a div.learning-goal-toggle div.toggle:hover span{color:#428639}div.small-card.has-learning-goal:not(.layout-list)>a div.learning-goal-toggle div.toggle:hover svg:first-child path{fill:#428639}div.small-card.has-learning-goal:not(.layout-list)>a div.learning-goal-toggle div.toggle.open svg:last-child{transform:rotateX(180deg)}div.small-card.has-learning-goal:not(.layout-list)>a div.learning-goal-toggle div.text{height:0;overflow:hidden}div.small-card h4{grid-area:title;margin-top:8px;margin-bottom:8px}div.small-card div.meta{grid-area:meta}div.small-card p.subtitle{color:#858992;grid-area:subtitle}div.small-card div.flags{-moz-column-gap:calc(4px);grid-area:flags;justify-content:flex-end;align-items:flex-start;column-gap:4px;display:inline-flex}div.small-card div.flags svg{vertical-align:middle;width:auto;height:24px;margin-top:-2px}div.small-card div.flags div.check svg.checked path{fill:#53aa4c}div.small-card div.flags div.check svg.checked:hover path{fill:#428639}div.small-card div.flags div.check svg.unchecked path{stroke:#b7b8cb}div.small-card div.flags div.check svg.unchecked:hover path{stroke:#212225}div.small-card div.topics{grid-area:topic;align-self:end;margin-top:24px}div.small-card figure{grid-area:image;justify-self:stretch;width:125px;height:100%}div.small-card div.move{opacity:0;background-color:#ebf1f8;border:1px solid #dfe2eb;border-radius:4px;padding:4px;transition:opacity .25s cubic-bezier(.33,1,.68,1);position:absolute;bottom:8px;right:8px}div.small-card div.move svg{width:20px;height:20px;display:block}div.small-card div.move svg path{stroke:#858992}div.small-card div.move:hover{background-color:#ddeedb;border-color:#428639}div.small-card div.move:hover svg path{stroke:#212225}div.small-card:hover{z-index:1;border:1px solid #dfe2eb;box-shadow:0 2px 10px #dfe2eb}div.small-card:hover.music{border:1px solid #ffe4bf;box-shadow:0 4px #ffc473}div.small-card:hover.dance{border:1px solid #ddeedb;box-shadow:0 4px #ddeedb}div.small-card:hover.drama{border:1px solid #fccfc5;box-shadow:0 4px #fccfc5}div.small-card:hover div.move{opacity:1}