@keyframes fnAutoFill {
  to {
    font-family: inherit;
    font-size: inherit;
  }
}
.cards__list,
.cards__slider {
  display: flex;
  align-items: stretch;
  justify-items: stretch;
  gap: 1em;
}
.cards__slider .splide__slide {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
}
.cards__slider .splide__slide .cards__card {
  flex: 1 1 auto;
}
.cards__card {
  --card-priced-size: 1.8em;
  --card-priced-color: #af821b;
  --card-subtitle-size: 0.9em;
  --card-subtitle-color: #838383;
  --card-title-size: 1.4em;
  --card-title-color: currentColor;
  --card-gap: 1em;
  --card-negative-padding: calc(var(--card-padding) * -1);
  --card-border-radius: 0;
  --card-back: transparent;
  --card-padding: initial;
  ----cp: var(--card-padding, 1em);
  --card-padding-x: var(----cp);
  --card-padding-y: var(----cp);
  --card-neg-padding-x: calc(var(--card-padding-x) * -1);
  --card-neg-padding-y: calc(var(--card-padding-y) * -1);
  --card-padding-compound: var(--card-padding-y) var(--card-padding-x);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  gap: var(--card-gap);
  border-radius: var(--card-border-radius);
  background: var(--card-back);
  padding: var(--card-padding-compound);
}
.cards__card > .filled {
  margin-left: var(--card-neg-padding-x);
  margin-right: var(--card-neg-padding-x);
}
.cards__card > .filled:first-child {
  margin-top: var(--card-neg-padding-y);
  border-start-start-radius: var(--card-border-radius);
  border-start-end-radius: var(--card-border-radius);
}
.cards__card > .filled:last-child {
  margin-bottom: var(--card-negative-padding);
  border-end-start-radius: var(--card-border-radius);
  border-end-end-radius: var(--card-border-radius);
}
.cards__card .image,
.cards__card .imaged {
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.cards__card .image img,
.cards__card .imaged img {
  width: 100%;
  height: auto;
}
.cards__card .name,
.cards__card .title {
  font-size: var(--card-title-size);
  color: var(--card-title-color);
}
.cards__card .subname,
.cards__card .subtitle {
  font-size: var(--card-subtitle-size);
  color: var(--card-subtitle-color);
}
.cards__card .body,
.cards__card .text,
.cards__card .info {
  flex: 1 1 auto;
  font-weight: 300;
  font-size: 0.9em;
  text-wrap: balance;
}
.cards__card .body p,
.cards__card .text p,
.cards__card .info p {
  padding: 0;
  margin: 0;
}
.cards__card .body p + p,
.cards__card .text p + p,
.cards__card .info p + p {
  margin-top: 1em;
}
.cards__card .prices,
.cards__card .priced {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--card-priced-size);
  color: var(--card-priced-color);
}
.cards__card .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cards__rounded-boxes {
  --card-back: #202A34;
  --card-border-radius: 1em;
  --card-padding: 2em;
  --card-gap: 1.3em;
}
.gallery-liner .gallery-card {
  position: relative;
  border-radius: 1em;
  background: #0b2639;
  border: 1px solid #193143;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  padding: 1em;
  gap: 0.4em;
  box-shadow: 2px 2px 6px #000000cf;
  transition: all 0.5s;
}
.gallery-liner .gallery-card:hover {
  border: 1px solid #39565f;
}
.gallery-liner .gallery-card .imaged {
  --site-link-hover-style: hidden;
}
.gallery-liner .gallery-card .imaged img {
  width: 100%;
  height: auto;
}
.gallery-liner .gallery-card .name {
  display: flex;
  font-size: 1em;
  font-weight: 300;
  align-items: center;
  justify-content: start;
  min-height: 3em;
}
.gallery-liner .gallery-card .priced {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0.6em;
  font-size: 0.9em;
  color: #54858d;
}
.gallery-liner .gallery-card .price {
  font-size: 1.2em;
  color: #dfaa2d;
  font-weight: 600;
}
.gallery-liner .splide__pagination {
  bottom: -0.9em;
}
.gallery-liner .buttons {
  padding: 1em 0 0 0;
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: center;
}
