.card{display:flex;position:relative;flex-direction:column;width:100%;height:100%;border-radius:24px;overflow:hidden;cursor:pointer}.card--filled{background-color:var(--surface-container-lowest)}.card--outlined{border:2px solid var(--outline)}.card__state{display:flex;position:absolute;top:0;bottom:0;width:100%;height:100%;background-color:var(--primary);z-index:10;opacity:0}.card__state:hover{opacity:.05}.card--selected{background-color:var(--surface-container-highest)}