/*
 * Caledros Basic Blocks - Easy to use Gutenberg blocks
 * Copyright (C) 2025  David Arnado
 * 
 * This file is part of Caledros Basic Blocks.
 * 
 * Caledros Basic Blocks is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.

 * Caledros Basic Blocks is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * You should have received a copy of the GNU General Public License along
 * with Caledros Basic Blocks; if not, see <https://www.gnu.org/licenses/>.
 */

.cbb-icon {
  width: var(--cbb-icon-size, 30px);
  height: var(--cbb-icon-size, 30px);
  position: relative;
  clip-path: inset(0 0 0 0px);
  overflow: hidden;
}

.cbb-icon__main-link {
  width: var(--cbb-icon-size, 30px);
  height: var(--cbb-icon-size, 30px);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.cbb-icon__simple-icon {
  width: var(--cbb-icon-size, 30px);
  height: var(--cbb-icon-size, 30px);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.cbb-icon__icon-container {
  position: relative;
  width: var(--cbb-icon-size, 30px);
  height: var(--cbb-icon-size, 30px);
  display: block;
  margin-left: calc(var(--cbb-icon-size, 30px) * -1);
}
.cbb-icon__icon-container::before {
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  height: var(--cbb-icon-size, 30px);
  width: var(--cbb-icon-size, 30px);
  top: 0;
  left: 0px;
  filter: drop-shadow(
    var(--cbb-icon-size, 30px) 0px var(--cbb-icon-color, #000)
  );
}

/*Icons*/
.cbb-icon--alarm-fill .cbb-icon__icon-container::before {
  background-image: url("./assets/alarm-fill.svg");
}
.cbb-icon--arrow-left-circle-fill .cbb-icon__icon-container::before {
  background-image: url("./assets/arrow-left-circle-fill.svg");
}
.cbb-icon--arrow-left-circle .cbb-icon__icon-container::before {
  background-image: url("./assets/arrow-left-circle.svg");
}
.cbb-icon--arrow-right-circle-fill .cbb-icon__icon-container::before {
  background-image: url("./assets/arrow-right-circle-fill.svg");
}
.cbb-icon--arrow-right-circle .cbb-icon__icon-container::before {
  background-image: url("./assets/arrow-right-circle.svg");
}
.cbb-icon--arrow-up-left-square .cbb-icon__icon-container::before {
  background-image: url("./assets/arrow-up-left-square.svg");
}
.cbb-icon--arrow-up-right-circle-fill .cbb-icon__icon-container::before {
  background-image: url("./assets/arrow-up-right-circle-fill.svg");
}
.cbb-icon--arrow-up-right-circle .cbb-icon__icon-container::before {
  background-image: url("./assets/arrow-up-right-circle.svg");
}
.cbb-icon--arrow-up-right-square-fill .cbb-icon__icon-container::before {
  background-image: url("./assets/arrow-up-right-square-fill.svg");
}
.cbb-icon--arrow-up-right-square .cbb-icon__icon-container::before {
  background-image: url("./assets/arrow-up-right-square.svg");
}
.cbb-icon--award .cbb-icon__icon-container::before {
  background-image: url("./assets/award.svg");
}
.cbb-icon--battery-charging .cbb-icon__icon-container::before {
  background-image: url("./assets/battery-charging.svg");
}
.cbb-icon--box-seam .cbb-icon__icon-container::before {
  background-image: url("./assets/box-seam.svg");
}
.cbb-icon--boxes .cbb-icon__icon-container::before {
  background-image: url("./assets/boxes.svg");
}
.cbb-icon--bricks .cbb-icon__icon-container::before {
  background-image: url("./assets/bricks.svg");
}
.cbb-icon--brightness-high .cbb-icon__icon-container::before {
  background-image: url("./assets/brightness-high.svg");
}
.cbb-icon--bug .cbb-icon__icon-container::before {
  background-image: url("./assets/bug.svg");
}
.cbb-icon--building .cbb-icon__icon-container::before {
  background-image: url("./assets/building.svg");
}
.cbb-icon--buildings .cbb-icon__icon-container::before {
  background-image: url("./assets/buildings.svg");
}
.cbb-icon--chat-text .cbb-icon__icon-container::before {
  background-image: url("./assets/chat-text.svg");
}
.cbb-icon--cloud-check .cbb-icon__icon-container::before {
  background-image: url("./assets/cloud-check.svg");
}
.cbb-icon--cloud-sun .cbb-icon__icon-container::before {
  background-image: url("./assets/cloud-sun.svg");
}
.cbb-icon--code-square .cbb-icon__icon-container::before {
  background-image: url("./assets/code-square.svg");
}
.cbb-icon--coin .cbb-icon__icon-container::before {
  background-image: url("./assets/coin.svg");
}
.cbb-icon--columns .cbb-icon__icon-container::before {
  background-image: url("./assets/columns.svg");
}
.cbb-icon--columns-gap .cbb-icon__icon-container::before {
  background-image: url("./assets/columns-gap.svg");
}
.cbb-icon--database-down .cbb-icon__icon-container::before {
  background-image: url("./assets/database-down.svg");
}
.cbb-icon--database-up .cbb-icon__icon-container::before {
  background-image: url("./assets/database-up.svg");
}
.cbb-icon--file-bar-graph .cbb-icon__icon-container::before {
  background-image: url("./assets/file-bar-graph.svg");
}
.cbb-icon--fire .cbb-icon__icon-container::before {
  background-image: url("./assets/fire.svg");
}
.cbb-icon--gear .cbb-icon__icon-container::before {
  background-image: url("./assets/gear.svg");
}
.cbb-icon--globe2 .cbb-icon__icon-container::before {
  background-image: url("./assets/globe2.svg");
}
.cbb-icon--graph-down-arrow .cbb-icon__icon-container::before {
  background-image: url("./assets/graph-down-arrow.svg");
}
.cbb-icon--graph-up-arrow .cbb-icon__icon-container::before {
  background-image: url("./assets/graph-up-arrow.svg");
}
.cbb-icon--hourglass .cbb-icon__icon-container::before {
  background-image: url("./assets/hourglass.svg");
}
.cbb-icon--hourglass-bottom .cbb-icon__icon-container::before {
  background-image: url("./assets/hourglass-bottom.svg");
}
.cbb-icon--hourglass-split .cbb-icon__icon-container::before {
  background-image: url("./assets/hourglass-split.svg");
}
.cbb-icon--hourglass-top .cbb-icon__icon-container::before {
  background-image: url("./assets/hourglass-top.svg");
}
.cbb-icon--lightbulb .cbb-icon__icon-container::before {
  background-image: url("./assets/lightbulb.svg");
}
.cbb-icon--magic .cbb-icon__icon-container::before {
  background-image: url("./assets/magic.svg");
}
.cbb-icon--moon-stars .cbb-icon__icon-container::before {
  background-image: url("./assets/moon-stars.svg");
}
.cbb-icon--people-fill .cbb-icon__icon-container::before {
  background-image: url("./assets/people-fill.svg");
}
.cbb-icon--person-circle .cbb-icon__icon-container::before {
  background-image: url("./assets/person-circle.svg");
}
.cbb-icon--quote .cbb-icon__icon-container::before {
  background-image: url("./assets/quote.svg");
}
.cbb-icon--robot .cbb-icon__icon-container::before {
  background-image: url("./assets/robot.svg");
}
.cbb-icon--rocket-takeoff .cbb-icon__icon-container::before {
  background-image: url("./assets/rocket-takeoff.svg");
}
.cbb-icon--star .cbb-icon__icon-container::before {
  background-image: url("./assets/star.svg");
}
.cbb-icon--stars .cbb-icon__icon-container::before {
  background-image: url("./assets/stars.svg");
}
.cbb-icon--stickies .cbb-icon__icon-container::before {
  background-image: url("./assets/stickies.svg");
}
.cbb-icon--telephone .cbb-icon__icon-container::before {
  background-image: url("./assets/telephone.svg");
}
.cbb-icon--tools .cbb-icon__icon-container::before {
  background-image: url("./assets/tools.svg");
}
.cbb-icon--ui-checks-grid .cbb-icon__icon-container::before {
  background-image: url("./assets/ui-checks-grid.svg");
}
.cbb-icon--ui-checks .cbb-icon__icon-container::before {
  background-image: url("./assets/ui-checks.svg");
}
.cbb-icon--umbrella-fill .cbb-icon__icon-container::before {
  background-image: url("./assets/umbrella-fill.svg");
}
.cbb-icon--watch .cbb-icon__icon-container::before {
  background-image: url("./assets/watch.svg");
}
.cbb-icon--wind .cbb-icon__icon-container::before {
  background-image: url("./assets/wind.svg");
}
.cbb-icon--wrench .cbb-icon__icon-container::before {
  background-image: url("./assets/wrench.svg");
}
.cbb-icon--wrench-adjustable .cbb-icon__icon-container::before {
  background-image: url("./assets/wrench-adjustable.svg");
}
.cbb-icon--wrench-adjustable-circle .cbb-icon__icon-container::before {
  background-image: url("./assets/wrench-adjustable-circle.svg");
}

/*Dark mode*/
html[data-theme="dark"] .cbb-icon__icon-container::before {
  filter: drop-shadow(
    var(--cbb-icon-size, 30px) 0px var(--cbb-icon-dark-color, #fff)
  );
}