.c-card{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border-radius:var(--base-border-radius);transition:all .3s;position:relative}@media only screen and (width>=1024px){.c-card:not(.-no-hover):hover{-webkit-box-shadow:var(--box-shadow-hover);box-shadow:var(--box-shadow-hover)}}.c-card:before{content:"";border-top-left-radius:var(--base-border-radius);border-bottom-left-radius:var(--base-border-radius);width:4px;min-width:4px;height:100%;display:none;position:absolute;top:0;left:0}.c-card.-has-border:before{background:var(--color-primary-base);display:block}.c-card.-has-border.-red:before,.c-card.-has-border.-negative:before{background:var(--color-negative-base)}.c-card.-has-border.-green:before,.c-card.-has-border.-positive:before{background:var(--color-positive-base)}.c-card.-has-border.-yellow:before,.c-card.-has-border.-alert:before{background:var(--color-alert-base)}.c-card.-has-border.-blue:before,.c-card.-has-border.-support:before{background:var(--color-info-base)}.c-card.-has-border.-gray:before{background:var(--color-text-base-30)}.c-card.-has-border.-purple:before,.c-card.-has-border.-primary:before{background:var(--color-default-base)}.c-card.-has-border.-complementary:before{background:var(--color-alert-dark)}.c-card.-has-border.-disabled:before{background:var(--color-text-base-10)}.c-card.-has-border.-white:before{background:#ffffff4d}.c-card.-has-border.-positive-2:before{background:var(--color-positive-2-base)}.c-card.--faded{opacity:.3}