@layer components{.pi{display:inline-block;flex:none;width:var(--pi-size,40px);height:var(--pi-size,40px);background-color:currentColor;
  -webkit-mask:var(--pi-img) center/contain no-repeat;mask:var(--pi-img) center/contain no-repeat}
.pi--tile{width:calc(var(--pi-size,40px)*.54)}
.pi-disc{display:inline-grid;place-items:center;flex:none;width:var(--disc-size,56px);height:var(--disc-size,56px);border-radius:50%;background:var(--c-brand);color:var(--c-white);--pi-size:56%}
.pi-disc .pi{width:var(--pi-size);height:var(--pi-size)}
.pi-disc--sand{background:var(--c-sand);color:var(--c-brand-strong)}
.pi-disc--dark{background:var(--c-graphite);color:var(--c-cream)}
.pi--arome-aromates{--pi-img:url(icons/spirituo/arome-aromates.svg)}
.pi--arome-boise{--pi-img:url(icons/spirituo/arome-boise.svg)}
.pi--arome-confiserie{--pi-img:url(icons/spirituo/arome-confiserie.svg)}
.pi--arome-epice{--pi-img:url(icons/spirituo/arome-epice.svg)}
.pi--arome-floral{--pi-img:url(icons/spirituo/arome-floral.svg)}
.pi--arome-fruite{--pi-img:url(icons/spirituo/arome-fruite.svg)}
.pi--arome-fume{--pi-img:url(icons/spirituo/arome-fume.svg)}
.pi--arome-grille{--pi-img:url(icons/spirituo/arome-grille.svg)}
.pi--arome-malte{--pi-img:url(icons/spirituo/arome-malte.svg)}
.pi--arome-mineral{--pi-img:url(icons/spirituo/arome-mineral.svg)}
.pi--arome-tourbe{--pi-img:url(icons/spirituo/arome-tourbe.svg)}
.pi--intensite-brut{--pi-img:url(icons/spirituo/intensite-brut.svg)}
.pi--intensite-corse{--pi-img:url(icons/spirituo/intensite-corse.svg)}
.pi--intensite-demi-sec{--pi-img:url(icons/spirituo/intensite-demi-sec.svg)}
.pi--intensite-doux{--pi-img:url(icons/spirituo/intensite-doux.svg)}
.pi--intensite-leger{--pi-img:url(icons/spirituo/intensite-leger.svg)}
.pi--intensite-liquoreux{--pi-img:url(icons/spirituo/intensite-liquoreux.svg)}
.pi--intensite-moelleux{--pi-img:url(icons/spirituo/intensite-moelleux.svg)}
.pi--intensite-puissant{--pi-img:url(icons/spirituo/intensite-puissant.svg)}
.pi--intensite-rond{--pi-img:url(icons/spirituo/intensite-rond.svg)}
.pi--intensite-sec{--pi-img:url(icons/spirituo/intensite-sec.svg)}
.pi--intensite-vif{--pi-img:url(icons/spirituo/intensite-vif.svg)}
.pi--lieu-bar-a-vin{--pi-img:url(icons/spirituo/lieu-bar-a-vin.svg)}
.pi--lieu-bar-a-vin-tuile{--pi-img:url(icons/spirituo/lieu-bar-a-vin-tuile.svg)}
.pi--lieu-bar-a-vin-tuile-couleur{--pi-img:url(icons/spirituo/lieu-bar-a-vin-tuile-couleur.svg)}
.pi--lieu-caviste{--pi-img:url(icons/spirituo/lieu-caviste.svg)}
.pi--lieu-caviste-tuile{--pi-img:url(icons/spirituo/lieu-caviste-tuile.svg)}
.pi--lieu-caviste-tuile-couleur{--pi-img:url(icons/spirituo/lieu-caviste-tuile-couleur.svg)}
.pi--lieu-restaurant{--pi-img:url(icons/spirituo/lieu-restaurant.svg)}
.pi--lieu-restaurant-tuile-a{--pi-img:url(icons/spirituo/lieu-restaurant-tuile-a.svg)}
.pi--lieu-restaurant-tuile-a-couleur{--pi-img:url(icons/spirituo/lieu-restaurant-tuile-a-couleur.svg)}
.pi--lieu-restaurant-tuile-b{--pi-img:url(icons/spirituo/lieu-restaurant-tuile-b.svg)}
.pi--lieu-restaurant-tuile-b-couleur{--pi-img:url(icons/spirituo/lieu-restaurant-tuile-b-couleur.svg)}
.pi--plat-aperitifs{--pi-img:url(icons/spirituo/plat-aperitifs.svg)}
.pi--plat-desserts{--pi-img:url(icons/spirituo/plat-desserts.svg)}
.pi--plat-entrees{--pi-img:url(icons/spirituo/plat-entrees.svg)}
.pi--plat-fromages{--pi-img:url(icons/spirituo/plat-fromages.svg)}
.pi--plat-poissons{--pi-img:url(icons/spirituo/plat-poissons.svg)}
.pi--plat-specialites{--pi-img:url(icons/spirituo/plat-specialites.svg)}
.pi--plat-viandes{--pi-img:url(icons/spirituo/plat-viandes.svg)}
.pi--verre-armagnac{--pi-img:url(icons/spirituo/verre-armagnac.svg)}
.pi--verre-biere-ambree{--pi-img:url(icons/spirituo/verre-biere-ambree.svg)}
.pi--verre-biere-autre{--pi-img:url(icons/spirituo/verre-biere-autre.svg)}
.pi--verre-biere-blanche{--pi-img:url(icons/spirituo/verre-biere-blanche.svg)}
.pi--verre-biere-blonde{--pi-img:url(icons/spirituo/verre-biere-blonde.svg)}
.pi--verre-biere-brune{--pi-img:url(icons/spirituo/verre-biere-brune.svg)}
.pi--verre-biere-noire{--pi-img:url(icons/spirituo/verre-biere-noire.svg)}
.pi--verre-bouteille-masquee{--pi-img:url(icons/spirituo/verre-bouteille-masquee.svg)}
.pi--verre-champagne{--pi-img:url(icons/spirituo/verre-champagne.svg)}
.pi--verre-champagne-blanc{--pi-img:url(icons/spirituo/verre-champagne-blanc.svg)}
.pi--verre-champagne-petillant{--pi-img:url(icons/spirituo/verre-champagne-petillant.svg)}
.pi--verre-champagne-rose{--pi-img:url(icons/spirituo/verre-champagne-rose.svg)}
.pi--verre-cognac{--pi-img:url(icons/spirituo/verre-cognac.svg)}
.pi--verre-rhum{--pi-img:url(icons/spirituo/verre-rhum.svg)}
.pi--verre-vin-blanc{--pi-img:url(icons/spirituo/verre-vin-blanc.svg)}
.pi--verre-vin-rose{--pi-img:url(icons/spirituo/verre-vin-rose.svg)}
.pi--verre-vin-rouge{--pi-img:url(icons/spirituo/verre-vin-rouge.svg)}
.pi--verre-whisky{--pi-img:url(icons/spirituo/verre-whisky.svg)}
.pi--plein{width:calc(var(--pi-size,40px)*.5)}
.pi--verre-champagne-plein{--pi-img:url(icons/spirituo/verre-champagne-plein.svg)}
.pi--verre-vin-rouge-plein{--pi-img:url(icons/spirituo/verre-vin-rouge-plein.svg)}
.pi--verre-biere-blanche-plein{--pi-img:url(icons/spirituo/verre-biere-blanche-plein.svg)}
.pi--verre-whisky-plein{--pi-img:url(icons/spirituo/verre-whisky-plein.svg)}
.pi--verre-champagne-blanc-plein{--pi-img:url(icons/spirituo/verre-champagne-blanc-plein.svg)}
.pi--verre-vin-blanc-plein{--pi-img:url(icons/spirituo/verre-vin-blanc-plein.svg)}
.pi--verre-biere-blonde-plein{--pi-img:url(icons/spirituo/verre-biere-blonde-plein.svg)}
.pi--verre-armagnac-plein{--pi-img:url(icons/spirituo/verre-armagnac-plein.svg)}
.pi--verre-champagne-rose-plein{--pi-img:url(icons/spirituo/verre-champagne-rose-plein.svg)}
.pi--verre-vin-rose-plein{--pi-img:url(icons/spirituo/verre-vin-rose-plein.svg)}
.pi--verre-biere-ambree-plein{--pi-img:url(icons/spirituo/verre-biere-ambree-plein.svg)}
.pi--verre-cognac-plein{--pi-img:url(icons/spirituo/verre-cognac-plein.svg)}
.pi--verre-champagne-petillant-plein{--pi-img:url(icons/spirituo/verre-champagne-petillant-plein.svg)}
.pi--verre-biere-brune-plein{--pi-img:url(icons/spirituo/verre-biere-brune-plein.svg)}
.pi--verre-rhum-plein{--pi-img:url(icons/spirituo/verre-rhum-plein.svg)}
.pi--verre-biere-autre-plein{--pi-img:url(icons/spirituo/verre-biere-autre-plein.svg)}
.pi--verre-biere-noire-plein{--pi-img:url(icons/spirituo/verre-biere-noire-plein.svg)}
.pi--verre-champagne-plein{width:calc(var(--pi-size,40px)*0.34)}
.pi--verre-vin-rouge-plein{width:calc(var(--pi-size,40px)*0.569)}
.pi--verre-biere-blanche-plein{width:calc(var(--pi-size,40px)*0.421)}
.pi--verre-whisky-plein{width:calc(var(--pi-size,40px)*0.847)}
.pi--verre-champagne-blanc-plein{width:calc(var(--pi-size,40px)*0.34)}
.pi--verre-vin-blanc-plein{width:calc(var(--pi-size,40px)*0.569)}
.pi--verre-biere-blonde-plein{width:calc(var(--pi-size,40px)*0.421)}
.pi--verre-armagnac-plein{width:calc(var(--pi-size,40px)*0.847)}
.pi--verre-champagne-rose-plein{width:calc(var(--pi-size,40px)*0.34)}
.pi--verre-vin-rose-plein{width:calc(var(--pi-size,40px)*0.569)}
.pi--verre-biere-ambree-plein{width:calc(var(--pi-size,40px)*0.421)}
.pi--verre-cognac-plein{width:calc(var(--pi-size,40px)*0.847)}
.pi--verre-champagne-petillant-plein{width:calc(var(--pi-size,40px)*0.282)}
.pi--verre-biere-brune-plein{width:calc(var(--pi-size,40px)*0.421)}
.pi--verre-rhum-plein{width:calc(var(--pi-size,40px)*0.847)}
.pi--verre-biere-autre-plein{width:calc(var(--pi-size,40px)*0.421)}
.pi--verre-biere-noire-plein{width:calc(var(--pi-size,40px)*0.421)}
.vin--rouge{color:var(--wine-red)}
.vin--blanc{color:var(--wine-white)}
.vin--rose{color:var(--wine-rose)}
.band--dark .vin--rouge{color:var(--wine-red-on-dark)}
.band--dark .vin--blanc{color:var(--wine-white-on-dark)}
.band--dark .vin--rose{color:var(--wine-rose-on-dark)}
.vv .pi--plein{--pi-size:22px}
.vv{display:inline-flex;align-items:center}
}