.mk-icon-tile{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--tile-color) 12%,transparent);background:color-mix(in oklab,var(--tile-color) 10%,transparent);color:oklch(from var(--tile-color) min(l,.42) min(c,.18) h)}.dark .mk-icon-tile,.mk-icon-tile[data-dark]{color:oklch(from var(--tile-color) max(l,.85) min(c,.12) h)}.mk-icon-tile[data-variant=solid]{background:oklch(from var(--tile-color) min(l,.45) c h);color:#fff}.mk-icon-tile[data-variant=gradient]{background:linear-gradient(135deg,oklch(from var(--tile-color) min(l,.45) c h),oklch(from var(--tile-end) min(l,.45) c h));color:#fff}.group:focus-within .mk-icon-tile-interactive[data-variant=soft]{background:color-mix(in oklab,var(--tile-color) 20%,transparent)}@media(hover:hover){.group:hover .mk-icon-tile-interactive[data-variant=soft]{background:color-mix(in oklab,var(--tile-color) 20%,transparent)}}