/* ============================================================
   SOOYOUNG SON — icon set (theme-consistent line icons)
   Color = currentColor (inherits text color). Size = 1em (font-size).
   Usage:  <span class="ico ico--robot" aria-hidden="true"></span>
   ============================================================ */
.ico{
  display:inline-block; width:1em; height:1em; flex:0 0 auto;
  background-color:currentColor; vertical-align:-0.15em;
  -webkit-mask-image:var(--ico); mask-image:var(--ico);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
}
.ico--robot{ --ico:url("robot.svg"); }
.ico--sparkles{ --ico:url("sparkles.svg"); }
.ico--flask{ --ico:url("flask.svg"); }
.ico--smartphone{ --ico:url("smartphone.svg"); }
.ico--chart{ --ico:url("chart.svg"); }
.ico--chevron-down{ --ico:url("chevron-down.svg"); }
.ico--check{ --ico:url("check.svg"); }
.ico--keyboard{ --ico:url("keyboard.svg"); }
.ico--unlock{ --ico:url("unlock.svg"); }
.ico--coins{ --ico:url("coins.svg"); }
.ico--brain{ --ico:url("brain.svg"); }
.ico--windows{ --ico:url("windows.svg"); }
.ico--apple{ --ico:url("apple.svg"); }
.ico--penguin{ --ico:url("penguin.svg"); }
.ico--crown{ --ico:url("crown.svg"); }
.ico--spark{ --ico:url("spark.svg"); }
.ico--code{ --ico:url("code.svg"); }
.ico--orbit{ --ico:url("orbit.svg"); }
.ico--terminal{ --ico:url("terminal.svg"); }
.ico--message{ --ico:url("message.svg"); }
.ico--clock{ --ico:url("clock.svg"); }
.ico--lock{ --ico:url("lock.svg"); }