.card{background:linear-gradient(180deg,var(--c-secondary),var(--c-secondary-t-90));border-radius:var(--v-border-radius);box-shadow:var(--v-box-shadow);box-sizing:border-box;color:var(--c-white);display:inline-block;padding:var(--card-padding,1.5rem 1.5rem);width:100%}.card p{max-width:850px}.card-title,.card-title-group{padding-bottom:.5rem}.card-sub-title-group{padding-bottom:1rem}.card--sm{padding:var(--card-padding,.75rem .75rem);--icon-size:16px}.card--md{padding:var(--card-padding,1rem 1rem);--icon-size:20px}.card *{word-break:break-word}.card-title{--icon-color:var(--c-tertiary);flex-flow:row wrap}.card--primary{background:linear-gradient(180deg,var(--c-primary),var(--c-primary-t-75));color:var(--c-white)}.card--tertiary{background-color:var(--c-tertiary);border:.15rem solid var(--c-tertiary);color:var(--c-white)}.card--secondary{background:linear-gradient(180deg,var(--c-secondary),var(--c-secondary-t-90));color:var(--c-white)}.card--secondary-light{background:linear-gradient(180deg,var(--c-secondary-light),var(--c-secondary-light-t-90));color:var(--c-white)}.card--success{background:linear-gradient(180deg,var(--c-success-t-0),var(--c-success-t-10));border:.15rem solid var(--c-success-t-50);color:var(--c-white)}.card--warn{background:linear-gradient(180deg,var(--c-warn-t-0),var(--c-warn-t-10));border:.15rem solid var(--c-warn-t-50);color:var(--c-white)}.card--info{background:linear-gradient(180deg,var(--c-info-t-0),var(--c-info-t-10));border:.15rem solid var(--c-info-t-50);color:var(--c-white)}.card--danger{background:linear-gradient(180deg,var(--c-danger-t-0),var(--c-danger-t-10));border:.15rem solid var(--c-danger-t-50);color:var(--c-white)}.card--white{background:linear-gradient(180deg,var(--c-white-t-3),var(--c-white-t-5));color:var(--c-white)}@media screen and (max-width:848px){.card{padding:15px 20px}.card--small{padding:10px 12px;--icon-size:18px}.card--medium{padding:12px 16px;--icon-size:18px}}@media screen and (max-width:500px){.card{padding:12px 17px}.card--small{padding:8px 10px;--icon-size:18px}.card--medium{padding:10px 14px;--icon-size:18px}}