/* AxioraX New: Settings, App icon (js/appicon.js). The icons are drawn with the iPhone's own corner (22.37%). */
.aic-img{display:block;flex:none;border-radius:22.37%;background:#F1F3F1;box-shadow:0 0 0 .5px rgba(10,42,26,.10),0 1px 3px rgba(10,42,26,.14);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.aic-img.sm{width:36px;height:36px}
.aic-img.lg{width:96px;height:96px;box-shadow:0 0 0 .5px rgba(10,42,26,.10),0 8px 20px rgba(10,42,26,.16),0 2px 5px rgba(10,42,26,.10)}
.aic-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin:24px 0 26px}
.aic-hero .n{font-size:18px;line-height:24px;font-weight:700;margin-top:14px}
.aic-hero .w{font-size:14.5px;line-height:20px;color:var(--sub);margin-top:2px}
.aic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.aic-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 6px 13px;border-radius:22px;background:var(--row);text-align:center;transition:background .15s,box-shadow .15s}
.aic-tile:active{background:#EAEAEA}
.aic-tile .aic-img{width:60px;height:60px}
.aic-tile span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;font-size:13.5px;line-height:17px;font-weight:600;color:var(--ink)}
.aic-tile.on{background:var(--green-soft);box-shadow:inset 0 0 0 2px var(--green)}
.aic-tile.on span{color:var(--green)}
.aic-tile .ck{position:absolute;top:8px;inset-inline-end:8px;width:22px;height:22px;border-radius:50%;background:var(--green);display:grid;place-items:center;box-shadow:0 0 0 2px #FFFFFF}
@media (max-width:340px){.aic-grid{gap:8px}.aic-tile .aic-img{width:54px;height:54px}.aic-tile span{font-size:12.5px;line-height:16px;min-height:32px}}