.app-ic{--app-s:var(--app-ic-size,54px);isolation:isolate;width:var(--app-s);height:var(--app-s);border-radius:calc(var(--app-s) * .31);color:var(--app-l);background:radial-gradient(90% 70% at 50% 110%, color-mix(in srgb, var(--app-g) 46%, transparent), transparent 70%), linear-gradient(160deg, #1b2537, #0b1019);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--app-l) 40%, transparent), inset 0 1px 0 #ffffff24, 0 0 calc(var(--app-s) * .45) calc(var(--app-s) * -.12) color-mix(in srgb, var(--app-g) 75%, transparent), 0 4px 10px -4px #0009;flex:none;place-items:center;display:grid;position:relative}.app-ic:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff12,#0000 45%);position:absolute;inset:0}.app-ic>svg{width:calc(var(--app-s) * .56);height:calc(var(--app-s) * .56);filter:drop-shadow(0 0 calc(var(--app-s) * .09) var(--app-g))}.app-ic .app-g-back{color:var(--app-g);opacity:.72}.app-g-back{opacity:.45}@media (forced-colors:active){.app-ic{border:1px solid canvastext}}