@layer components{.Card{border-radius:8px;border:1px solid #eaecf0;background:#fff;text-align:left;text-decoration:none;color:#1d2939;overflow:hidden;-webkit-transition:border-color .4s,-webkit-box-shadow .4s;transition:border-color .4s,-webkit-box-shadow .4s;transition:border-color .4s,box-shadow .4s;transition:border-color .4s,box-shadow .4s,-webkit-box-shadow .4s}.Card,.Card__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.Card__content{gap:16px;padding:16px;-ms-flex-positive:1;flex-grow:1}.Card__image{display:-ms-flexbox;display:flex;width:100%;aspect-ratio:2/1;padding:16px}.Card__footer{margin-top:auto}.Card--minor{background:#f2f4f7;border:none}.Card--warning{border:1px solid #f79009}.Card--success{border:1px solid #027a48}.Card--inlineBlock{display:block}@media(min-width:720px){.Card--inlineBlock{display:inline-block}}.Card--fullImage .Card__image{aspect-ratio:3/2;padding:0;overflow:hidden}a.Card:hover,button.Card:hover{border-color:#d0d5dd;-webkit-box-shadow:0 4px 6px -2px rgba(16,24,40,.03),0 12px 16px -4px rgba(16,24,40,.08);box-shadow:0 4px 6px -2px rgba(16,24,40,.03),0 12px 16px -4px rgba(16,24,40,.08)}}