/* Icons */

:root {
  --xlg-icon-size: 6.4rem;
  --lg-icon-size: 4rem;
  --md-icon-size: 3.2rem;
  --sm-icon-size: 2.4rem;
  --xs-icon-size: 2rem;
  --xxs-icon-size: 1.6rem;

  --padding-disk: 0.8rem;
  @media screen and (min-width: 1400px) {
    --padding-disk: 1.6rem;
  }

  --sprite-size-x: 196px;
  --sprite-size-y: 704px;
}

.prodject-icon {
  display: inline-block;
  background-image: url('../img/sprite-afs--2.svg');
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: var(--sprite-size-x) var(--sprite-size-y);
  flex-shrink: 0;
  flex-grow: 0;
}

/* Icône sur disque */
.icon-disk {
  display: inline-block;
  background-color: var(--primary-transparent);
  padding: var(--padding-disk);
  line-height: 0;
  border-radius: 50%;
}

/* Extra large icons */
.pi--logout {
  width: var(--xlg-icon-size);
  height: var(--xlg-icon-size);

  background-position: 0 calc((var(--sprite-size-y) - var(--xlg-icon-size)) * -1) ;
}
.pi--presentation-chart-line--thin {
  width: var(--xlg-icon-size);
  height: var(--xlg-icon-size);

  background-position: 0 calc((var(--sprite-size-y) - (2 * var(--xlg-icon-size))) * -1) ;
}
.pi--switch-horizontal {
  width: var(--xlg-icon-size);
  height: var(--xlg-icon-size);

  background-position: 0 calc((var(--sprite-size-y) - (3 * var(--xlg-icon-size))) * -1) ;
}
.pi--template {
  width: var(--xlg-icon-size);
  height: var(--xlg-icon-size);

  background-position: 0 calc((var(--sprite-size-y) - (4 * var(--xlg-icon-size))) * -1) ;
}
.pi--library--thin {
  width: var(--xlg-icon-size);
  height: var(--xlg-icon-size);

  background-position: 0 calc((var(--sprite-size-y) - (5 * var(--xlg-icon-size))) * -1) ;
}
.pi--badge-check--thin {
  width: var(--xlg-icon-size);
  height: var(--xlg-icon-size);

  background-position: 0 calc((var(--sprite-size-y) - (6 * var(--xlg-icon-size))) * -1) ;
}
.pi--table {
  width: var(--xlg-icon-size);
  height: var(--xlg-icon-size);

  background-position: 0 calc((var(--sprite-size-y) - (7 * var(--xlg-icon-size))) * -1) ;
}
.pi--book-open {
  width: var(--xlg-icon-size);
  height: var(--xlg-icon-size);

  background-position: 0 calc((var(--sprite-size-y) - (8 * var(--xlg-icon-size))) * -1) ;
}
.pi--exclamation {
  width: var(--xlg-icon-size);
  height: var(--xlg-icon-size);

  background-position: 0 calc((var(--sprite-size-y) - (9 * var(--xlg-icon-size))) * -1) ;
}
.pi--check-circle {
  width: var(--xlg-icon-size);
  height: var(--xlg-icon-size);

  background-position: 0 calc((var(--sprite-size-y) - (10 * var(--xlg-icon-size))) * -1) ;
}
.pi--credit-card {
  width: var(--xlg-icon-size);
  height: var(--xlg-icon-size);

  background-position: 0 0;
}

/* Large icons */
.pi--switch-horizontal-5 {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 11)) * -1);
}
.pi--check-circle-5 {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 10)) * -1);
}
.pi--credit-card-5 {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 9)) * -1);
}
.pi--table-5 {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 8)) * -1);
}
.pi--presentation-chart-line--thin-5 {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 7)) * -1);
}
.pi--book-open-5 {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 6)) * -1);
}
.pi--exclamation-5 {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 5)) * -1);
}
.pi--badge-check--thin-5 {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 4)) * -1);
}
.pi--logout-5 {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 3)) * -1);
}
.pi--library--thin-5 {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 2)) * -1);
}
.pi--template-5 {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - var(--lg-icon-size)) * -1);
}

