.nouveau {
  font-size: 5rem;
  text-align: center;
}

.outils {
  top: 56px !important;
  height: -webkit-fill-available;
  width: 250px;
  background: lightgray;
}

.palette {
  height: calc(100vh - 26px - 56px);
  overflow-y: auto;
}

.palette > * {
  background: lightgray;
  margin-left: 0;
}

.editeur-carre {
  cursor: pointer;
}

.grille {
  border: 1px gray solid;
}

.fa-star {
  cursor: pointer;
}

.fa-solid.fa-star {
  color: gold;
}

.btn,
.dropdown-item {
  padding: 0;
}

.nav-link {
  padding: 0 0.25rem;
}

.hidden {
  display: none;
}

.editeur {
  cursor: url(../image/outils/pen-solid.svg) 0 30, auto;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?elodbn');
  src:  url('../fonts/icomoon.eot?elodbn#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?elodbn') format('truetype'),
    url('../fonts/icomoon.woff?elodbn') format('woff'),
    url('../fonts/icomoon.svg?elodbn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-miroir:before {
  content: "\e900";
}
.icon-miroir90:before {
  content: "\e901";
}

.miroir-y {
  border-left: 3px green dashed;
}

.miroir-x {
  border-top: 3px red dashed;
}