/* Phosphor glyphs inherit color; official SVG path data remains unmodified. */
.ui-icon{display:inline-block;flex:0 0 auto;width:var(--icon-size,18px);height:var(--icon-size,18px);vertical-align:middle;background-color:currentColor;mask:var(--icon-url) center/contain no-repeat;-webkit-mask:var(--icon-url) center/contain no-repeat;pointer-events:none}
.canopy-app-icon{display:inline-grid;place-items:center;vertical-align:middle;flex:0 0 auto;width:var(--app-icon-size,48px);height:var(--app-icon-size,48px);border-radius:22%;background:linear-gradient(145deg,color-mix(in srgb,var(--app-icon-color),white 13%),var(--app-icon-color));box-shadow:inset 0 0 0 .6px #ffffff36,inset 0 1px 1px #ffffff38,0 1px 2px #1a243c18;pointer-events:none;overflow:hidden}
.canopy-app-symbol{display:block;width:63%;height:63%;background:#fff;mask:var(--icon-url) center/contain no-repeat;-webkit-mask:var(--icon-url) center/contain no-repeat}
.dock-icon>.canopy-app-icon{width:100%;height:100%}
.app-button>.ui-icon{--icon-size:16px!important}
.file-art>.ui-icon{width:45px;height:45px;color:#69abe1}
.file-art.pdf>.ui-icon{color:#c87971}.file-art.doc>.ui-icon{color:#90a2b3}
.finder-side-icon .ui-icon{width:15px;height:15px}
.safari-address>.ui-icon{width:12px;height:12px;opacity:.6}
.contact-actions button>.ui-icon{width:20px;height:20px}
.music-controls .ui-icon{width:20px;height:20px}
.overview-card>.canopy-app-icon{max-width:55%;max-height:55%}
.overview-card:has(.overview-preview)>.canopy-app-icon{position:absolute;left:4px;top:2px;width:11px;height:11px;z-index:1}