/* Global styles */

html {
  scrollbar-color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 25%) hsl(var(--texture-bg-hue) var(--texture-bg-sat) 8%);
}

body {
  margin: 0;
  background: black;
  font-size: 1rem;
  font-family: "Georgia", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  line-height: 1.5;
  color: white;
}

/* Lists */

ul, ol, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* Forms */

input {
  accent-color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 30%);
}

/* Links */

a, button {
  text-decoration: none;
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 70%);
}

a[href]:hover, button:hover {
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 90%);
}

a[href]:active, a[href]:focus, button:active, button:focus {
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 95%);
}

a[href], button, label {
  cursor: pointer;
}


/*
 * Themes
 */

.theme--magicland,
.theme--encyclopedie,
.theme--gryffondor,
.theme--serdaigle,
.theme--serpentard,
.theme--poufsouffle,
.theme--cachots {
  --texture-bg-size: 25rem 25rem;
}

.theme--magicland,
.theme--encyclopedie,
.theme--parc,
.theme--vitrine,
.theme--cachots {
  --crest-bg-img: url("../img/places/crests/hogwarts-en.png");
  --crest-bg-size: 4.625rem 5.6875rem;
}

.theme--magicland:lang(fr),
.theme--encyclopedie:lang(fr),
.theme--parc:lang(fr),
.theme--vitrine:lang(fr),
.theme--cachos:lang(fr) {
  --crest-bg-img: url("../img/places/crests/hogwarts.png");
}

.theme--magicland,
.theme--encyclopedie,
.theme--gryffondor,
.theme--poufsouffle {
  --texture-seams-image: url("../img/places/seams/beige.png");
  --texture-seams-width: 0.375rem;
}

.theme--serpentard,
.theme--serdaigle,
.theme--cachots {
  --texture-seams-image: url("../img/places/seams/gray.png");
  --texture-seams-width: 0.375rem;
}

.theme--magicland,
.theme--encyclopedie {
  --texture-bg-hue: 19;
  --texture-bg-sat: 33%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/hogwarts.jpg");
  --texture-border-color: #52422e;
  --texture-border-image: url("../img/places/borders/hogwarts.png");
  --bg-img: url("/images/fonds/0bcd6797e9d84992ea94b847cffc873f.jpg");
}

.theme--parc,
.theme--vitrine {
  --texture-bg-hue: 34;
  --texture-bg-sat: 12%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/public.webp");
  --texture-bg-size: 10rem 10rem;
  --texture-border-color: #484745;
  --texture-border-image: url("../img/places/borders/public.png");
  --bg-img: url("/images/fonds/f8284567e9a47aeaf302b53ff2f72117.jpg");
}

.theme--cachots {
  --texture-bg-hue: 0;
  --texture-bg-sat: 0%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/basements.jpg");
  --texture-border-color: #404040;
  --texture-border-image: url("../img/places/borders/basements.png");
  --bg-img: url("/images/fonds/0953b682d0fc4babfb474f4123b8d365.jpg");
}

.theme--gryffondor {
  --texture-bg-hue: 6;
  --texture-bg-sat: 50%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/gryffindor.jpg");
  --texture-border-color: #87582a;
  --texture-border-image: url("../img/places/borders/gryffindor.png");
  --bg-img: url("/images/fonds/7c171042bc237b7365f7caffbca78c20.jpg");
  --crest-bg-img: url("../img/places/crests/gryffindor.png");
  --crest-bg-size: 4.75rem 5.6875rem;
}

.theme--serpentard {
  --texture-bg-hue: 116;
  --texture-bg-sat: 24%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/slytherin.jpg");
  --texture-border-color: #585858;
  --texture-border-image: url("../img/places/borders/slytherin.png");
  --bg-img: url("/images/fonds/d47d25dac58b3dda0bfa0239281af7ef.jpg");
  --crest-bg-img: url("../img/places/crests/slytherin.png");
  --crest-bg-size: 5.0rem 5.6875rem;
}

.theme--serdaigle {
  --texture-bg-hue: 215;
  --texture-bg-sat: 33%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/ravenclaw.jpg");
  --texture-border-color: #685349;
  --texture-border-image: url("../img/places/borders/ravenclaw.png");
  --bg-img: url("/images/fonds/bda7ffced27cb6d6741ce9d431f282fc.jpg");
  --crest-bg-img: url("../img/places/crests/ravenclaw.png");
  --crest-bg-size: 5.0rem 5.6875rem;
}

.theme--poufsouffle {
  --texture-bg-hue: 33;
  --texture-bg-sat: 40%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/hufflepuff.jpg");
  --texture-border-color: #72552c;
  --texture-border-image: url("../img/places/borders/hufflepuff.png");
  --bg-img: url("/images/fonds/ab28f7aad288051fe3aa829ef290ce78.jpg");
  --crest-bg-img: url("../img/places/crests/hufflepuff.png");
  --crest-bg-size: 5.0rem 5.6875rem;
}

.theme--chemindetraverse,
.theme--alleedesembrumes,
.theme--gringotts {
  --texture-bg-size: 17rem 17rem;
  --texture-bg-offset: 3.0rem;
}

.theme--chemindetraverse {
  --texture-bg-hue: 16;
  --texture-bg-sat: 32%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/diagon-alley.jpg");
  --texture-border-color: #5a4130;
  --texture-border-image: url("../img/places/borders/diagon-alley.png");
  --bg-img: url("/images/fonds/59ae4b34c49560e0fc0f62d6ba0d4b1c.jpg");
}

.theme--alleedesembrumes {
  --texture-bg-hue: 140;
  --texture-bg-sat: 15%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/knockturn-alley.jpg");
  --texture-border-color: #3f4d4e;
  --texture-border-image: url("../img/places/borders/knockturn-alley.png");
  --bg-img: url("/images/fonds/8d7106b6e25aca7e6c43378b7c1879b2.jpg");
}

.theme--gringotts {
  --texture-bg-hue: 0;
  --texture-bg-sat: 0%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/gringotts.jpg");
  --texture-border-color: #474747;
  --texture-border-image: url("../img/places/borders/gringotts.png");
  --bg-img: url("/images/fonds/59ae4b34c49560e0fc0f62d6ba0d4b1c.jpg");
}

.theme--chaudronbaveur {
  --texture-bg-hue: 28;
  --texture-bg-sat: 47%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/leaky-cauldron.webp");
  --texture-bg-size: 17.0625rem 9rem;
  --texture-border-color: #5f4128;
  --texture-border-image: url("../img/places/borders/leaky-cauldron.png");
  --bg-img: url("/images/fonds/1413ec33a50446cde8d3d6e1ce133156.jpg");
  --crest-bg-img: url("../img/places/crests/leaky-cauldron-en.png");
  --crest-bg-size:  4.6875rem 5.625rem;
}

.theme--chaudronbaveur:lang(fr) {
  --crest-bg-img: url("../img/places/crests/leaky-cauldron.png");
}

.theme--consilium {
  --texture-bg-hue: 175;
  --texture-bg-sat: 28%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/consilium.jpg");
  --texture-bg-size: 5rem 5rem;
  --texture-border-color: #273f42;
  --texture-border-image: url("../img/places/borders/consilium.png");
  --bg-img: url("/images/fonds/66cd598bd5d589be0c375c678f013fc4.jpg");
  --crest-bg-img: url("../img/places/crests/consilium.png");
  --crest-bg-size: 4.6875rem 4.6875rem;
}

.theme--godricshollow {
  --texture-bg-hue: 14;
  --texture-bg-sat: 29%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/godricshollow.jpg");
  --texture-bg-size: 22rem 22rem;
  --texture-bg-offset: 1.55rem;
  --texture-border-color: #5f4526;
  --texture-border-image: url("../img/places/borders/godricshollow.png");
  --bg-img: url("/images/fonds/b4225f436c3203c2298fde076bd4b3bd.jpg");
  --crest-bg-img: url("../img/places/crests/godricshollow.png");
  --crest-bg-size: 6.25rem 5.125rem;
}

.theme--londres {
  --texture-bg-hue: 0;
  --texture-bg-sat: 0%;
  --texture-bg-lgt: 11%;
  --texture-bg-image: url("../img/places/textures/london.jpg");
  --texture-bg-size: 10.0625rem 6rem;
  --texture-border-color: #4e4e4c;
  --texture-border-image: url("../img/places/borders/london.png");
  --bg-img: url("/images/fonds/6aad959eadeaff387385c3382df58c02.jpg");
}

.theme--londres,
.theme--chemindetraverse,
.theme--alleedesembrumes,
.theme--gringotts {
  --crest-bg-img: url("../img/places/crests/london.png");
  --crest-bg-size: 5.625rem 5.625rem;
}

.theme--ministere {
  --texture-bg-hue: 202;
  --texture-bg-sat: 22%;
  --texture-bg-lgt: 10%;
  --texture-bg-image: url("../img/places/textures/minister.jpg");
  --texture-bg-size: 12rem 12rem;
  --texture-bg-offset: -0.1rem;
  --texture-border-color: #4b4f52;
  --texture-border-image: url("../img/places/borders/minister.png");
  --bg-img: url("/images/fonds/1bbd5f5739cd65d838a77a23661e2612.jpg");
  --crest-bg-img: url("../img/places/crests/minister.png");
  --crest-bg-size: 5.0625rem 5.6875rem;
}

.theme--preaulard {
  --texture-bg-hue: 17;
  --texture-bg-sat: 10%;
  --texture-bg-lgt: 14%;
  --texture-bg-image: url("../img/places/textures/hogsmeade.jpg");
  --texture-bg-size: 11rem 11rem;
  --texture-border-color: #574d4b;
  --texture-border-image: url("../img/places/borders/hogsmeade.png");
  --bg-img: url("/images/fonds/123c3bf2aa02e0c89649b6882b7a1952.jpg");
  --crest-bg-img: url("../img/places/crests/hogsmeade-en.png");
  --crest-bg-size: 7.625rem 5.0rem;
}

.theme--preaulard:lang(fr) {
  --crest-bg-img: url("../img/places/crests/hogsmeade.png");
}


/* Textures */