/* Medium icons */
.pi--icon-LinkedIn-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - var(--md-icon-size)) * -1);
}
.pi--icon-X-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (2 * var(--md-icon-size))) * -1);
}
.pi--location-marker-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (3 * var(--md-icon-size))) * -1);
}
.pi--badge-check-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (4 * var(--md-icon-size))) * -1);
}
.pi--user-group-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (5 * var(--md-icon-size))) * -1);
}
.pi--shield-check-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (6 * var(--md-icon-size))) * -1);
}
.pi--lightning-bolt-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (7 * var(--md-icon-size))) * -1);
}
.pi--trending-up-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (8 * var(--md-icon-size))) * -1);
}
.pi--library-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (9 * var(--md-icon-size))) * -1);
}
.pi--collection-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (10 * var(--md-icon-size))) * -1);
}
.pi--identification-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (11 * var(--md-icon-size))) * -1);
}
.pi--presentation-chart-line-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (12 * var(--md-icon-size))) * -1);
}
.pi--chart-bar-1 {
  width: var(--md-icon-size);
  height: var(--md-icon-size);

  background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (13 * var(--md-icon-size))) * -1);
}

/* Small icons */
.pi--menu-alt-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - var(--sm-icon-size)) * -1);
}
.pi--enveloppe-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (2 * var(--sm-icon-size))) * -1);
}
.pi--cross-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (3 * var(--sm-icon-size))) * -1);
}
.pi--trending-up-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (4 * var(--sm-icon-size))) * -1);
}
.pi--identification-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (5 * var(--sm-icon-size))) * -1);
}
.pi--badge-check-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (6 * var(--sm-icon-size))) * -1);
}
.pi--arrow-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (7 * var(--sm-icon-size))) * -1);
}
.pi--presentation-chart-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (8 * var(--sm-icon-size))) * -1);
}
.pi--lightning-bolt-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (9 * var(--sm-icon-size))) * -1);
}
.pi--shield-check-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (10 * var(--sm-icon-size))) * -1);
}
.pi--user-group-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (11 * var(--sm-icon-size))) * -1);
}
.pi--library-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (12 * var(--sm-icon-size))) * -1);
}
.pi--chart-bar-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (13 * var(--sm-icon-size))) * -1);
}
.pi--collection-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (14 * var(--sm-icon-size))) * -1);
}
.pi--arrow-2-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (15 * var(--sm-icon-size))) * -1);
}
.pi--external-link-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (16 * var(--sm-icon-size))) * -1);
}
.pi--external-link-2-2 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (17 * var(--sm-icon-size))) * -1);
}
.pi--external-link-2-3 {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (18 * var(--sm-icon-size))) * -1);
}

/* Extra small icons */
.pi--check-3 {
  width: var(--xs-icon-size);
  height: var(--xs-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size)) * -1) calc((var(--sprite-size-y) - var(--xs-icon-size)) * -1);
}
.pi--paper-airplane-3 {
  width: var(--xs-icon-size);
  height: var(--xs-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size)) * -1) calc((var(--sprite-size-y) - (2 * var(--xs-icon-size))) * -1);
}

/* Extra extra small icons */
.pi--phone-4 {
  width: var(--xxs-icon-size);
  height: var(--xxs-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size)) * -1) calc((var(--sprite-size-y) - var(--xxs-icon-size)) * -1);
}

/* Icônes de taille variable entre mobile et tablet-up */
.pi--trending-up-var {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (4 * var(--sm-icon-size))) * -1);
}
.pi--identification-var {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (5 * var(--sm-icon-size))) * -1);
}
.pi--badge-check-var {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (6 * var(--sm-icon-size))) * -1);
}
.pi--presentation-chart-var {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (8 * var(--sm-icon-size))) * -1);
}
.pi--lightning-bolt-var {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (9 * var(--sm-icon-size))) * -1);
}
.pi--shield-check-var {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (10 * var(--sm-icon-size))) * -1);
}
.pi--user-group-var {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (11 * var(--sm-icon-size))) * -1);
}
.pi--library-var {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (12 * var(--sm-icon-size))) * -1);
}
.pi--chart-bar-var {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (13 * var(--sm-icon-size))) * -1);
}
.pi--collection-var {
  width: var(--sm-icon-size);
  height: var(--sm-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size)) * -1) calc((var(--sprite-size-y) - (14 * var(--sm-icon-size))) * -1);
}


.pi--switch-horizontal-var {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 11)) * -1);
}
.pi--check-circle-var {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 10)) * -1);
}
.pi--credit-card-var {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 9)) * -1);
}
.pi--table-var {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 8)) * -1);
}
.pi--presentation-chart-line--thin-var {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 7)) * -1);
}
.pi--book-open-var {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 6)) * -1);
}
.pi--exclamation-var {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 5)) * -1);
}
.pi--badge-check--thin-var {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 4)) * -1);
}
.pi--logout-var {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 3)) * -1);
}
.pi--library--thin-var {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - (var(--lg-icon-size) * 2)) * -1);
}
.pi--template-var {
  width: var(--lg-icon-size);
  height: var(--lg-icon-size);

  background-position: calc((var(--xlg-icon-size) + var(--md-icon-size) + var(--sm-icon-size) + var(--xs-icon-size) + var(--xxs-icon-size)) * -1) calc((var(--sprite-size-y) - var(--lg-icon-size)) * -1);
}

