.card--light .card__subtitle,.card--light>.card__text{color:var(--black-color-60)}.card--light.card--outlined{border:thin solid var(--black-color-12)}.card--dark.card{background-color:#1e1e1e;color:var(--white-color)}.card--dark .card__subtitle,.card--dark>.card__text{color:#ffffffb3}.card--dark.card--outlined{border:thin solid hsla(0,0%,100%,.12)}.card{background-color:var(--white-color);color:var(--black-color-87)}.card .card__subtitle,.card>.card__text{color:var(--black-color-60)}.card.card--outlined{border:thin solid var(--black-color-12)}.card{display:block;max-width:100%;outline:none;text-decoration:none;transition-property:box-shadow,opacity;overflow-wrap:break-word;position:relative;white-space:normal;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);will-change:box-shadow;box-shadow:0 3px 1px -2px var(--black-color-20),0 2px 2px 0 var(--black-color-14),0 1px 5px 0 var(--black-color-12)}.card:not(.sheet--tile):not(.card--shaped){border-radius:4px}.card>.card__progress+:not(.btn):not(.chip),.card>:first-child:not(.btn):not(.chip){border-top-left-radius:inherit;border-top-right-radius:inherit}.card>:last-child:not(.btn):not(.chip){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.card__progress{top:0;left:0;right:0;overflow:hidden}.card__subtitle+.card__text{padding-top:0}.card__subtitle,.card__text{font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.0071428571em}.card__subtitle,.card__text,.card__title{padding:16px}.card__title{align-items:center;display:flex;flex-wrap:wrap;font-size:1.25rem;font-weight:500;letter-spacing:.0125em;line-height:2rem;word-break:break-all}.card__title+.card__subtitle,.card__title+.card__text{padding-top:0}.card__title+.card__subtitle{margin-top:-16px}.card__text{width:100%}.card__actions{align-items:center;display:flex;padding:8px}.card__actions>.btn.btn{padding:0 8px}.card__actions>.btn.btn+.btn{margin-left:8px}.card__actions>.btn.btn .icon--left{margin-left:4px}.card__actions>.btn.btn .icon--right{margin-right:4px}.card--flat{box-shadow:0 0 0 0 var(--black-color-20),0 0 0 0 var(--black-color-14),0 0 0 0 var(--black-color-12)}.card--hover{cursor:pointer;transition:box-shadow .4s cubic-bezier(.25,.8,.25,1)}.card--hover:focus,.card--hover:hover{box-shadow:0 5px 5px -3px var(--black-color-20),0 8px 10px 1px var(--black-color-14),0 3px 14px 2px var(--black-color-12)}.card--link,.card--link .chip{cursor:pointer}.card--link:focus:before{opacity:.08}.card--link:before{background:currentColor;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s}.card--disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card--disabled>:not(.card__progress){opacity:.6;transition:inherit}.card--loading{overflow:hidden}.card--outlined{box-shadow:none}.card--raised{box-shadow:0 5px 5px -3px var(--black-color-20),0 8px 10px 1px var(--black-color-14),0 3px 14px 2px var(--black-color-12)}.card--shaped{border-radius:24px 4px}