.textured {
  background: hsl(var(--texture-bg-hue) var(--texture-bg-sat) var(--texture-bg-lgt)) var(--texture-bg-image);
  background-size: var(--texture-bg-size);
  background-position: center var(--texture-bg-offset, 0);
  border-image: var(--texture-seams-image) 12 repeat;
  border-image-width: 0 var(--texture-seams-width, 0);
  border-width: var(--texture-seams-width, 0) 0;
  border-style: solid;
  border-color: rgba(0,0,0,0.01);
  background-origin: border-box;
}

/* Backgrounds */

.v3 .background { /* TODO: remove */
  background-image: var(--bg-img);
}


/*
 *  Header
 */

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 3rem;
  z-index: 200; /* TODO: revoir les z-index */
  display: flex;
  align-items: center;
  justify-content: center;
  border-image-width: 0 0 var(--texture-seams-width, 0) 0; /* No border on the left and on the right */
  border-top: 0;
  box-sizing: border-box;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation; /* Prevent zoom on double tap */
}

.header::after { /* Shadow under header but over dropdown menus */
  position: fixed;
  top: 3rem;
  left: 0;
  right: 0;
  height: 2rem;
  content: "";
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0.1rem, rgba(0, 0, 0, 0) 2rem);
  pointer-events: none;
  z-index: 500; /* TODO: revoir les z-index */
}

/*
 * Header title
 */

.header__title {
  font-size: 0.9125em;
  color: hsl(0 0% 100% / 60%);
  border-radius: .2em;
  background: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 24%);
  border-left: .25rem solid hsl(var(--texture-bg-hue) var(--texture-bg-sat) 15%);
  border-right: .25rem solid hsl(var(--texture-bg-hue) var(--texture-bg-sat) 15%);
  box-shadow: 0 0 .5em .0625rem #000;
  margin: 0 12rem;
  line-height: 1.2;
}

@media (max-width: 40rem) {
  .header__title {
    display: none;
  }
}

.header__title::before {
  content: " ";
  display: block;
  margin: -3em 0.25rem 0;
  z-index: -1;
  left: 0;
  right: 0;
  background-image: url("../img/elements/rope.png"),url("../img/elements/rope.png");
  background-size: .35em auto,.35em auto;
  background-position: center left,center right;
  background-repeat: repeat-y,repeat-y;
  height: 3em;
  opacity: .4;
}

.header__title__link {
  display: block;
  padding: .35em .75em;
  max-width: 28em;
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 90%);
}


/*
 *  Places crest
 */

.places__crest {
  position: fixed;
  top: 0rem;
  left: 1rem;
  height: 5.625rem;
  width: 8.5rem;
  z-index: 600;
  background: no-repeat center top / var(--crest-bg-size) var(--crest-bg-img);
  filter: brightness(1) drop-shadow(0 0 0.8rem black);
  transition: filter 250ms ease-in-out;
}

.places:hover .places__crest,
.places:focus-within .places__crest {
  filter: brightness(1.40) drop-shadow(0 0 0.8rem hsl(var(--texture-bg-hue) var(--texture-bg-sat) 20%));
}

@media (max-width: 32rem) {
  .places__crest {
    background-position: 0.5rem top;
    transform-origin: 0 0;
    transform: scale(0.8);
  }
}


/*
 *  Header dropdowns (top left and top right)
 */

.header__dropdown {
  display: block;
  position: fixed;
  top: 3rem;
  border-top: 0;
  box-sizing: border-box;
  overflow-y: auto;
  overscroll-behavior: none;
  scrollbar-width: thin;
  text-align: left;
}

.header__dropdown__inside {
  padding: 1.5rem 1rem 1rem;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
              var(--texture-bg-image) 0 0 / var(--texture-bg-size)
              hsl(var(--texture-bg-hue) var(--texture-bg-sat) var(--texture-bg-lgt));
}

@media (max-width: 40rem) {
  .header__dropdown {
    left: 0;
    right: 0;
    height: calc(100vh - 3rem);
  }

  .header__dropdown__inside {
    padding: 3rem 0 6rem;
    min-height: calc(100vh - 3rem);
    box-sizing: border-box;
  }
}

@media (min-width: 40rem) {
  .header__dropdown {
    border: .3125rem solid var(--texture-border-color);
    border-image: 10 round var( --texture-border-image);
    border-radius: .4em;
    box-shadow: 0 0.5rem 1rem 0.1rem #000;
    max-height: calc(100vh - 5.3125rem);
    min-width: min(16rem, 100vw);
  }
}

/* Close icon */

.header__close {
  display: none;
  position: fixed;
  top: 3.5rem;
  right: 0rem;
  width: 5.5rem;
  height: 5.5rem;
  text-align: center;
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 45%);
}

.header__close .icon {
  width: 1.25rem;
  height: 1.25rem;
}

@media (hover: none) {
  .dropdown__trigger:focus-within + .header__close,
  .dropdown__trigger:hover + .header__close {
    display: block;
  }
}

/*
 * Places mega-menu
 */

.places__checkbox {
  display: none;
}

@media (max-width: 40rem) {
  /* Accordeon mechanics */

  .places__label {
    display: block;
  }

  .places__menu__content {
    max-height: 0px;
    transition: max-height 300ms cubic-bezier(0, 1, 0, 1) -.1s;
    overflow: hidden;
  }

  .places__checkbox:checked + .places__link + .places__menu__content {
    max-height: 500rem;
    transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
  }
}

@media (min-width: 40rem) {
  /* Menu mechanics */

  .places__menu__content {
    visibility: hidden;
    transition-delay: 150ms;
  }

  .header__dropdown--places {
    position: fixed;
    left: 0;
    width: min(16rem, 100vw);
    height: min(26.6875rem, calc(100vh - 5.3125rem));
    transition: all 0.08s ease-in-out;
    transition-delay: 100ms;
    box-sizing: border-box;
  }

  /* Show content on hover or focus */
  .places__menu__trigger:focus-within > .places__menu__content, /* show on focus… */
  .header__dropdown--places:not(:focus-within) .places__menu__trigger:hover > .places__menu__content, /* … on hover only if not focused */
  .places__link:focus + .places__menu__content .places__menu__trigger:hover > .places__menu__content { /* … or on hover inside focused parent */
    visibility: visible;
    transition-delay: 150ms;
  }

  /* Increase width to second column */
  .header__dropdown--places:has(.places__item--level1:hover),
  .header__dropdown--places:has(.places__item--level1:focus-within) {
    width: min(26.5rem, 100vw);
  }

  /* Increase width to third column */
  .header__dropdown--places:has(.places__item--level2:hover),
  .header__dropdown--places:has(.places__item--level2:focus-within) {
    width: min(46rem, 100vw);
  }

  @supports not (selector(:has(*))) {
    .header__dropdown--places {
      width: min(46rem, 100vw);
    }
  }

  /* Columns */

  /* First column */
  .header__dropdown__inside--places {
    box-sizing: border-box;
    padding: 3.5rem 1rem 2rem;
    min-height: 26.05rem;
  }

  .places__column__scroll { /* overflow between two fixed div to prevent Safari bug: https://stackoverflow.com/q/26704903/ */
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 3.5rem;
    scrollbar-width: thin;
    height: min(22.5rem, 100vh - 9.5rem);
  }

  .places__item--level1 {
    width: 12rem;
  }

  .places__column--level1,
  .places__column--level2 {
    position: fixed;
    top: 3.3125rem;
    margin-left: 12rem;
    width: 12rem;
  }

  .places__column--level2 {
    width: min(20rem, 100vw - 27.5rem);
  }
}

/* Links */

.places__link {
  display: inline-block;
  width: 100%;
  padding: 0.25rem 0.5rem;
  box-sizing: border-box;
  border-radius: 0.25rem;
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 65%);
}

.places__link:not(.header__locked):hover,
.places__link:not(.header__locked):focus,
.places__menu__trigger:hover > .places__link,
.places__menu__trigger:focus-within > .places__link {
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 95%);
  background-color: var(--dropdown-hover, transparent);
  text-decoration-color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 40%);
}

@media (min-width: 40rem) {
  .places {
    --dropdown-hover: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 60% / 15%);
  }
}

/* Icon in certain places */

.places__link:has( + .places__icon) {
  width: initial;
}

@supports not (selector(:has(*))) {
  .places__link {
    width: initial;
  }
}

.places__icon {
  padding-inline: 0.5rem;
}

/* Places with unread messages */

.places__link--unread::after {
  position: relative;
  display: inline-block;
  content: ' ';
  left: 0.5rem;
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 0.5rem;
  background-color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 25%);
  text-decoration: none;
}

.places__link--unread:hover::after,
.places__link--unread:focus::after {
  background-color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 50%);
}

/* Current place and parents */

.places__link--current,
.places__link--current {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 25%);
  text-underline-offset: 0.3125rem;
}

/* Locked places */

.header__locked {
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 30%);
  text-shadow: 1px 1px 1px #000, 3px 3px 3px #000;
}

.header__locked .icon,
.header__locked:hover .icon {
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 30%);
  margin-right: 0.75rem;
}

/* Subplaces */

.places__subplaces {
  margin-left: 1rem;
  border-left: 2px solid hsl(var(--texture-bg-hue) var(--texture-bg-sat) 15%);
}

.places__subplaces .places__link {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  padding-left: 0.75rem;
}

/* Carets */

.places__link--is-button::after,
.places__link--is-button::before {
  display: block;
  height: 1em;
  -webkit-mask: 50% 50% / 100% 100% no-repeat var(--svg);
  mask: 50% 50% / 100% 100% no-repeat var(--svg);
  background-color: currentColor;
  position: relative;
  top: 0.3em;
  width: 1.75em;
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 30%);
}

@media (max-width: 40rem) {
  .places__link--is-button::before {
    content: " ";
    float: left;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
    color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 40%);
  }

  .places__checkbox:checked + .places__link--is-button::before {
    transform: rotate(90deg);
  }
}

@media (min-width: 40rem) {
  .places__label { /* Prevent wrapping between label and caret */
    margin-right: -2rem;
    padding-right: 2rem;
  }

  .places__link--is-button::after {
    content: " ";
    float: right;
  }
}

