:root{--cidelo-icon-size:1.25rem}
iconify-icon,.ui-icon{
  display:inline-block;
  width:var(--cidelo-icon-size);
  height:var(--cidelo-icon-size);
  min-width:0;
  min-height:0;
  max-width:100%;
  max-height:100%;
  flex:0 0 auto;
  overflow:hidden;
  color:inherit;
  line-height:1;
  vertical-align:-.18em;
  contain:layout paint;
}
.ui-icon svg{display:block;width:100%;height:100%;color:inherit;overflow:visible}
.ui-icon svg [stroke]{stroke:currentColor}
iconify-icon[width="14"]{width:14px;height:14px}
iconify-icon[width="16"]{width:16px;height:16px}
iconify-icon[width="18"]{width:18px;height:18px}
iconify-icon[width="20"]{width:20px;height:20px}
iconify-icon[width="24"]{width:24px;height:24px}
iconify-icon[width="26"]{width:26px;height:26px}
iconify-icon[width="28"]{width:28px;height:28px}
iconify-icon[width="30"]{width:30px;height:30px}
iconify-icon[width="32"]{width:32px;height:32px}
button>iconify-icon,a>iconify-icon,.btn>iconify-icon{pointer-events:none}
.quick-apps iconify-icon,.quick-apps .ui-icon{width:23px;height:23px}
.workspace-aside iconify-icon,.workspace-aside .ui-icon{width:18px;height:18px}
.icon-surface{display:grid;place-items:center;color:#111;background:#fff;overflow:hidden}
.icon-surface iconify-icon{width:1.35rem;height:1.35rem}
.on-dark{color:#fff}
.iconify-unavailable iconify-icon{opacity:.35}
.ui-icon-missing{visibility:hidden}
@media(max-width:640px){
  .quick-apps iconify-icon,.quick-apps .ui-icon{width:20px;height:20px}
}