@media screen and (min-width: 760px) {
  .pi--trending-up-var {
    width: var(--md-icon-size);
    height: var(--md-icon-size);

    background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (8 * var(--md-icon-size))) * -1);
  }
  .pi--identification-var {
    width: var(--md-icon-size);
    height: var(--md-icon-size);

    background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (11 * var(--md-icon-size))) * -1);
  }
  .pi--badge-check-var {
    width: var(--md-icon-size);
    height: var(--md-icon-size);

    background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (4 * var(--md-icon-size))) * -1);
  }
  .pi--presentation-chart-var {
    width: var(--md-icon-size);
    height: var(--md-icon-size);

    background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (12 * var(--md-icon-size))) * -1);
  }
  .pi--lightning-bolt-var {
    width: var(--md-icon-size);
    height: var(--md-icon-size);

    background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (7 * var(--md-icon-size))) * -1);
  }
  .pi--shield-check-var {
    width: var(--md-icon-size);
    height: var(--md-icon-size);

    background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (6 * var(--md-icon-size))) * -1);
  }
  .pi--user-group-var {
    width: var(--md-icon-size);
    height: var(--md-icon-size);

    background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (5 * var(--md-icon-size))) * -1);
  }
  .pi--library-var {
    width: var(--md-icon-size);
    height: var(--md-icon-size);

    background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (9 * var(--md-icon-size))) * -1);
  }
  .pi--chart-bar-var {
    width: var(--md-icon-size);
    height: var(--md-icon-size);

    background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (13 * var(--md-icon-size))) * -1);
  }
  .pi--collection-var {
    width: var(--md-icon-size);
    height: var(--md-icon-size);

    background-position: calc(var(--xlg-icon-size) * -1) calc((var(--sprite-size-y) - (10 * var(--md-icon-size))) * -1);
  }

  .pi--switch-horizontal-var {
    width: var(--xlg-icon-size);
    height: var(--xlg-icon-size);

    background-position: 0 calc((var(--sprite-size-y) - (3 * var(--xlg-icon-size))) * -1) ;
  }
  .pi--check-circle-var {
    width: var(--xlg-icon-size);
    height: var(--xlg-icon-size);

    background-position: 0 calc((var(--sprite-size-y) - (10 * var(--xlg-icon-size))) * -1) ;
  }
  .pi--credit-card-var {
    width: var(--xlg-icon-size);
    height: var(--xlg-icon-size);

    background-position: 0 0;
  }
  .pi--table-var {
    width: var(--xlg-icon-size);
    height: var(--xlg-icon-size);

    background-position: 0 calc((var(--sprite-size-y) - (7 * var(--xlg-icon-size))) * -1) ;
  }
  .pi--presentation-chart-line--thin-var {
    width: var(--xlg-icon-size);
    height: var(--xlg-icon-size);

    background-position: 0 calc((var(--sprite-size-y) - (2 * var(--xlg-icon-size))) * -1) ;
  }
  .pi--book-open-var {
    width: var(--xlg-icon-size);
    height: var(--xlg-icon-size);

    background-position: 0 calc((var(--sprite-size-y) - (8 * var(--xlg-icon-size))) * -1) ;
  }
  .pi--exclamation-var {
    width: var(--xlg-icon-size);
    height: var(--xlg-icon-size);

    background-position: 0 calc((var(--sprite-size-y) - (9 * var(--xlg-icon-size))) * -1) ;
  }
  .pi--badge-check--thin-var {
    width: var(--xlg-icon-size);
    height: var(--xlg-icon-size);

    background-position: 0 calc((var(--sprite-size-y) - (6 * var(--xlg-icon-size))) * -1) ;
  }
  .pi--logout-var {
    width: var(--xlg-icon-size);
    height: var(--xlg-icon-size);

    background-position: 0 calc((var(--sprite-size-y) - var(--xlg-icon-size)) * -1) ;
  }
  .pi--library--thin-var {
    width: var(--xlg-icon-size);
    height: var(--xlg-icon-size);

    background-position: 0 calc((var(--sprite-size-y) - (5 * var(--xlg-icon-size))) * -1) ;
  }
  .pi--template-var {
    width: var(--xlg-icon-size);
    height: var(--xlg-icon-size);

    background-position: 0 calc((var(--sprite-size-y) - (4 * var(--xlg-icon-size))) * -1) ;
  }
}