/* Caret color on hover or focus */
.places__menu__trigger:hover > .places__link--is-button::before,
.places__menu__trigger:hover > .places__link--is-button::after,
.places__menu__trigger:focus-within > .places__link--is-button::before,
.places__menu__trigger:focus-within > .places__link--is-button::after {
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 80%);
}

/* Accordeon */

@media (max-width: 40rem) {
  .header__dropdown__inside--places {
    padding-inline: 10vw;
  }

  .places__link--is-button {
    padding-top: 0;
    padding-bottom: 0;
  }

  .places__label {
    font-size: 1.0625rem;
    padding: 0.25rem 0.5rem;
  }

  .places__column--level1 {
    margin-left: 1.5rem;
  }
  .places__column--level2 {
    margin-left: 2.5rem;
  }

  .places__subplaces {
    margin-left: 1.5rem;
  }
}


/*
 *  Navbar (top right icons)
 */

.header__navbar {
  position: fixed;
  right: 0.8rem;
  top: 0;
  display: flex;
}

.header__navbar__icon {
  display: inline-block;
  position: relative;
  text-align: left;
  height: 3rem;
  padding: 0;
  filter: brightness(0.9) drop-shadow(0 0 .3rem black);
}

.header__navbar__icon:hover {
  filter: brightness(1.30) drop-shadow(0 0 0.3rem hsl(var(--texture-bg-hue) var(--texture-bg-sat) 35%));
}

.header__navbar__icon--owls {
  width: 2.8rem;
  background: url("../img/icons/owls.png") 50% 45% / 2.1875rem 2.1875rem no-repeat;
}

.header__navbar__icon--owls--unread {
  background-image: url("../img/icons/owls-unread.png");
  filter: brightness(1) drop-shadow(0 0 0.1rem black);
}

.header__navbar__icon--notifications {
  width: 2.5rem;
  background: url("../img/icons/remembrall.png") 50% 55% / 1.75rem 1.75rem no-repeat;
}

.header__navbar__icon--notifications--unread {
  background-image: url("../img/icons/remembrall-unread.png");
  filter: brightness(1) drop-shadow(0 0 0.1rem black);
}

.header__navbar__icon--shortcuts {
  width: 2.4rem;
  background: url("../img/icons/quill.png") 50% 50%/1.5625rem 1.875rem no-repeat;
}

.header__navbar__icon--frame {
  width: 2.8rem;
  background: url("../img/icons/frame.png") 50% 45%/1.875rem 1.875rem no-repeat;
  text-align: left;
  perspective: 110px;
}

.header__navbar__icon--frame > .avatar {
  height: 1.47rem;
  max-height: 1.47rem;
  width: 1.25rem;
  max-width: 1.25rem;
  transform: translate(0.63rem, 0.08rem)rotate3d(-50, 90, -19, -40deg);
}

.header__navbar__badge {
  position: absolute;
  right: 0rem;
  top: 0.7em;
  min-width: 1.2em;
  height: 1.2em;
  border-radius: 0.8em;
  background-color: #a02211;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.65em;
  padding: 0.1rem;
  box-shadow: 0 0 0.1em 0.05rem #3b0d06;
  color: white;
}

.header__dropdown--notifications {
  line-height: 1.25;
  min-width: 20rem;
}

.header__navbar__link {
  display: block;
  padding: 0.25rem 0;
}

.header__navbar__link .icon {
  width: 1.25rem;
  margin-right: 0.75rem;
}

@media (max-width: 40rem) {
  .header__navbar__link {
    width: 13rem;
    font-size: 1.0625rem;
    margin-inline: auto;
  }
}

@media (min-width: 40rem) {
  .header__dropdown--notifications {
    right: 2rem;
  }

  .header__dropdown--shortcuts {
    right: 1.5rem;
  }

  .header__dropdown--frame {
    right: 1rem;
  }
}

.header__notification__date {
  font-size: 0.9375rem;
  margin: -0.1rem 0 0.1rem;
  font-size: 0.875rem;
  text-align: center;
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 40%);
}

.header__notification__text {
  font-size: 0.9375rem;
  max-width: 14rem;
  margin-inline: auto;
}

.header__notification__text--unread {
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 85%);
}

.header__notification__text::before {
  display: inline-block;
  content: ' ';
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 0.5rem;
  margin-left: -1.65rem;
  margin-right: 1.1rem;
  border: 1px solid hsl(var(--texture-bg-hue) var(--texture-bg-sat) 25%);
  box-sizing: border-box;
}

.header__notification__text--unread::before {
  background-color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 75%);
  border-width: 0;
}

.header__notification__link:hover {
  filter: brightness(1.2);
}

.header__notification__link:not(:last-of-type)::after {
  display: block;
  margin: 0.5rem auto;
  width: 7rem;
  border-top: 1px solid hsl(var(--texture-bg-hue) var(--texture-bg-sat) 17%);
  height: 1px;
  content: ' ';
}


/* Guest buttons TODO */

.header__guest {
  display: flex;
  position: fixed;
  height: 3rem;
  right: 1rem;
  top: 0;
}

.theme--londres .header__guest,
.theme--parc .header__guest,
.theme--chemindetraverse .header__guest,
.theme--vitrine .header__guest {
  right: 0;
  padding: 0 2rem 1.25rem 3.3rem;
  background-image: url('../img/elements/lierre.png'), url('../img/elements/lierre2.png');
  background-size: 3.5625rem 4.25rem, 2.3125rem 4.25rem;
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat;
  z-index: 800;
}

.header__guest__link {
  display: flex;
  align-items: center;
  height: 2.9rem;
  padding: 0 0.3rem 1rem;
}

.header__guest__text {
  display: inline-block;
  text-align: center;
  padding: 0 .3rem 0.1rem;
  background: rgba(0,0,0,.5);
  line-height: 1.125rem;
 height: 1.125rem;
  min-width: 3rem;
}

.header__guest__link:hover .header__guest__text {
  background: rgba(0,0,0,.2);
  box-shadow: inset 0 0 .2em .1em #000,0 0 .7em .2em hsla(0,0%,100%,.1);
  transition: all 250ms ease-in-out;
}

.header__guest__text .icon {
  margin-right: 0.35rem;
  transition: all 250ms ease-in-out;
}


/*
 * Dropdown mechanics
 */

.dropdown__content {
  display: none;
}

.dropdown__trigger:focus-within > .dropdown__content,
.dropdown__trigger:hover > .dropdown__content {
  display: block;
}


/*
 *  Footer
 */

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  min-height: 2rem;
  width: 100vw;
  z-index: 150; /* TODO: revoir les z-index */
  border-image-width: var(--texture-seams-width, 0) 0 0 0; /* No border on the left and on the right */
  border-bottom: 0;
  box-sizing: content-box;
  box-shadow: 0 0 1.5rem 1rem #000;
  font-size: 0.9375rem;
  padding-bottom: env(safe-area-inset-bottom);
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
              var(--texture-bg-image) center var(--texture-bg-offset, 0) / var(--texture-bg-size) hsl(var(--texture-bg-hue) var(--texture-bg-sat) var(--texture-bg-lgt));
  background-origin: border-box;
  user-select: none;
  -webkit-user-select: none;
}

.footer__list {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 0.7rem;
}

.footer__link {
  display: inline-block;
  padding: 0.3rem 0.2rem;
}

.footer .icon{
  margin-inline: 0.25rem;
}

@media (max-width: 32rem) {
  .footer__link {
    font-size: 0.8125rem;
  }
}

/*
 * Responsive items
 */

.lower {
  text-transform: lowercase;
}

@media (max-width: 40rem) {
  .hidden-on-phone {
    display: none;
  }

  .up-on-phone {
    display: inline-block;
  }

  .up-on-phone:first-letter{
    text-transform: capitalize
  }
}


/*
 * Icons and separators
 */

.icon, .separator {
  display: inline-block;
  -webkit-mask: 50% 50% / 100% 100% no-repeat var(--svg);
  mask: 50% 50% / 100% 100% no-repeat var(--svg);
  background-color: currentColor;
}

/* Separators */

.separator {
  display: block;
  margin-inline: auto;
  -webkit-mask-size: 320% 320%;
  mask-size: 320% 320%;
  background-color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 25%);
}

