/* The original icon layout remains intact when the administrator turns illustrations off. */
.tool-illustration{display:none}
html:not([data-homepage-illustrations="off"]) .homecard[data-illustrated] .cardtop{height:112px;padding:8px 12px;background:linear-gradient(135deg,var(--cardsoft),var(--cardsoft) 62%,#fff);isolation:isolate}
html:not([data-homepage-illustrations="off"]) .homecard[data-illustrated] .tool-illustration{display:block;width:100%;height:100%;color:var(--cardaccent)}
.tool-illustration svg{display:block;width:100%;height:100%}
html:not([data-homepage-illustrations="off"]) .homecard[data-illustrated] .cardtop>.tileicon{display:none}
html:not([data-homepage-illustrations="off"]) .homecard[data-illustrated] .cardarrow{position:absolute;right:10px;top:10px}
html:not([data-homepage-illustrations="off"]) .homecard[data-illustrated] .cardtop:after{z-index:-1;right:-24px;top:-35px;width:130px;height:130px;border-width:24px;opacity:.045}
@media(max-width:600px){html:not([data-homepage-illustrations="off"]) .homecard[data-illustrated] .cardtop{height:96px}}