/* One application icon treatment for desktop, login and PAD. */
.civic-app-mark[data-ui="app-mark"] {
  --app-mark-size:3.25rem;
  position:relative; display:inline-grid; place-items:center; flex-shrink:0;
  width:var(--app-mark-size); height:var(--app-mark-size); font-size:var(--app-mark-size);
  overflow:hidden; isolation:isolate; border:0; border-radius:.307692em;
  background:linear-gradient(150deg,var(--bg-card,#ffffff) 12%,var(--brand-tint,#edf4ff) 64%,var(--brand-soft,#aac9fa));
  box-shadow:inset 0 .01923em 0 var(--bg-card,#ffffff),inset 0 -.05769em .03846em color-mix(in srgb,var(--brand,#175cd3) 13%,transparent),0 .11538em .23077em -.07692em color-mix(in srgb,var(--brand-deep,#144cad) 24%,transparent);
}
.civic-app-mark[data-ui="app-mark"] > img { position:relative; display:block; width:76.923%; height:76.923%; object-fit:contain; filter:none; }
.civic-app-mark > .civic-app-mark-highlight { display:block; position:absolute; inset:0; pointer-events:none; border-radius:inherit; opacity:.55; background:linear-gradient(135deg,color-mix(in srgb,var(--bg-card,#ffffff) 75%,transparent),transparent 60%); }