.separator--arabesque {
  margin: 0.3rem auto;
  height: 1.4rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 80'%3E%3Cpath d='M76.513 40.867c-.75.43-1.503.896-2.254 1.36-.79-.464-1.576-.93-2.328-1.396.752-.43 1.504-.858 2.29-1.322.753.463 1.54.928 2.29 1.358zm-4.724 3.006c-.502.322-.966.682-1.467 1.074-.86-.574-1.72-1.145-2.578-1.646.93-.537 1.827-1.074 2.756-1.575.825.466 1.613.93 2.436 1.432-.396.18-.79.43-1.147.716zm-5.475-1.36c-.11-.036-.18-.107-.286-.143a44.202 44.202 0 0 0-2.33-1.108 64.06 64.06 0 0 0 2.148-1.148 5.99 5.99 0 0 0 .823-.5c.824.43 1.613.86 2.4 1.324-.896.5-1.826 1.037-2.755 1.574zm-3.543 2.042c-.036 0-.072.035-.072.07-.073 0-.11.036-.18.036-3.327 1.433-6.98 1.826-10.594 1.684-2.95-.12-7.383-1.118-8.596-4.177h6.7v-1h-6.964c-.05-.344-.077-.7-.05-1.087.32-4.4 6.8-5.297 10.127-5.01 3.865.32 7.66 1.717 11.13 3.327.323.144.645.324.968.466a50.46 50.46 0 0 1-3.078 1.647c-2.362-1.11-4.724-2.22-7.086-3.366-.788-.393-1.502.825-.68 1.182 2.04.966 4.08 1.934 6.12 2.898-2.184.895-4.474 1.468-6.906 1.503-.896 0-.896 1.397 0 1.362 3.042-.037 5.87-.86 8.552-2.077.93.428 1.827.894 2.72 1.325-.68.392-1.394.786-2.11 1.217zm7.908-7.267l.43.322c.572.395 1.18.752 1.79 1.147-.787.464-1.575.893-2.326 1.358-.79-.43-1.577-.858-2.435-1.29.857-.536 1.718-1.037 2.54-1.538zm62.486 3.88l-35.355-.002c-.454-5.526-8.868-7.873-13.493-7.672-3.58.143-6.695 2.54-9.7 4.258-.108.072-.214.143-.323.18-.75-.465-1.54-.93-2.255-1.432 2.614-1.537 5.19-3.112 7.802-4.652.75-.464.07-1.646-.68-1.18-2.792 1.645-5.584 3.327-8.375 4.973-3.078-2.18-5.905-4.687-9.162-6.546-.787-.43-1.466.75-.678 1.18 3.077 1.716 5.724 4.042 8.587 6.119-.858.5-1.752 1.037-2.612 1.538-.036.04-.07.04-.142.075-5.656-2.828-11.99-5.333-18.038-4.08-2.578.537-5.583 1.79-6.693 4.365-.396.932-.465 1.92-.306 2.877H7v1h35a7.357 7.357 0 0 0 1.838 2.887c4.617 4.402 14.102 3.043 19.362.75.037 0 .037-.034.072-.034.07 0 .142-.036.216-.072.964-.536 1.895-1.108 2.86-1.645.97.537 1.898 1.11 2.793 1.717-3.148 2.362-6.513 4.723-10.628 3.865-.858-.18-1.217 1.145-.357 1.325 4.687 1.002 8.375-1.575 11.953-4.26a.76.76 0 0 0 .178-.144 237.71 237.71 0 0 1 3.652 2.65c.716.535 1.394-.682.68-1.183-1.075-.75-2.113-1.538-3.187-2.326a76.865 76.865 0 0 1 2.793-1.858c2.256 1.285 4.51 2.503 6.87 3.468 4.94 2.04 10.45 1.468 15.106-1.11.786-.428.07-1.608-.682-1.18-3.9 2.183-8.483 2.828-12.776 1.43-2.47-.785-4.833-2.075-7.16-3.47.752-.466 1.54-.93 2.29-1.36 1.577.858 3.152 1.72 4.725 2.54.788.432 1.468-.75.682-1.18-1.327-.715-2.687-1.43-4.01-2.147a69.05 69.05 0 0 1 4.51-2.29c.787-.358.106-1.573-.68-1.18a64.57 64.57 0 0 0-5.227 2.684c-.787-.43-1.54-.895-2.326-1.323 1.253-.715 2.505-1.432 3.758-2.112 3.364-1.86 6.155-2.04 9.842-.967 2.938.85 6.88 2.154 7.277 5.527h-6.25v1h6.275c-.002.01 0 .015 0 .024-.074.897 1.287.86 1.358 0v-.023h35.358v-1z'/%3E%3C/svg%3E");
}

/* Icons */

.icon {
  min-width: 1em;
  min-height: 1em;
  position: relative;
  top: 0.125rem;
  display: inline-block;
}

a .icon {
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 40%);
}

a:hover .icon,
a:focus .icon {
  color: hsl(var(--texture-bg-hue) var(--texture-bg-sat) 65%);
}


/*
 * Breadcrumbs
 */

.breadcrumbs {
  display: flex;
}

.breadcrumbs__level {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  max-width: 10rem;
  text-overflow: ellipsis;
  padding: 0 0.5rem;
}

.breadcrumbs__dropdown {
  position: absolute;
  background: white;
  z-index: 999;
}


/* Classes */ /* TODO: rename with read font-awesome */

