/* waits for Shoelace components to load */
:not(:defined) {
  visibility: hidden;
}

sl-select {
  display: inline-block;
  width: 50%;
}

.center {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.strip {
  padding-top: 0.7rem;
  max-width: 100%;
  height: auto;
}

.loader {
  font-size: 3rem;
  --track-width: 10px;
  --indicator-color: yellow;
  --track-color: deeppink;
  --sl-shadow-x-large;
}

/* fonts */

.arsenal-sc-regular {
  font-family: "Arsenal SC", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.arsenal-sc-bold {
  font-family: "Arsenal SC", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.arsenal-sc-regular-italic {
  font-family: "Arsenal SC", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.arsenal-sc-bold-italic {
  font-family: "Arsenal SC", sans-serif;
  font-weight: 700;
  font-style: italic;
}