.card{--card-icon-size:var(--lh);--card-padding:1.2em;--card-icon-padding:calc(2 * var(--card-padding) + var(--card-icon-size));position:relative;padding:var(--card-padding);padding-left:var(--card-icon-padding);border-radius:.3em;background-color:var(--color-gr-98);color:var(--color-gr-20)}.card--sharp{border-radius:0}.card--hollow{border-color:currentColor;border-width:.1em;border-style:solid;background-color:transparent}.card--icon-on-top{padding-left:var(--card-padding);padding-top:var(--card-icon-padding)}.card--distinct-text{color:var(--color-ba)}.card--dark{background-color:var(--color-gr-20);color:var(--color-gr-98)}.card--distinct{background-color:var(--color-ba)}.card--vibrant{background-color:var(--color-co-1)}.card--error{background-color:var(--color-co-3);color:var(--color-gr-98)}@container (width < 350px){.card--imprint{padding-left:var(--card-padding);padding-top:var(--card-icon-padding);font-size:.9em}}.card__icon{position:absolute;top:var(--card-padding);left:var(--card-padding);width:var(--card-icon-size);height:var(--card-icon-size)}