@keyframes fnAutoFill {
  to {
    font-family: inherit;
    font-size: inherit;
  }
}
.order-form {
  --spd-back: #263345;
  --spd-alt-back: #1f2d41;
  --spd-color: #bebebe;
  --spd-alt-border: 1px solid #102437;
  --spd-border: 5px solid #3c5272;
}
.order-form .__flex-row {
  display: flex;
  gap: 0.8em;
  align-items: center;
  box-sizing: border-box;
}
.order-form .__flex-row .fill {
  flex: 1 1 auto;
}
.order-form .title {
  flex: 1 1 auto;
  width: 100%;
}
.order-form .quantity {
  font-size: 0.8em;
  color: #ccc;
}
.order-form :where(.unit-price) {
  font-size: 1.2em;
  color: #cd712d;
  white-space: nowrap;
  font-weight: 500;
  text-align: right;
  min-width: 5em;
}
.order-form :where(.price) {
  font-size: 1.2em;
  white-space: nowrap;
  font-weight: 500;
  text-align: right;
  min-width: 5em;
  color: #d7b88f;
}
.order-form .link {
  font-size: 1rem;
}
.order-form .quantity-price {
  display: flex;
  gap: 0.8em;
  align-items: center;
  box-sizing: border-box;
  font-size: 0.8em;
  color: #ccc;
}
.order-form .quantity-price .fill {
  flex: 1 1 auto;
}
.order-form .quantity-price .free {
  font-size: 1.1em;
  color: red;
}
.order-form .quantity-price .unit-price {
  white-space: nowrap;
}
.order-form .quantity-price .x {
  font-size: 0.8em;
  opacity: 0.8;
}
.order-form .quantity-suffix {
  width: 8em;
  font-size: 0.8em;
  opacity: 0.7;
}
.order-form number-input {
  width: 10em;
}
.order-form .order-group {
  border: 1px solid #21394f;
  padding: 1em;
  border-radius: 4px;
  background: #142739;
}
.order-form .order-group__title {
  flex: 1 1 auto;
}
.order-form .order-segment + .order-segment {
  margin-top: 1em;
}
.order-form .order-segment.date {
  font-size: 1.2em;
}
.order-form .order-items__empty {
  display: flex;
  gap: 0.8em;
  align-items: center;
  box-sizing: border-box;
  padding: 1em;
  margin: 0;
  margin-top: 1em;
  border: 1px dashed #474747;
  border-radius: 4px;
  justify-content: space-between;
  background: #5f3b30;
  color: #b9ae8f;
}
.order-form .order-items__title {
  display: flex;
  gap: 0.8em;
  align-items: center;
  box-sizing: border-box;
  margin-bottom: 1em;
}
.order-form .order-items__title .fill {
  flex: 1 1 auto;
}
.order-form .order-items__title .title {
  flex: 1 1 auto;
  font-size: 1.3em;
  color: #90b7e0;
}
.order-form .order-items__title .link {
  --site-link-color: #5184b4;
  --site-link-hover-color: #aaa684;
  flex: 0 0 auto;
  white-space: nowrap;
}
.order-form .order-items__item {
  gap: 0.8em;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  gap: 1em;
}
.order-form .order-items__item .fill {
  flex: 1 1 auto;
}
.order-form .order-items__item .title {
  border-bottom: 1px dashed #6788a754;
}
.order-form .choose-items__ruler {
  display: flex;
  gap: 0.8em;
  align-items: center;
  box-sizing: border-box;
}
.order-form .choose-items__ruler .fill {
  flex: 1 1 auto;
}
.order-form .choose-items__title {
  font-size: 1.14em;
  margin-bottom: 0.7em;
}
.order-form .choose-items__row {
  padding: 0.5em;
  border-radius: 4px;
  margin-bottom: 2px;
  border: 1px solid #636b775c;
  background: #00000017;
  transition: all 0.5s;
}
.order-form .choose-items__row:hover {
  background: #0000004d;
}
.order-form .choose-items__row.selected {
  background: #874a15;
  border: 1px solid #734e3e;
}
.order-form .choose-items__item {
  display: flex;
  gap: 0.8em;
  align-items: center;
  box-sizing: border-box;
}
.order-form .choose-items__item .fill {
  flex: 1 1 auto;
}
.order-form .choose-items__item .title {
  flex: 1 1 auto;
}
.order-form .choose-items__info {
  font-size: 0.94em;
  margin-top: 0.5em;
  padding: 1em;
  padding-left: 2em;
  background: #0b2639;
  color: #5d818f;
}
.order-form .arsenal-weapon-card,
.order-form .gallery-card {
  display: grid;
  grid-template-areas: "imaged titles" "imaged characteristics";
  grid-template-columns: 16em 1fr;
  gap: 1em;
}
.order-form .arsenal-weapon-card .imaged,
.order-form .gallery-card .imaged {
  grid-area: imaged;
}
.order-form .arsenal-weapon-card .imaged img,
.order-form .gallery-card .imaged img {
  width: 100%;
  height: auto;
}
.order-form .arsenal-weapon-card .titles,
.order-form .gallery-card .titles {
  grid-area: titles;
  display: flex;
  gap: 0.8em;
  align-items: center;
  box-sizing: border-box;
}
.order-form .arsenal-weapon-card .titles .fill,
.order-form .gallery-card .titles .fill {
  flex: 1 1 auto;
}
.order-form .arsenal-weapon-card .characteristics,
.order-form .gallery-card .characteristics {
  grid-area: characteristics;
}
@media only screen and (min-width: 0) and (max-width: 400px) {
  .order-form .arsenal-weapon-card,
  .order-form .gallery-card {
    grid-template-areas: "imaged" "titles" "characteristics";
    grid-template-columns: 1fr;
  }
}
.order-form .order-totals {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  gap: 0.5em;
}
.order-form .order-totals__row {
  display: flex;
  gap: 0.8em;
  align-items: center;
  box-sizing: border-box;
}
.order-form .order-totals__row .fill {
  flex: 1 1 auto;
}
.order-form .order-totals__row__title {
  flex: 1 1 auto;
}
.order-form .order-totals .total {
  font-size: 1.1em;
  font-weight: 500;
  margin-top: 0.4em;
  padding-top: 0.4em;
  border-top: 2px solid #0a1c2d;
}
.order-form .order-totals__row.total .quantity,
.order-form .order-totals__row.subtotal .quantity {
  visibility: hidden;
}
.order-form .order-totals__row:not(.total):not(.subtotal) {
  font-size: 0.9rem;
}
.order-form .order-totals__row:not(.total):not(.subtotal),
.order-form .order-totals__row:not(.total):not(.subtotal) .price,
.order-form .order-totals__row:not(.total):not(.subtotal) .quantity {
  color: #627c95;
}
.order-form .order-totals__row:not(.total):not(.subtotal) .title {
  font-style: italic;
  border-bottom: 1px dashed #ebebeb2e;
}