.icon.svelte-qc4ktj {
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon.svelte-qc4ktj svg {
  width: var(--icon-size);
  height: var(--icon-size);
}
.icon.svelte-qc4ktj path {
  fill: var(--icon-color);
}.wrapper.svelte-1p6reks {
  font-size: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: var(--card-color);
  grid-gap: 0.5mm;
  margin-top: -0.2em;
}

.block.svelte-1p6reks {
  background-color: white;
  display: flex;
  align-items: center;
  padding-left: 0.3rem;
}
.block.svelte-1p6reks p:where(.svelte-1p6reks) {
  margin-top: 0.1em;
  margin-bottom: 0 !important;
  vertical-align: middle;
  font-size: 1em;
}
.block.svelte-1p6reks p.small:where(.svelte-1p6reks) {
  font-size: 0.8em;
}

.bonus.svelte-1p6reks {
  background-color: #d2eeaa;
}

.reaction.svelte-1p6reks {
  background-color: #aad2ee;
  font-size: 0.8em;
}

.gold.svelte-1p6reks {
  background-color: PaleGoldenRod;
}

.ritual.svelte-1p6reks,
.concentration.svelte-1p6reks {
  background-color: #c6aaee;
  font-size: 0.8em;
}.card-stats.svelte-b35e3d {
  font-size: 9px;
  margin: 0 0.5em;
  color: var(--card-color);
  /* .card-stats-body {
    display: flex;
    justify-content: space-between;
  } */
}

.card-stats-header.svelte-b35e3d,
.card-stats-cell.svelte-b35e3d {
  text-align: center;
}.text.svelte-17agpv6 {
  font-size: var(--card-text-size);
  margin-bottom: 0 !important;
}
  .rule.svelte-1b3fzhz {
    border-bottom: 2px solid var(--card-color);
    margin-bottom: 0.2em;
    margin-left: -2px;
    margin-right: -2px;
  }
.section.svelte-1pfrzzp {
  display: grid;
  background-color: var(--card-color);
  color: white;
  height: 0.4cm;
  font-size: 12px;
  margin-bottom: 0.2em;
  margin-left: -5px;
  margin-right: -5px;
  padding: 0 0.5em;
}
.section.svelte-1pfrzzp > :where(.svelte-1pfrzzp) {
  grid-row: 1;
  grid-column: 1;
}
.section.svelte-1pfrzzp :where(.svelte-1pfrzzp):first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.section.with-right.svelte-1pfrzzp :where(.svelte-1pfrzzp):last-child {
  display: flex;
  align-items: center;
  justify-content: end;
}
  .subtitle.svelte-1xf8b2g {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.2em;
    font-family: Draconis;
  }
.property.svelte-vx7qfi {
  display: block;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.2em;
  padding: 0 0.5em;
  line-height: 1em;
}
.property.svelte-vx7qfi p:where(.svelte-vx7qfi) {
  display: inline;
  padding: unset;
  line-height: 2px;
  margin-left: 0.3em;
  font-size: var(--card-text-size);
}
.property.svelte-vx7qfi b:where(.svelte-vx7qfi) {
  font-weight: bold;
  display: inline;
  font-size: var(--card-text-size);
  margin: 0;
  line-height: 1em;
}
.property.svelte-vx7qfi + .property,
.property.svelte-vx7qfi + .description {
  margin-top: -0.25em;
}.description.svelte-dorjtk {
  display: block;
  margin-bottom: 0.2em;
  padding: 0 0.5em;
  line-height: 1em;
}
.description.svelte-dorjtk p:where(.svelte-dorjtk) {
  display: inline;
  padding: unset;
  line-height: 2px;
  margin-left: 0.3em;
  font-size: var(--card-text-size);
}
.description.svelte-dorjtk h4:where(.svelte-dorjtk) {
  font-weight: bold;
  font-style: italic;
  display: inline;
  font-size: var(--card-text-size);
  margin: 0;
  line-height: 1em;
}
.description.svelte-dorjtk + .property,
.description.svelte-dorjtk + .description {
  margin-top: -0.25em;
}.boxes.svelte-1ol9y3x {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.5em;
  gap: 0.5em;
  margin-bottom: 0.2em;
}
.boxes.svelte-1ol9y3x .box:where(.svelte-1ol9y3x) {
  border: 0.35em solid var(--card-color);
}.fill.flex.svelte-1p5iq3w {
  flex: 1;
}.bullet.svelte-1fsp7ea {
  padding: 0;
  margin: 0 0.5em;
  list-style: inside;
  font-size: var(--card-text-size);
}.picture.svelte-st6grf {
  width: 100%;
  object-fit: scale-down;
}.picture.svelte-1p1fblb {
  width: 100%;
  object-fit: scale-down;
  display: block;
}

.placeholder.svelte-1p1fblb {
  height: 120px;
  border: 1px dashed rgba(0, 0, 0, 0.25);
  display: grid;
  place-items: center;
  font-size: 0.9rem;
  opacity: 0.7;
}.attunement.svelte-1ymfg7l {
  display: flex;
  flex-wrap: wrap;
  padding: 0 1.5em;
  gap: 0.5em;
  margin-bottom: 0.2em;
}
.attunement.svelte-1ymfg7l .box:where(.svelte-1ymfg7l) {
  width: 1.5em;
  height: 1.5em;
  border: 0.35em solid var(--card-color);
}