.co-card{box-sizing:border-box;width:100%;padding:0;margin:0;border-radius:var(--card-border-radius, var(--border-radius-xsmall, 4px));overflow:hidden;background-color:var(--background-color, var(--basic-000, #ffffff));box-shadow:var(--shadow-1, var(--shadow-level-1, 0 1px 2px) rgba(0, 0, 0, 0.4)),inset 0 0 0 var(--border-width-base, 1px) var(--secondary-4, transparent);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease;outline:0}.co-card.co-card--clickable[data-co-hover],.co-card.co-card--clickable:hover{cursor:pointer;box-shadow:var(--shadow-2, var(--shadow-level-2, 0 2px 6px) rgba(0, 0, 0, 0.4)),inset 0 0 0 var(--border-width-base, 1px) var(--secondary-4, transparent)}.co-card.co-card--clickable[data-co-focus],.co-card.co-card--clickable:focus{box-shadow:var(--shadow-2, var(--shadow-level-2, 0 2px 6px) rgba(0, 0, 0, 0.4)),inset 0px 0px 0px var(--border-width-thin, 2px) var(--border-focus-color, var(--primary-400, #d7dbde))}.co-card.co-card--clickable[data-co-active],.co-card.co-card--clickable:active{box-shadow:var(--shadow-2, var(--shadow-level-2, 0 2px 6px) rgba(0, 0, 0, 0.4)),inset 0 0 0 var(--border-width-base, 1px) var(--secondary-4, transparent)}.co-card.co-card--outlined{box-shadow:inset 0 0 0 var(--border-width-thin, 2px) var(--secondary-4, var(--basic-400, #d7dbde))}.co-card.co-card--outlined.co-card--clickable[data-co-hover],.co-card.co-card--outlined.co-card--clickable:hover{box-shadow:inset 0 0 0 var(--border-width-thin, 2px) var(--secondary-5, var(--basic-500, #aeb3b8))}.co-card.co-card--outlined.co-card--clickable[data-co-focus],.co-card.co-card--outlined.co-card--clickable:focus{box-shadow:inset 0 0 0 var(--border-width-thin, 2px) var(--border-focus-color, var(--primary-400, #d7dbde))}.co-card.co-card--outlined.co-card--clickable[data-co-active],.co-card.co-card--outlined.co-card--clickable:active{box-shadow:inset 0 0 0 var(--border-width-thin, 2px) var(--primary-3, var(--primary-300, #d7dbde))}