/* QiBit: thin translucent sheets and milky frosted objects. No behavior. */
.qi-icon {
  --qi-icon-size: 84px;
  display: inline-block;
  width: var(--qi-icon-size);
  max-width: 100%;
  aspect-ratio: 1;
  height: auto;
  flex: 0 1 var(--qi-icon-size);
  vertical-align: middle;
  line-height: 0;
  isolation: isolate;
}
.qi-icon--small { --qi-icon-size: 48px; }
.qi-icon > svg { display: block; width: 100%; height: auto; overflow: visible; }
.qi-icon .qi-icon-body { filter: drop-shadow(0 3px 3px rgba(43,43,43, .045)); }
.qi-icon .qi-glass {
  fill: rgba(239,239,239, .48);
  stroke: #e2e2e2;
  stroke-width: .9;
  stroke-linejoin: round;
}
.qi-icon .qi-paper {
  fill: rgba(254,254,254, .89);
  stroke: #e1e1e1;
  stroke-width: .85;
  stroke-linejoin: round;
}
.qi-icon .qi-inset {
  fill: rgba(233,233,233, .6);
  stroke: #d4d4d4;
  stroke-width: .8;
  stroke-linejoin: round;
}
.qi-icon .qi-muted { fill: #cccccc; fill-opacity: .76; }
.qi-icon .qi-line {
  fill: none;
  stroke: #9a9a9a;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.qi-icon .qi-highlight {
  fill: none;
  stroke: rgba(255,255,255, .96);
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.qi-icon .qi-lens {
  fill: rgba(235,235,235, .24);
  stroke: #c4c4c4;
  stroke-width: 1;
}
.qi-icon .qi-handle {
  stroke: #d4d4d4;
  stroke-width: 6;
  stroke-linecap: round;
}
.qi-icon .qi-pencil {
  fill: #f1f1f1;
  fill-opacity: .94;
  stroke: #c2c2c2;
  stroke-width: .9;
  stroke-linejoin: round;
}
.qi-icon .qi-dot { fill: #aeaeae; }