.icon--address-book { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M384 48c8.8 0 16 7.2 16 16V448c0 8.8-7.2 16-16 16H96c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H384zM96 0C60.7 0 32 28.7 32 64V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zM240 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16H336c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80H208zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zM496 192c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V336z'/%3E%3C/svg%3E"); }
.icon--basket-shopping { min-width: 1.125em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M243.1 2.7c11.8 6.1 16.3 20.6 10.2 32.4L171.7 192H404.3L322.7 35.1c-6.1-11.8-1.5-26.3 10.2-32.4s26.2-1.5 32.4 10.2L458.4 192h36.1H544h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H532L476.1 463.5C469 492 443.4 512 414 512H162c-29.4 0-55-20-62.1-48.5L44 240H24c-13.3 0-24-10.7-24-24s10.7-24 24-24h8H81.5h36.1L210.7 12.9c6.1-11.8 20.6-16.3 32.4-10.2zM93.5 240l53 211.9c1.8 7.1 8.2 12.1 15.5 12.1H414c7.3 0 13.7-5 15.5-12.1l53-211.9H93.5zM224 312v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V312c0-13.3 10.7-24 24-24s24 10.7 24 24zm64-24c13.3 0 24 10.7 24 24v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V312c0-13.3 10.7-24 24-24zm112 24v80c0 13.3-10.7 24-24 24s-24-10.7-24-24V312c0-13.3 10.7-24 24-24s24 10.7 24 24z'/%3E%3C/svg%3E"); }
.icon--bean { min-width: 1.125em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='m 301.5,72.6 c -15.9,14.8 -25.5,34.1 -32.8,50.6 -4.2,9.6 -7.7,18 -10.9,25.7 l -1.3,3.2 c -9.3,22.5 -18.4,44.6 -39.1,65.3 -26.6,26.6 -56.8,42.7 -81.6,55.3 -2.8,1.4 -5.5,2.8 -8.1,4.1 v 0 C 105.3,288.2 88.1,296.9 72.6,309.3 57.7,321.2 48,337.8 48,360 c 0,50 42.8,75.3 77.6,87.3 36.6,12.5 80.5,16.7 114.4,16.7 70.2,0 140.7,-26.7 194,-66.3 52.5,-39.1 94,-95.4 94,-157.7 0,-48.1 -19,-95 -47,-130 C 453.4,75.5 413.1,48 368,48 340.6,48 318.6,56.6 301.5,72.6 Z M 268.8,37.4 C 295.7,12.4 329.7,0 368,0 433,0 485.7,39 518.5,80 552.4,122.4 576,179.6 576,240 576,323.9 520.9,392.8 462.6,436.2 402.1,481.2 321.7,512 240,512 203.2,512 153.5,507.6 110,492.7 73.4,480.1 0,444.3 0,360 c 0,-38.6 17.8,-68.3 42.5,-88.1 19.6,-15.8 41.4,-26.8 63.3,-37.8 27.3,-13.8 54.6,-27.6 77.7,-50.7 13.8,-13.8 19.7,-27.9 30,-52.9 3.2,-7.7 6.8,-16.5 11.2,-26.6 7.7,-17.6 20.6,-44.7 44.1,-66.5 z'/%3E%3C/svg%3E"); }
.icon--book-spells-r { min-width: 0.875em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 88C0 39.4 39.4 0 88 0H392c30.9 0 56 25.1 56 56V344c0 22.3-13.1 41.6-32 50.6V464h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H80c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8H0V88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32H368V400H80zM48 358.7c9.8-4.3 20.6-6.7 32-6.7H392c4.4 0 8-3.6 8-8V56c0-4.4-3.6-8-8-8H88C65.9 48 48 65.9 48 88V358.7zM160 112l8.8-17.7c2.9-5.9 11.4-5.9 14.3 0L192 112l17.7 8.8c5.9 2.9 5.9 11.4 0 14.3L192 144l-8.8 17.7c-2.9 5.9-11.4 5.9-14.3 0L160 144l-17.7-8.8c-5.9-2.9-5.9-11.4 0-14.3L160 112zM264 216l16.6-38.8c2.8-6.5 11.9-6.5 14.7 0L312 216l38.8 16.6c6.5 2.8 6.5 11.9 0 14.7L312 264l-16.6 38.8c-2.8 6.5-11.9 6.5-14.7 0L264 264l-38.8-16.6c-6.5-2.8-6.5-11.9 0-14.7L264 216z'/%3E%3C/svg%3E"); }
.icon--briefcase { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M176 56V96H336V56c0-4.4-3.6-8-8-8H184c-4.4 0-8 3.6-8 8zM128 96V56c0-30.9 25.1-56 56-56H328c30.9 0 56 25.1 56 56V96h64c35.3 0 64 28.7 64 64V280 416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V280 160c0-35.3 28.7-64 64-64h64zM48 304V416c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V304H320v16c0 17.7-14.3 32-32 32H224c-17.7 0-32-14.3-32-32V304H48zm144-48H320 464V160c0-8.8-7.2-16-16-16H360 152 64c-8.8 0-16 7.2-16 16v96H192z'/%3E%3C/svg%3E"); }
.icon--cauldron-r { min-width: 0.875em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M160 64a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm112 64a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM74.2 252.5c9.6-17.7 20.1-33.2 28.6-44.5H224 345.2c8.5 11.4 19 26.9 28.6 44.5c15.9 29.2 26.2 58.5 26.2 81.9c0 39.2-18.3 70-49.4 92.5C318.3 450.2 272.6 464 224 464s-94.3-13.8-126.6-37.1C66.3 404.4 48 373.6 48 334.4c0-23.3 10.3-52.6 26.2-81.9zM44.6 208C22.5 243.4 0 290.8 0 334.4c0 37.4 11.9 69.4 32 95.5V488c0 13.3 10.7 24 24 24s24-10.7 24-24V473c40.4 25.5 91.8 39 144 39s103.6-13.5 144-39v15c0 13.3 10.7 24 24 24s24-10.7 24-24V429.9c20.1-26.1 32-58.1 32-95.5c0-43.6-22.5-91-44.6-126.4H424c13.3 0 24-10.7 24-24s-10.7-24-24-24H368 224 80 24c-13.3 0-24 10.7-24 24s10.7 24 24 24H44.6z'/%3E%3C/svg%3E"); }
.icon--chart-line-up { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 56c0-13.3-10.7-24-24-24S0 42.7 0 56V408c0 39.8 32.2 72 72 72H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H72c-13.3 0-24-10.7-24-24V56zm272 96c0 13.3 10.7 24 24 24h54.1L304 270.1l-79-79c-9.4-9.4-24.6-9.4-33.9 0l-80 80c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l63-63 79 79c9.4 9.4 24.6 9.4 33.9 0l111-111V264c0 13.3 10.7 24 24 24s24-10.7 24-24V152c0-13.3-10.7-24-24-24H344c-13.3 0-24 10.7-24 24z'/%3E%3C/svg%3E"); }
.icon--check { min-width: 0.875em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z'/%3E%3C/svg%3E"); }
.icon--duck-r { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M69.1 324.1c11.2 4.8 23.7 5.2 35.2 1l146.5-52.7c14.6-5.3 25.8-17.3 30-32.2s.9-31-8.8-43.1c-10-12.4-15.9-28-15.9-45.1c0-39.8 32.2-72 72-72s72 32.2 72 72c0 20.1-8.2 38.2-21.5 51.4l7.5 7.6-7.5-7.6c-7.1 7-13.6 15.5-18.4 25.5c-8.7 18.2-5.1 39.9 9 54.4c14.3 14.5 22.9 34.3 22.9 56V352c0 44.2-35.8 80-80 80H196c-69.8 0-128.7-49.4-144.1-115.2l17.2 7.4zM446.8 135C438.5 76.8 388.5 32 328 32c-66.3 0-120 53.7-120 120c0 11.2 1.5 22 4.4 32.2c4.4 15.9 12.1 30.5 22.1 43l-47 16.9L88 280 37 258.1c-3.3-1.4-6.9-2.1-10.5-2.1C11.9 256 0 268.1 0 282.7C0 391 87.8 480 196 480H312c70.7 0 128-57.3 128-128V339.2c0-34.7-13.9-66.4-36.6-89.6c2.1-4.4 5.1-8.5 8.7-12c1.8-1.8 3.6-3.7 5.3-5.6h3.5c50.3 0 91.1-40.8 91.1-91.1c0-6.8-6-12.1-12.8-11.3L463.9 134c-5.7 .7-11.4 1-17.1 1zM344 176a24 24 0 1 0 0-48 24 24 0 1 0 0 48zM299.2 289.1c-13.1-1.8-25.2 7.5-27 20.6c-2.7 20-18 38.3-40.8 44c-18.6 4.6-36.8-.5-49.3-11.6c-9.9-8.8-25.1-7.9-33.9 2s-7.9 25.1 2 33.9c24.2 21.5 58.7 30.8 92.8 22.3c41.6-10.4 71.4-44.4 76.7-84.2c1.8-13.1-7.5-25.2-20.6-27z'/%3E%3C/svg%3E"); }
.icon--feather-pointed { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M117.7 343.9c-11.2-41.4-11.7-113 53.7-178.3c38.1-38.1 93.7-66.3 152.8-85.7c50.6-16.7 100.7-26 138.3-30.3c-4.3 37.6-13.6 87.7-30.3 138.3c-2.2 6.8-4.6 13.5-7 20.1H337.9l7.9-7.9c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L122.8 355.2c-2.6-4.1-4.2-7.9-5.1-11.3zm4.6 79.7c10 7.6 21 13.7 33.3 17c54.1 14.6 144.7 14 224.8-66.1C471.5 283.5 505 120.5 511.9 36.8c.8-9.9-3-19.6-10-26.6s-16.7-10.8-26.6-10C391.5 7 228.5 40.5 137.4 131.6C57.3 211.7 56.7 302.3 71.3 356.4c3.3 12.2 9.4 23.2 17 33.3L7 471c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l81.3-81.3zm34.5-34.5L193.9 352H334.3c-61.9 53.9-127.3 52.9-166.2 42.3c-3.5-.9-7.2-2.6-11.3-5.2zm220-85.2H241.9l48-48H404.6c-8.4 17-17.7 33.2-27.9 48z'/%3E%3C/svg%3E"); }
.icon--frog { min-width: 1.125em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M322.4 113c-5.9 17.8-21.6 30.6-40.2 32.7C150.4 160.5 48 272.3 48 408v16c0 4.4 3.6 8 8 8H238.1c.3-.3 .6-.7 .9-1l56.8-56.8c10.4-10.3 16.2-24.4 16.2-39c0-30.5-24.7-55.2-55.2-55.2c-14.6 0-28.7 5.8-39 16.2L169 345c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l48.8-48.8c19.4-19.4 45.6-30.2 73-30.2c50.2 0 92 35.8 101.3 83.2c3-6.3 7.4-11.9 12.9-16.4c4.6-3.8 9.5-7.3 14.5-10.5l135.9-86.5c4.1-2.6 6.5-7.1 6.5-11.9c0-6.2-4-11.7-10-13.5l-70-21.5c-16.8-5.2-29.5-19.1-32.9-36.4C410.6 96.5 391.2 80 368 80c-21.2 0-39.3 13.8-45.6 33zM434.1 371.3l54 58.1c1.5 1.6 3.6 2.6 5.9 2.6h58c13.3 0 24 10.7 24 24s-10.7 24-24 24H494c-15.6 0-30.4-6.5-41-17.9l-23.5-25.3-28.7-31-16.4-17.6-16.4-17.6L355.4 384l-20.3 21.8L310.9 432h48.6 .5c4.7 0 9.2 1.4 12.9 3.7C379.6 440 384 447.5 384 456c0 .8 0 1.5-.1 2.3C382.7 470.5 372.5 480 360 480H310.9 56c-30.9 0-56-25.1-56-56V408C0 247.6 121.1 115.5 276.8 98c12.6-38.3 48.7-66 91.2-66c46.5 0 85.3 33.1 94.1 77l70 21.5c26.1 8 43.9 32.1 43.9 59.4c0 21.2-10.9 41-28.8 52.4L442 309.3l-30.7 19.6c-3.5 2.2-6.8 4.6-9.9 7.2l1.7 1.9 0 0 31 33.4zM368 120a24 24 0 1 1 0 48 24 24 0 1 1 0-48z'/%3E%3C/svg%3E"); }
.icon--gavel { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M313 7c9.3 9.3 9.4 24.3 .2 33.7L471.3 198.8c9.4-9.2 24.4-9.1 33.7 .2c9.4 9.4 9.4 24.6 0 33.9l-16.7 16.8L393 345l-16 16c-9.4 9.4-24.6 9.4-33.9 0c-9-9-9.4-23.5-.9-32.9L184 169.9c-9.4 8.4-23.9 8.1-32.9-.9c-9.4-9.4-9.4-24.6 0-33.9l16-16 95.2-95.3L279 7c9.4-9.4 24.6-9.4 33.9 0zM279.2 74.7L217.9 136 376 294.1l61.3-61.3L279.2 74.7zM223.4 254.6l33.9 33.9-49.8 49.8 7 7c12.5 12.5 12.5 32.8 0 45.3l-112 112c-12.5 12.5-32.8 12.5-45.3 0l-48-48c-12.5-12.5-12.5-32.8 0-45.3l112-112c12.5-12.5 32.8-12.5 45.3 0l7 7 49.8-49.8zm-79.4 88L54.6 432 80 457.4 169.4 368 144 342.6z'/%3E%3C/svg%3E"); }
.icon--gift { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M231.9 44.4C215.7 16.9 186.1 0 154.2 0H152C103.4 0 64 39.4 64 88c0 14.4 3.5 28 9.6 40H48c-26.5 0-48 21.5-48 48v64c0 20.9 13.4 38.7 32 45.3V288 448c0 35.3 28.7 64 64 64H416c35.3 0 64-28.7 64-64V288v-2.7c18.6-6.6 32-24.4 32-45.3V176c0-26.5-21.5-48-48-48H438.4c6.1-12 9.6-25.6 9.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9 0-61.5 16.9-77.7 44.4L256 85.5l-24.1-41zM464 176v64H432 288V176h72H464zm-240 0v64H80 48V176H152h72zm0 112V464H96c-8.8 0-16-7.2-16-16V288H224zm64 176V288H432V448c0 8.8-7.2 16-16 16H288zm72-336H288h-1.3l34.8-59.2C329.1 55.9 342.9 48 357.8 48H360c22.1 0 40 17.9 40 40s-17.9 40-40 40zm-136 0H152c-22.1 0-40-17.9-40-40s17.9-40 40-40h2.2c14.9 0 28.8 7.9 36.3 20.8L225.3 128H224z'/%3E%3C/svg%3E"); }
.icon--graduation-cap { min-width: 1.25em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M320 80c2.5 0 5 .4 7.4 1.3l218 78.7-218 78.7c-2.4 .9-4.9 1.3-7.4 1.3s-5-.4-7.4-1.3L184.9 192.6l140.8-52.8c8.3-3.1 12.5-12.3 9.4-20.6s-12.3-12.5-20.6-9.4L154.9 169.6c-5.2 2-10.3 4.2-15.3 6.6L94.7 160l218-78.7c2.4-.9 4.9-1.3 7.4-1.3zM15.8 182.6l77.4 27.9c-27.2 28.7-43.7 66.7-45.1 107.7c-.1 .6-.1 1.2-.1 1.8c0 28.4-10.8 57.8-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7c-3.2-14-7.5-28.3-13.4-41.5c1.9-37 19.2-70.9 46.7-94.2l169.5 61.2c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32s-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6zm480.8 80l-46.5 16.8 12.7 120.5c-4.8 3.5-12.8 8-24.6 12.6C410 423.6 368 432 320 432s-90-8.4-118.3-19.4c-11.8-4.6-19.8-9.2-24.6-12.6l12.7-120.5-46.5-16.8L128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6zM467.4 396a.7 .7 0 1 0 -1.2-.7 .7 .7 0 1 0 1.2 .7zm-294.8 0a.7 .7 0 1 0 1.2-.6 .7 .7 0 1 0 -1.2 .6z'/%3E%3C/svg%3E"); }
.icon--hammer-brush { min-width: 1.25em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M152 0C68.1 0 0 68.1 0 152v16c0 8.3 4.3 16 11.4 20.4s15.9 4.8 23.4 1.1l45.7-22.9c10.2 10.7 23.2 18.5 37.5 22.5L100.4 448.1C98 482.7 125.4 512 160 512s62-29.3 59.6-63.9L202.2 191.8c23.4-1.7 44.9-13.4 59-31.8H304v8c0 13.3 10.7 24 24 24s24-10.7 24-24V136.2l0-.2V56l0-.2V24c0-13.3-10.7-24-24-24s-24 10.7-24 24v8H261.2C245.8 12.1 221.9 0 196.2 0H152zM304 112H248c-9.1 0-17.4 5.1-21.5 13.3c-5.7 11.5-17.5 18.7-30.3 18.7H139.8c-12.8 0-24.6-7.3-30.3-18.7c-5.9-11.9-20.3-16.7-32.2-10.7L50.8 127.7C61.8 82 102.9 48 152 48h44.2c12.8 0 24.6 7.3 30.3 18.7C230.6 74.9 238.9 80 248 80h56v32zM592 464H480V416c0-8.8-7.2-16-16-16s-16 7.2-16 16v48H400V320H592V464zM380.5 237c-17.8 11.9-28.5 31.9-28.5 53.3V464c0 26.5 21.5 48 48 48H592c26.5 0 48-21.5 48-48V290.3c0-21.4-10.7-41.4-28.5-53.3L544 192V48c0-26.5-21.5-48-48-48s-48 21.5-48 48V192l-67.5 45zM480 48a16 16 0 1 1 32 0 16 16 0 1 1 -32 0z'/%3E%3C/svg%3E"); }
.icon--hat-witch-r { min-width: 1.125em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M148.4 384H96l85.9-196.3C198.8 149 228 116.9 265 96.5l170.4-94c3-1.7 6.4-2.5 9.9-2.5c7 0 13.7 2.4 19.1 6.7L564 86.4c7.6 6.1 12 15.3 12 25V121c0 4.6-1 9.2-2.9 13.4l-39.1 84.7c-3.6 7.9-11.5 12.9-20.1 12.9c-10.4 0-19.4-7.2-21.7-17.4l-8-35.9C481.7 167.8 472 160 460.8 160c-8 0-15.5 4-19.9 10.7l-19.5 29.3c-3.5 5.3-5.4 11.5-5.4 17.8c0 4.1 .8 8.2 2.3 11.9L480 384H428.3L373.7 247.5l0 0c-3.8-9.5-5.7-19.7-5.7-29.8c0-15.7 4.6-31.2 13.4-44.5L401 144c13.3-20 35.8-32 59.8-32c22.8 0 43.6 10.7 56.9 27.9l9.8-21.2L444.6 52.3 288.2 138.6c-27.7 15.3-49.7 39.3-62.4 68.4L148.4 384zM240 336c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32v48H240V336zm313.4 80c12.5 0 22.6 10.1 22.6 22.6c0 6-2.4 11.7-6.9 15.6C550.1 470.3 493.4 512 416 512H160C82.6 512 25.9 470.3 6.9 454.2C2.4 450.4 0 444.6 0 438.6C0 426.1 10.1 416 22.6 416H553.4z'/%3E%3C/svg%3E"); }
.icon--hat-wizard { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M327.7 227.6c-5.1-11.5-7.7-23.9-7.7-36.5c0-10.1 1.7-20.1 5-29.7l27.7-79.1-98.3 56.2c-26.6 15.2-47.7 38.5-60.1 66.5L100.5 416H48L150.4 185.5c16.6-37.4 44.7-68.4 80.2-88.7L376.9 13.2l.1 0 2.1-1.2 16.6-9.5C398.5 .9 401.7 0 405 0c10.5 0 19 8.5 19 19v1.5c0 2.3-.4 4.6-1.2 6.8l-5 14.2-1.5 4.2-.1 .3-46 131.3c-1.6 4.4-2.4 9.1-2.4 13.8c0 5.9 1.2 11.7 3.6 17l-43.9 19.5zm43.9-19.5L464 416H411.5L327.7 227.6l43.9-19.5zM246.2 416H201.8l-6.5-19.4-40.4-13.5C148.4 381 144 374.9 144 368s4.4-13 10.9-15.2l40.4-13.5 13.5-40.4c2.2-6.5 8.3-10.9 15.2-10.9s13 4.4 15.2 10.9l13.5 40.4 40.4 13.5c6.5 2.2 10.9 8.3 10.9 15.2s-4.4 13-10.9 15.2l-40.4 13.5L246.2 416zM0 480c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM264 168c3.4 0 6.5 2.2 7.6 5.5l6.7 20.2 20.2 6.7c3.3 1.1 5.5 4.1 5.5 7.6s-2.2 6.5-5.5 7.6l-20.2 6.7-6.7 20.2c-1.1 3.3-4.1 5.5-7.6 5.5s-6.5-2.2-7.6-5.5l-6.7-20.2-20.2-6.7c-3.3-1.1-5.5-4.1-5.5-7.6s2.2-6.5 5.5-7.6l20.2-6.7 6.7-20.2c1.1-3.3 4.1-5.5 7.6-5.5z'/%3E%3C/svg%3E"); }
.icon--heart { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8v-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5v3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20c0 0-.1-.1-.1-.1c0 0 0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5v3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2v-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z'/%3E%3C/svg%3E"); }
.icon--lock-keyhole { min-width: 0.875em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 48c44.2 0 80 35.8 80 80v64H144V128c0-44.2 35.8-80 80-80zM96 128v64H64c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V256c0-35.3-28.7-64-64-64H352V128C352 57.3 294.7 0 224 0S96 57.3 96 128zM64 240H384c8.8 0 16 7.2 16 16V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V256c0-8.8 7.2-16 16-16zm184 80c0-13.3-10.7-24-24-24s-24 10.7-24 24v64c0 13.3 10.7 24 24 24s24-10.7 24-24V320z'/%3E%3C/svg%3E"); }
.icon--magnifying-glass { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z'/%3E%3C/svg%3E"); }
.icon--map { min-width: 1.125em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M565.6 36.2C572.1 40.7 576 48.1 576 56V392c0 10-6.2 18.9-15.5 22.4l-168 64c-5.2 2-10.9 2.1-16.1 .3L192.5 417.5l-160 61c-7.4 2.8-15.7 1.8-22.2-2.7S0 463.9 0 456V120c0-10 6.1-18.9 15.5-22.4l168-64c5.2-2 10.9-2.1 16.1-.3L383.5 94.5l160-61c7.4-2.8 15.7-1.8 22.2 2.7zM48 136.5V421.2l120-45.7V90.8L48 136.5zM360 422.7V137.3l-144-48V374.7l144 48zm48-1.5l120-45.7V90.8L408 136.5V421.2z'/%3E%3C/svg%3E"); }
.icon--pen-fancy { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M399.4 59.9c7.1-7.6 17-11.9 27.3-11.9C447.3 48 464 64.7 464 85.3c0 10.4-4.3 20.2-11.9 27.3l-195.5 182-39.2-39.2 182-195.5zM426.7 0C403 0 380.4 9.8 364.2 27.2L170.8 234.9 97.2 257.6c-22.8 7-40.6 24.9-47.6 47.6L1.9 460.1c-9.4 30.7 19.3 59.4 50 50l154.8-47.6c22.8-7 40.6-24.9 47.6-47.6l22.6-73.6L484.8 147.8C502.2 131.6 512 109 512 85.3C512 38.2 473.8 0 426.7 0zM228.8 334.8l-20.3 65.9c-2.3 7.6-8.3 13.5-15.9 15.9L85 449.7 134.7 400c.4 0 .9 0 1.3 0c13.3 0 24-10.7 24-24s-10.7-24-24-24s-24 10.7-24 24c0 .4 0 .9 0 1.3L62.3 427 95.5 319.3c2.3-7.6 8.3-13.5 15.9-15.9l65.9-20.3 51.6 51.6z'/%3E%3C/svg%3E"); }
.icon--quidditch-r { min-width: 1.125em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M569 7c9.4 9.4 9.4 24.6 0 33.9L369 241l39 39c5.1 5.1 8 12.1 8 19.4c0 12.2-8.1 23-19.9 26.3l-55.6 15.9 .1 .6c7.1 46.4-8.3 93.4-41.5 126.7C271.5 496.5 234 512 194.9 512L22.3 512C10 512 0 502 0 489.7c0-6.2 2.6-12.1 7.2-16.4l49.9-46.1 24.3-22.4L104 384H81.3c-9.6 0-17.3-7.8-17.3-17.3c0-3.9 .2-7.8 .6-11.6c2.7-25.6 14-49.7 32.4-68l10.2-10.2c33.2-33.2 80.2-48.6 126.7-41.5l.6 .1 15.9-55.6c3.4-11.8 14.1-19.9 26.3-19.9c7.3 0 14.2 2.9 19.4 8l39 39L535 7c9.4-9.4 24.6-9.4 33.9 0zM321.2 297.2l28.1-8-62.4-62.4-8 28.1 42.3 42.3zm-84.9-12.9l-9.8-1.5c-31.3-4.8-63 5.6-85.4 28l-10.2 10.2c-5.1 5.1-9.3 11-12.4 17.3c13.5 4.3 24.8 14.5 30.1 28.3c7.2 18.4 2.4 39.3-12.1 52.7L88.1 464l106.8 0c26.4 0 51.7-10.5 70.3-29.1c22.4-22.4 32.8-54.1 28-85.4l-1.5-9.8-55.4-55.4zM528 432a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-112 0a80 80 0 1 1 160 0 80 80 0 1 1 -160 0z'/%3E%3C/svg%3E"); }
.icon--right-from-bracket { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M352 146.2L462 256 352 365.8l0-53.8c0-13.3-10.7-24-24-24l-120 0 0-64 120 0c13.3 0 24-10.7 24-24l0-53.8zM512 256c0-11.5-4.6-22.5-12.7-30.6L383.2 109.6c-8.7-8.7-20.5-13.6-32.8-13.6c-25.6 0-46.4 20.8-46.4 46.4l0 33.6-96 0c-26.5 0-48 21.5-48 48l0 64c0 26.5 21.5 48 48 48l96 0 0 33.6c0 25.6 20.8 46.4 46.4 46.4c12.3 0 24.1-4.9 32.8-13.6L499.3 286.6c8.1-8.1 12.7-19.1 12.7-30.6zM168 80c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 32C39.4 32 0 71.4 0 120L0 392c0 48.6 39.4 88 88 88l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-80 0c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l80 0z'/%3E%3C/svg%3E"); }
.icon--right-to-bracket { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M192 365.8L302 256 192 146.2l0 53.8c0 13.3-10.7 24-24 24L48 224l0 64 120 0c13.3 0 24 10.7 24 24l0 53.8zM352 256c0 11.5-4.6 22.5-12.7 30.6L223.2 402.4c-8.7 8.7-20.5 13.6-32.8 13.6c-25.6 0-46.4-20.8-46.4-46.4l0-33.6-96 0c-26.5 0-48-21.5-48-48l0-64c0-26.5 21.5-48 48-48l96 0 0-33.6c0-25.6 20.8-46.4 46.4-46.4c12.3 0 24.1 4.9 32.8 13.6L339.3 225.4c8.1 8.1 12.7 19.1 12.7 30.6zm-8 176l80 0c22.1 0 40-17.9 40-40l0-272c0-22.1-17.9-40-40-40l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l80 0c48.6 0 88 39.4 88 88l0 272c0 48.6-39.4 88-88 88l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z'/%3E%3C/svg%3E"); }
.icon--sack { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M293.3 152H218.7l-13.8 8.8C150.9 195.4 48 277 48 416c0 26.5 21.5 48 48 48H416c26.5 0 48-21.5 48-48c0-139-102.9-220.6-156.9-255.2L293.3 152zm.2-58.8L324.6 48H187.4l31.1 45.2L226 104h60l7.5-10.8zM0 416C0 274.8 89.4 185.5 150.8 139.9c10.4-7.7 20-14.2 28.2-19.4L151.8 80.9 121.9 37.6C111 21.7 122.4 0 141.7 0H370.3c19.3 0 30.7 21.7 19.8 37.6L360.2 80.9 333 120.4c8.2 5.3 17.8 11.7 28.2 19.4C422.6 185.5 512 274.8 512 416c0 53-43 96-96 96H96c-53 0-96-43-96-96z'/%3E%3C/svg%3E"); }
.icon--scroll-old-r { min-width: 1.125em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M80 80c-17.7 0-32 14.3-32 32v48H80v48H48c-26.5 0-48-21.5-48-48V112C0 67.8 35.8 32 80 32H400c44.2 0 80 35.8 80 80V272H448 432 400c-8.8 0-16-7.2-16-16s7.2-16 16-16h32V160H400c-8.8 0-16-7.2-16-16s7.2-16 16-16h32V112c0-17.7-14.3-32-32-32H153.3c4.3 9.8 6.7 20.6 6.7 32V224h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H160V400c0 17.7 14.3 32 32 32s32-14.3 32-32V352c0-26.5 21.5-48 48-48h.6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .5 .6 .5 .6 .5 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6 .6c26.5 0 48 21.5 48 48v48c0 44.2-35.8 80-80 80H192c-44.2 0-80-35.8-80-80V112c0-17.7-14.3-32-32-32zM265.3 432H496c17.7 0 32-14.3 32-32V352h0-.6-.6-.6-.6-.6-.6H524h-.6-.6-.6-.6-.6-.6-.6-.6H519h-.6-.6-.6-.6-.5-.6-.5-.6-.5-.5H513h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H507h-.5H506h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H499h-.5H498h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H487h-.5H486h-.5H485h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H456h-.5H455h-.5H454h-.5H453h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H441h-.5H440h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H431h-.5H430h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H423h-.5H422h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H415h-.5H414h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H407h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H400v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V352h-.4-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H360h-.5H359h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H347h-.5H346h-.5H345h-.5H344h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H315h-.5H314h-.5H313h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H302h-.5H301h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H294h-.5H293h-.5-.5-.5-.5-.5-.5-.5-.5-.5-.5H287h-.5-.5-.5-.5-.5-.5-.5-.6-.6-.6H281h-.6-.6-.6-.6-.6-.6-.6-.6H276h-.6-.6-.6-.6-.6-.6H272h0v48c0 11.4-2.4 22.2-6.7 32z'/%3E%3C/svg%3E"); }
.icon--seedling-r { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M307.3 207c82.9-9.1 148.4-75.6 156-159H456c-76.7 0-142 49.1-166.1 117.5c-8.8-16.8-19.4-32.6-31.6-47.1C296.1 48 370.5 0 456 0h24c17.7 0 32 14.3 32 32c0 113.6-84.6 207.4-194.2 222c-2.1-16.2-5.6-31.9-10.5-47.1zM48 112v16c0 97.2 78.8 176 176 176h8V288c0 0 0 0 0 0c0-97.2-78.8-176-176-176H48zM280 288v16 48l0 136c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-136h-8C100.3 352 0 251.7 0 128V96C0 78.3 14.3 64 32 64H56c123.7 0 224 100.3 224 224z'/%3E%3C/svg%3E"); }
.icon--signs-post { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M232 24c0-13.3 10.7-24 24-24s24 10.7 24 24v8H440.3c4.9 0 9.5 2.2 12.5 6L504 102c4.7 5.8 4.7 14.1 0 20l-51.2 64c-3 3.8-7.6 6-12.5 6H280v32H448c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H280V488c0 13.3-10.7 24-24 24s-24-10.7-24-24V384H71.7c-4.9 0-9.5-2.2-12.5-6L8 314c-4.7-5.8-4.7-14.1 0-20l51.2-64c3-3.8 7.6-6 12.5-6H232V192H64c-17.7 0-32-14.3-32-32V64c0-17.7 14.3-32 32-32H232V24zM80 80v64H424.9l25.6-32L424.9 80H80zM432 336V272H87.1L61.5 304l25.6 32H432z'/%3E%3C/svg%3E"); }
.icon--skull-r { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M368 400c-.4-16 7.3-31.2 20.4-40.4C436.1 326.2 464 276.9 464 224c0-91.4-86.9-176-208-176S48 132.6 48 224c0 52.9 27.9 102.2 75.6 135.6c13.1 9.2 20.8 24.4 20.4 40.4l0 0v64h48V440c0-13.3 10.7-24 24-24s24 10.7 24 24v24h32V440c0-13.3 10.7-24 24-24s24 10.7 24 24v24h48V400l0 0zm48-1.1c0 .4 0 .7 0 1.1v64c0 26.5-21.5 48-48 48H144c-26.5 0-48-21.5-48-48V400c0-.4 0-.7 0-1.1C37.5 357.8 0 294.7 0 224C0 100.3 114.6 0 256 0S512 100.3 512 224c0 70.7-37.5 133.8-96 174.9zM112 256a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm232-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E"); }
.icon--sparkles { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M327.5 85.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L384 128l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L448 128l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L448 64 426.8 7.5C425.1 3 420.8 0 416 0s-9.1 3-10.8 7.5L384 64 327.5 85.2zM9.3 240C3.6 242.6 0 248.3 0 254.6s3.6 11.9 9.3 14.5L26.3 277l8.1 3.7 .6 .3 88.3 40.8L164.1 410l.3 .6 3.7 8.1 7.9 17.1c2.6 5.7 8.3 9.3 14.5 9.3s11.9-3.6 14.5-9.3l7.9-17.1 3.7-8.1 .3-.6 40.8-88.3L346 281l.6-.3 8.1-3.7 17.1-7.9c5.7-2.6 9.3-8.3 9.3-14.5s-3.6-11.9-9.3-14.5l-17.1-7.9-8.1-3.7-.6-.3-88.3-40.8L217 99.1l-.3-.6L213 90.3l-7.9-17.1c-2.6-5.7-8.3-9.3-14.5-9.3s-11.9 3.6-14.5 9.3l-7.9 17.1-3.7 8.1-.3 .6-40.8 88.3L35.1 228.1l-.6 .3-8.1 3.7L9.3 240zm83 14.5l51.2-23.6c10.4-4.8 18.7-13.1 23.5-23.5l23.6-51.2 23.6 51.2c4.8 10.4 13.1 18.7 23.5 23.5l51.2 23.6-51.2 23.6c-10.4 4.8-18.7 13.1-23.5 23.5l-23.6 51.2-23.6-51.2c-4.8-10.4-13.1-18.7-23.5-23.5L92.3 254.6zM384 384l-56.5 21.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L384 448l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L448 448l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L448 384l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L384 384z'/%3E%3C/svg%3E"); }
.icon--spider-r { min-width: 1.125em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M432 0c-1.8 0-3.5 .2-5.2 .6C366.3 5.8 316 46.3 296.6 101.5L162.7 34.5c-7.4-3.7-16.3-3.3-23.4 1.1S128 47.7 128 56c0 81 33.4 133.2 67.7 164.8c16.9 15.6 33.8 26 46.6 32.5c6.4 3.3 11.8 5.6 15.7 7.2c2 .8 3.6 1.4 4.7 1.8c.5 .2 1 .3 1.3 .5c2.5 .9 5.1 1.3 7.9 1.3c13.3 0 24-10.7 24-24c0-10.8-7.2-20-17-23l-.4-.1c-.6-.2-1.6-.6-2.9-1.1c-2.6-1-6.6-2.8-11.5-5.2c-9.8-5-22.9-13.1-35.9-25.1c-19.9-18.3-40.3-46.4-48.5-88.8l121.5 60.8c3.6 1.8 7.4 2.6 11.2 2.5h.5c12.1 0 22.3-9 23.8-21c6.1-49.1 46.6-87.7 96.6-90.8c.7 0 1.3-.1 2-.2H440h24 8 .5c19.9 0 36.8 14.6 39.6 34.3l9.9 69.2c2.1 14.8-6.2 29.1-20 34.7c-13.3 5.3-28.4 1.3-37.3-9.8l-5.9-7.3c-6.4-8-17.1-11-26.7-7.7s-16.1 12.5-16.1 22.6v55c0 .5 0 1 0 1.5c0 .6 0 1.2 0 1.7c0 23.5-9.6 44.1-24.7 58.8c-4.6 4.5-7.3 10.7-7.3 17.2V464H336V346.2c0-11.3-7.9-21.1-19-23.5c-2.1-.4-4.2-1-6.3-1.6l-88-25.7c-7.3-2.1-15.3-.7-21.3 4s-9.6 11.9-9.4 19.5c0 .4 0 .9 0 1.3c0 8-1.4 16-4.3 23.5L175.6 376c-4.2 11.1-4.7 23.2-1.5 34.6L188.9 464H139.1l-11.2-40.5c-5.9-21.2-4.9-43.7 2.8-64.4l8.2-21.7c4.2-11.2 4.1-23.6-.4-34.7l-21.9-54.6c-3-7.6-4.6-15.7-4.6-23.9c0-15.5 5.5-29.7 14.6-40.8c-7.7-14.2-14.5-30.1-19.6-47.6c-8.8 6.9-16.5 15-22.9 24.2C37.3 162.1 0 200.7 0 248v64c0 13.3 10.7 24 24 24s24-10.7 24-24V248c0-13.2 6.4-25 16.3-32.2c-.2 2.8-.3 5.6-.3 8.5c0 14.3 2.7 28.4 8 41.7l21.9 54.6-8.2 21.7c-11.3 30.1-12.7 63.1-4.1 94.1l11.2 40.5c5.8 20.8 24.7 35.2 46.2 35.2h49.8c31.7 0 54.7-30.3 46.2-60.8l-14.8-53.3c-.5-1.6-.4-3.4 .2-5l12.1-32.3c1.4-3.7 2.6-7.4 3.6-11.2L288 364.5V464c0 26.5 21.5 48 48 48h48c26.5 0 48-21.5 48-48V327.8c19.8-22.6 32-52.3 32-85.5l0-1.6 0-.7v-7.8c17.7 6 37.5 5.8 55.8-1.5c34.4-13.8 55-49.3 49.7-86l-9.9-69.2c-1.6-11.3-5.3-21.9-10.7-31.3C555.6 40 560 32.5 560 24c0-13.3-10.7-24-24-24H472.5 472h-8H440h-8zm48 96a16 16 0 1 0 -32 0 16 16 0 1 0 32 0z'/%3E%3C/svg%3E"); }
.icon--star { min-width: 1.125em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z'/%3E%3C/svg%3E"); }
.icon--telescope-r { min-width: 1.125em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M459.7 231.7l61.5-35.5-80-138.6L379.7 93.1l80 138.6zM328.4 99.6c-6.2-14.6-.6-31.9 13.5-40.1L431.1 8C446.4-.8 466 4.4 474.8 19.7l96 166.3c8.8 15.3 3.6 34.9-11.7 43.7l-89.2 51.5c-15.3 8.8-34.9 3.6-43.7-11.7l-.5-.8-42.6 23.1c.6 4 .9 8.1 .9 12.3c0 20.1-7.4 38.5-19.7 52.5l49.9 122.4c5 12.3-.9 26.3-13.2 31.3s-26.3-.9-31.3-13.2l-47-115.3c-6 1.5-12.3 2.2-18.8 2.2s-12.8-.8-18.8-2.2l-47 115.3c-5 12.3-19 18.2-31.3 13.2s-18.2-19-13.2-31.3l44.3-108.8L149.5 418c-15.2 8.2-34.3 2.9-42.9-12.1l-.7-1.3L61.7 430.1c-11.5 6.6-26.2 2.7-32.8-8.8L3.1 376.4c-6.6-11.5-2.7-26.2 8.8-32.8l44.1-25.5L52 311.4c-8.6-14.9-3.9-33.8 10.6-43L328.4 99.6zm73.3 127.5l-49.5-85.7L101.3 300.7l39.1 67.7L226 322.1c-1.3-5.8-2-11.9-2-18.1c0-44.2 35.8-80 80-80c22.7 0 43.2 9.5 57.8 24.7l39.9-21.6zM304 336a32 32 0 1 0 0-64 32 32 0 1 0 0 64z'/%3E%3C/svg%3E"); }
.icon--user-check { min-width: 1.25em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M224 48a80 80 0 1 1 0 160 80 80 0 1 1 0-160zm0 208A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 96h91.4c65.7 0 120.1 48.7 129 112H49.3c8.9-63.3 63.3-112 129-112zm0-48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3zM625 177c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L625 177z'/%3E%3C/svg%3E"); }
.icon--user-group { min-width: 1.25em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M224 48a80 80 0 1 1 0 160 80 80 0 1 1 0-160zm0 208A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 96h91.4c65.7 0 120.1 48.7 129 112H49.3c8.9-63.3 63.3-112 129-112zm0-48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3zm431 208c17 0 30.7-13.8 30.7-30.7C640 392.2 567.8 320 478.7 320H417.3c-4.4 0-8.8 .2-13.2 .5c46.4 38.6 75.9 96.7 75.9 161.8c0 10.8-2.8 20.9-7.6 29.7H609.3zM432 256c61.9 0 112-50.1 112-112s-50.1-112-112-112c-24.8 0-47.7 8.1-66.3 21.7C377.4 75.9 384 101.2 384 128c0 35.6-11.6 68.5-31.3 95.1C373 243.4 401 256 432 256z'/%3E%3C/svg%3E"); }
.icon--wand-magic-r { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M455.9 49.3c.9-.8 2.1-1.3 3.3-1.3c2.7 0 4.9 2.2 4.9 4.9c0 1.2-.4 2.4-1.3 3.3L97.3 459.6c-2.5 2.8-6.1 4.4-9.9 4.4c-3.5 0-6.9-1.4-9.4-3.9L51.9 434c-2.5-2.5-3.9-5.9-3.9-9.4c0-3.8 1.6-7.3 4.4-9.9L455.9 49.3zM459.1 0C446 0 433.4 4.9 423.6 13.7l-263 238.2c-2.9 2.7-6.8 4.1-10.7 4.1H112c-8.8 0-16 7.2-16 16v31.3c0 4.5-1.9 8.8-5.3 11.9L20.2 379.1C7.3 390.7 0 407.2 0 424.5c0 16.3 6.5 31.9 18 43.4L44.1 494c11.5 11.5 27.1 18 43.4 18c17.3 0 33.8-7.3 45.4-20.2L399.7 197.3c3-3.3 7.3-5.3 11.9-5.3H432c8.8 0 16-7.2 16-16V150.1c0-4 1.5-7.8 4.1-10.7l46.2-51C507.1 78.6 512 66 512 52.9C512 23.7 488.3 0 459.1 0zM432 288c-3.6 0-6.7 2.4-7.7 5.8l-14.8 51.7-51.7 14.8c-3.4 1-5.8 4.1-5.8 7.7s2.4 6.7 5.8 7.7l51.7 14.8 14.8 51.7c1 3.4 4.1 5.8 7.7 5.8s6.7-2.4 7.7-5.8l14.8-51.7 51.7-14.8c3.4-1 5.8-4.1 5.8-7.7s-2.4-6.7-5.8-7.7l-51.7-14.8-14.8-51.7c-1-3.4-4.1-5.8-7.7-5.8zM87.7 69.8c-1-3.4-4.1-5.8-7.7-5.8s-6.7 2.4-7.7 5.8L57.5 121.5 5.8 136.3c-3.4 1-5.8 4.1-5.8 7.7s2.4 6.7 5.8 7.7l51.7 14.8 14.8 51.7c1 3.4 4.1 5.8 7.7 5.8s6.7-2.4 7.7-5.8l14.8-51.7 51.7-14.8c3.4-1 5.8-4.1 5.8-7.7s-2.4-6.7-5.8-7.7l-51.7-14.8L87.7 69.8zM208 0c-3.7 0-6.9 2.5-7.8 6.1l-6.8 27.3-27.3 6.8c-3.6 .9-6.1 4.1-6.1 7.8s2.5 6.9 6.1 7.8l27.3 6.8 6.8 27.3c.9 3.6 4.1 6.1 7.8 6.1s6.9-2.5 7.8-6.1l6.8-27.3 27.3-6.8c3.6-.9 6.1-4.1 6.1-7.8s-2.5-6.9-6.1-7.8l-27.3-6.8L215.8 6.1C214.9 2.5 211.7 0 208 0z'/%3E%3C/svg%3E"); }
.icon--xmark { min-width: 0.75em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z'/%3E%3C/svg%3E"); }
.icon--crystal-ball { min-width: 0.875em; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224c0 71-42 132.2-102.6 160h83.3c41.5-40.7 67.2-97.3 67.2-160C448 100.3 347.7 0 224 0S0 100.3 0 224c0 62.7 25.7 119.3 67.2 160h83.3C90 356.2 48 295 48 224c0-97.2 78.8-176 176-176s176 78.8 176 176zM167.5 100.3c-2.6-7-12.4-7-15 0l-9.8 26.4-26.4 9.8c-7 2.6-7 12.4 0 15l26.4 9.8 9.8 26.4c2.6 7 12.4 7 15 0l9.8-26.4 26.4-9.8c7-2.6 7-12.4 0-15l-26.4-9.8-9.8-26.4zm113 48l-18.4 49.8-49.8 18.4c-7 2.6-7 12.4 0 15l49.8 18.4 18.4 49.8c2.6 7 12.4 7 15 0l18.4-49.8 49.8-18.4c7-2.6 7-12.4 0-15l-49.8-18.4-18.4-49.8c-2.6-7-12.4-7-15 0zM20.3 474.2c-5.1 7.3-5.8 16.9-1.6 24.8S31.1 512 40 512H408c8.9 0 17.2-5 21.3-12.9s3.5-17.5-1.6-24.8L386.9 416H61.1L20.3 474.2z'/%3E%3C/svg%3E"); }

.places__link--is-button::after, .places__link--is-button::before { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M201.4 256L112 166.6l0 178.7L201.4 256zm45.3-22.6c12.5 12.5 12.5 32.8 0 45.3l-128 128c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6l0-256c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l128 128z'/%3E%3C/svg%3E"); }

.fa-fw {
  display: none; /* Prevent old icons to show up */
}

.button .icon {
  margin-inline: 0.25rem;
}