.app-icon[data-v-a5ff6e2f],.app-icon-solid[data-v-a5ff6e2f]{flex-shrink:0;place-items:center;display:inline-grid}.app-icon--sm[data-v-a5ff6e2f]{--size:2.125rem}.app-icon--md[data-v-a5ff6e2f]{--size:2.75rem}.app-icon--lg[data-v-a5ff6e2f]{--size:3.5rem}.app-icon--xl[data-v-a5ff6e2f]{--size:4.25rem}.app-icon-solid[data-v-a5ff6e2f]{--glyph:var(--color-on-primary);font-size:calc(var(--size) * .44);background:var(--color-primary);border-radius:30%;box-shadow:0 4px 10px -4px #0000004d}.app-icon[data-v-a5ff6e2f],.app-icon-solid[data-v-a5ff6e2f]{width:var(--size);height:var(--size)}.app-icon[data-v-a5ff6e2f]{--c1:var(--tone);--c0:oklch(from var(--tone) min(.13 + l, .93) calc(.7 * c) h);--c2:oklch(from var(--tone) calc(-.14 + l) c h);--accent-bg:linear-gradient(140deg, var(--c0), var(--c1));--accent-opacity:.9;--glass-bg:linear-gradient(150deg, #ffffff9e, #ffffff52);--glass-shadow:0 4px 10px -6px color-mix(in srgb, var(--c2) 35%, transparent), 0 1px 2px color-mix(in srgb, var(--c2) 10%, transparent), inset 0 1px 1.5px #ffffffd9, inset 0 0 calc(var(--size) * .12) #ffffff8c;--glass-blur:blur(4px) saturate(140%);--glyph:var(--c2);position:relative}.app-icon__accent[data-v-a5ff6e2f]{background:var(--accent-bg);width:52.51%;height:52.51%;opacity:var(--accent-opacity);border-radius:30%;position:absolute;top:6.25%;left:41.24%}.app-icon__glass[data-v-a5ff6e2f]{width:78%;height:78%;font-size:calc(var(--size) * .4212);background:var(--glass-bg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:28%;place-items:center;transition:background .25s;display:grid;position:absolute;top:15.75%;left:6.25%}.app-icon-solid.is-addon[data-v-a5ff6e2f],.app-icon.is-addon .app-icon__glass[data-v-a5ff6e2f]{border-radius:50%}.app-icon.is-addon .app-icon__accent[data-v-a5ff6e2f]{border-radius:0;width:40%;height:40%;top:0;left:57%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='31' y='0' width='38' height='100' rx='16'/%3E%3Crect x='0' y='31' width='100' height='38' rx='16'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='31' y='0' width='38' height='100' rx='16'/%3E%3Crect x='0' y='31' width='100' height='38' rx='16'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.app-icon__glyph[data-v-a5ff6e2f]{color:var(--glyph);transition:color .25s}:where(html.dark,.theme-dark) .app-icon[data-v-a5ff6e2f]{--accent-bg:linear-gradient(140deg, var(--c1), var(--c2));--accent-opacity:.88;--glass-bg:linear-gradient(150deg, #ffffff12, #ffffff05);--glass-shadow:0 4px 12px -6px #0009, inset 0 1px 1.5px #ffffff2e, inset 0 0 calc(var(--size) * .12) #ffffff1a;--glass-blur:blur(10px) saturate(125%) brightness(.72);--glyph:var(--c0)}:where(.theme-light) .app-icon[data-v-a5ff6e2f]{--accent-bg:linear-gradient(140deg, var(--c0), var(--c1));--accent-opacity:.9;--glass-bg:linear-gradient(150deg, #ffffff9e, #ffffff52);--glass-shadow:0 4px 10px -6px color-mix(in srgb, var(--c2) 35%, transparent), 0 1px 2px color-mix(in srgb, var(--c2) 10%, transparent), inset 0 1px 1.5px #ffffffd9, inset 0 0 calc(var(--size) * .12) #ffffff8c;--glass-blur:blur(4px) saturate(140%);--glyph:var(--c2)}@media (prefers-reduced-motion:reduce){.app-icon__glass[data-v-a5ff6e2f],.app-icon__glyph[data-v-a5ff6e2f]{transition:none}}