/*$box-shadow: (*/
/**/ /*"sm": 0 0 0.375rem 0 rgba(46, 38, 61, 0.18), //*/
/**/ /*"md": 0 0 0.625rem 0 rgba(46, 38, 61, 0.2), //*/
/**/ /*"lg": 0 0 1rem 0 rgba(46, 38, 61, 0.22) //
);*/
/*
1 colore bottone
2 bordo/hover
3 testo
*/
body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  color: var(--fg);
  height: 100svh;
}

.hide {
  display: none !important;
}

.infoLabel {
  font-size: 0.9rem;
  color: var(--fg-light);
}

.shortcut {
  color: var(--primary);
  cursor: pointer;
}
.shortcut:hover {
  text-decoration: underline;
}
.shortcut :has(*)::after {
  content: "\f0da";
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
}

.fa-solid.success, .fa-light.success, .fa-duotone.success {
  color: var(--success);
}
.fa-solid.error, .fa-light.error, .fa-duotone.error {
  color: var(--error);
}
.fa-solid.warning, .fa-light.warning, .fa-duotone.warning {
  color: var(--warning);
}
.fa-solid.info, .fa-light.info, .fa-duotone.info {
  color: var(--info);
}
.fa-solid.primary, .fa-light.primary, .fa-duotone.primary {
  color: var(--primary);
}
.fa-solid.secondary, .fa-light.secondary, .fa-duotone.secondary {
  color: var(--secondary);
}

.flex {
  display: flex;
  flex-direction: row;
  justify-content: normal;
  align-items: normal;
}
.flexColumn {
  display: flex;
  flex-direction: column;
  justify-content: normal;
  align-items: normal;
}
.flexColumnCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flexRowReverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: normal;
  align-items: normal;
}
.flexCenter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.flexSpaceBetween {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.wFull {
  width: 100%;
}

.fa-circle-1 {
  color: var(--info);
}
.fa-circle-2 {
  color: var(--success);
}
.fa-circle-3 {
  color: #FDE68A;
}
.fa-circle-4 {
  color: var(--warning);
}
.fa-circle-5 {
  color: var(--error);
}

/*# sourceMappingURL=main.css.map */