/* =========================
   LSP SVG 共通基盤
========================= */

.lsp-icon-before::before,
.lsp-icon-after::after {
  content: "";
  display: inline-block;

  width: var(--lsp-svg-size, 1em);
  height: var(--lsp-svg-size, 1em);
  flex: 0 0 var(--lsp-svg-size, 1em);

  background-color: var(--lsp-svg-color, currentColor);

  -webkit-mask-image: var(--lsp-svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: var(--lsp-svg);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.lsp-icon-before::before {
  margin-right: var(--lsp-svg-gap, 0.4em);
}

.lsp-icon-after::after {
  margin-left: var(--lsp-svg-gap, 0.4em);
}


/* SVG一覧 */

.lsp-svg--pc {
  --lsp-svg: url("../icons/pc.svg");
}

.lsp-svg--gear {
  --lsp-svg: url("../icons/gear.svg");
}

.lsp-svg--mail {
  --lsp-svg: url("../icons/mail.svg");
}

.lsp-svg--printer {
  --lsp-svg: url("../icons/printer.svg");
}

.lsp-svg--wifi {
  --lsp-svg: url("../icons/wifi.svg");
}

.lsp-svg--update {
  --lsp-svg: url("../icons/update.svg");
}

.lsp-svg--folder {
  --lsp-svg: url("../icons/folder.svg");
}

.lsp-svg--warning {
  --lsp-svg: url("../icons/warning.svg");
}

.lsp-svg--bulb {
  --lsp-svg: url("../icons/bulb.svg");
}

.lsp-svg--clock {
  --lsp-svg: url("../icons/clock.svg");
}

.lsp-svg--check {
  --lsp-svg: url("../icons/check.svg");
}

.lsp-svg--yen {
  --lsp-svg: url("../icons/yen.svg");
}

.lsp-svg--security {
  --lsp-svg: url("../icons/security.svg");
}

.lsp-svg--classroom {
  --lsp-svg: url("../icons/classroom.svg");
}

.lsp-svg--download {
  --lsp-svg: url("../icons/download.svg");
}