.cards[data-v-bad8bcc8]{display:grid;padding:20px;grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:-40px}.is-desktop .cards[data-v-bad8bcc8]{padding:0;margin-top:0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1px}.cards-item[data-v-bad8bcc8]{background-color:#fff;border-radius:4px;padding:20px;display:flex;flex-direction:column;align-items:center;border:1px solid #eee;border-radius:10px;color:#343434}.is-desktop .cards-item[data-v-bad8bcc8]{background-color:#f9ebeb;border-radius:0}.is-desktop .cards-item[data-v-bad8bcc8]:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.is-desktop .cards-item[data-v-bad8bcc8]:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.cards-item[data-v-bad8bcc8]:not(.is-active){pointer-events:none;opacity:.3;color:#999}.cards-item-icon[data-v-bad8bcc8]{font-size:32px;margin-bottom:10px}.cards-item-icon-type[data-v-bad8bcc8]{position:absolute;width:24px;height:24px;border-radius:50%;background-color:red;color:#fff;font-size:16px;line-height:24px;text-align:center;right:10px;top:10px;background-color:#999}.cards-item.is-active .cards-item-icon-type.is-red[data-v-bad8bcc8]{background-color:#c55b5b}.cards-item.is-active .cards-item-icon-type.is-green[data-v-bad8bcc8]{background-color:#4faa80}.cards-item-title[data-v-bad8bcc8]{font-size:14px;font-weight:500;margin-bottom:10px;text-align:center}.cards-item-value[data-v-bad8bcc8]{font-size:20px;font-weight:500}