@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
*, *::before, *::after {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

body {
  font-family: Barlow;
}

img {
  display: block;
}

[role=button], [role=link] {
  cursor: pointer;
}

[role=grabber] {
  cursor: n-resize;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

body.noScroll {
  overflow: hidden;
}

h1, h2, h3 {
  font-weight: 500 !important;
}

h4 {
  font-weight: 700 !important;
}

h2.withIcon, h3.withIcon {
  display: flex;
  align-items: center;
  gap: 0.25em;
}

a {
  color: #5f7c2a;
  text-decoration: none;
}

section.row, header.row, footer.row {
  display: flex;
  justify-content: center;
  container-type: inline-size;
  container-name: section;
}
section.row.backgroundGrey, header.row.backgroundGrey, footer.row.backgroundGrey {
  background-color: #f3f3f3;
}
section.row.backgroundSmokeLight, header.row.backgroundSmokeLight, footer.row.backgroundSmokeLight {
  background-color: #f3f3f3;
}
section.row.backgroundCarbonFibreBlack, header.row.backgroundCarbonFibreBlack, footer.row.backgroundCarbonFibreBlack {
  background-image: url("https://armslist-website.s3.us-east-2.amazonaws.com/assets/images/carbonFiber.png");
}
section.row.backgroundSmokeDark, header.row.backgroundSmokeDark, footer.row.backgroundSmokeDark {
  background-color: #f3f3f3;
}
section.row.backgroundBlack, header.row.backgroundBlack, footer.row.backgroundBlack {
  background-color: #1a1a1a;
}
section.row > .column, header.row > .column, footer.row > .column {
  width: 100%;
  max-width: 1440px;
  container-type: inline-size;
}
section.row > .column > .content, header.row > .column > .content, footer.row > .column > .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(20px, 3.7735849057cqw, 40px);
}
section.row > .column > .content > *, header.row > .column > .content > *, footer.row > .column > .content > * {
  width: 100%;
}

header.row.registration {
  background-color: #1a1a1a;
}
header.row.registration a {
  background-color: #323232;
}

section.row.subheader {
  background-color: #1a1a1a;
}
section.row.subheader > .column {
  max-width: 768px;
}
section.row.subheader > .column a {
  text-decoration: none;
}

section.row.fullpage > .column > .content {
  display: grid;
  justify-items: center;
  grid-template-columns: 1fr;
}
section.row.fullpage > .column > .content > * {
  width: 100%;
}

section.row.previewPanel {
  border: 0px solid #756B3C;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.8);
  position: fixed;
  inset: 0px;
  z-index: 1000;
  flex-direction: column;
  background-color: #f3f3f3;
}
section.row.previewPanel > .header {
  padding: 10px 20px 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e3e3e3;
  background-color: #fff;
}
section.row.previewPanel > .header a {
  cursor: pointer;
}
section.row.previewPanel > .header a img {
  width: 30px;
  height: 30px;
}
section.row.previewPanel > .frame {
  width: 100%;
  height: 100%;
}
section.row.previewPanel > .frame iframe {
  border: 0px;
  width: 100%;
  height: 100%;
}

@container (width<1050px) {
  section.row.fixedLeft320 .fixedColumns.leftWrapAbove {
    grid-template-columns: 1fr;
  }
}
@container (width<1050px) {
  section.row.fixedLeft320 .fixedColumns.leftWrapBelow {
    grid-template-columns: 1fr;
  }
  section.row.fixedLeft320 .fixedColumns.leftWrapBelow > .left {
    grid-row-start: 2;
  }
}
section.row.fixedLeft320 .fixedColumns {
  display: grid;
  grid-template-columns: 320px 1fr;
  width: 100%;
  max-width: 1440px;
  gap: clamp(30px, 4.1666666667cqw, 60px);
}

section.row.col7030 > .columns {
  display: grid;
  grid-template-columns: 70fr 30fr;
  width: 100%;
  max-width: 1440px;
  gap: clamp(15px, 2.9296875cqw, 30px);
}
@container (width<640px) {
  section.row.col7030 > .columns {
    grid-template-columns: 1fr;
  }
}

section.row.col5050 > .columns, footer.row.col5050 > .columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1440px;
  gap: clamp(15px, 2.9296875cqw, 30px);
}
@container (width<640px) {
  section.row.col5050 > .columns, footer.row.col5050 > .columns {
    grid-template-columns: 1fr;
  }
}

.paddingHorizontal100 {
  padding-inline: clamp(15px, 2.9296875cqw, 30px);
}

.paddingVertical100 {
  padding-block: clamp(40px, 7.8125cqh, 80px);
}

.paddingBottom150 {
  padding-bottom: clamp(60px, 11.71875cqh, 120px);
}

.paddingTop150 {
  padding-top: clamp(60px, 11.71875cqh, 120px);
}

.paddingBottom100 {
  padding-bottom: clamp(40px, 7.8125cqh, 80px);
}

.paddingTop100 {
  padding-top: clamp(40px, 7.8125cqh, 80px);
}

.paddingBottom75 {
  padding-bottom: clamp(30px, 5.859375cqh, 60px);
}

.paddingTop75 {
  padding-top: clamp(30px, 5.859375cqh, 60px);
}

.paddingVertical50 {
  padding-block: clamp(20px, 3.90625cqh, 40px);
}

.paddingBottom50 {
  padding-bottom: clamp(20px, 3.90625cqh, 40px);
}

.paddingTop50 {
  padding-top: clamp(20px, 3.90625cqh, 40px);
}

.paddingVertical25 {
  padding-block: clamp(10px, 1.953125cqh, 20px);
}

.paddingBottom25 {
  padding-bottom: clamp(15px, 1.953125cqh, 20px);
}

.paddingTop25 {
  padding-top: clamp(15px, 1.953125cqh, 20px);
}

.paddingBottom10 {
  padding-bottom: clamp(5px, 1.3020833333cqh, 10px);
}

.paddingTop10 {
  padding-top: clamp(5px, 1.3020833333cqh, 10px);
}

.cardManager {
  container-type: inline-size;
  display: grid;
}
.cardManager.onLight > .cards > .card {
  border: 1px solid #ccc;
}
.cardManager > .cards {
  display: grid;
  gap: clamp(15px, 2.9296875cqw, 30px);
  user-select: none;
}
.cardManager > .cards .card.white {
  color: #1a1a1a;
}
.cardManager > .cards .card.black {
  color: #fff;
}
.cardManager > .cards .card.viewMore {
  background-color: #2c2e2a;
  padding: 0px;
  align-content: center;
}
.cardManager > .cards .card.viewMore a {
  padding: 0px;
  display: grid;
  grid-template-columns: min-content min-content min-content;
  text-align: right;
  font-size: clamp(14px, 5.625cqw, 18px);
}
.cardManager > .cards .card.viewMore a > .pipe {
  border-left: 1px solid #bae66a;
  height: 100%;
}
.cardManager > .cards .card {
  container-type: inline-size;
  position: relative;
}
.cardManager > .cards .card .cardPadding {
  padding: clamp(15px, 4.6875cqw, 30px);
}
.cardManager > .cards .card > .details {
  display: grid;
  gap: clamp(5px, 3.125cqw, 10px);
  padding: clamp(10px, 6.25cqw, 20px);
  container-type: inline-size;
  align-content: start;
}
.cardManager > .cards .card > .featureTag {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 4px 10px;
  padding-top: 6px;
  font-family: "Shuttleblock-Bold", sans-serif;
  color: #fff;
  z-index: 100;
  text-transform: uppercase;
}
.cardManager > .cards.twoUp {
  grid-template-columns: 1fr 1fr;
}
@container (width<640px) {
  .cardManager > .cards.twoUp {
    grid-template-columns: 1fr;
  }
}
.cardManager > .cards.threeUp {
  grid-template-columns: 1fr 1fr 1fr;
}
@container (width<1024px) {
  .cardManager > .cards.threeUp {
    grid-template-columns: 1fr 1fr;
  }
}
@container (width<480px) {
  .cardManager > .cards.threeUp {
    grid-template-columns: 1fr;
  }
}
.cardManager > .cards.fourUp {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@container (width<1024px) {
  .cardManager > .cards.fourUp {
    grid-template-columns: 1fr 1fr;
  }
}
@container (width<480px) {
  .cardManager > .cards.fourUp {
    grid-template-columns: 1fr;
  }
}
.cardManager > .cards.list {
  grid-template-columns: 1fr;
}
.cardManager > .cards.list > .card.listing {
  display: grid;
  grid-template-columns: minmax(150px, 30fr) 70fr;
  align-items: stretch;
}
@container (width<640px) {
  .cardManager > .cards.list > .card.listing {
    grid-template-columns: 1fr;
  }
  .cardManager > .cards.list > .card.listing > .details {
    border-top: 1px solid #ccc;
    border-left: 0px;
  }
}
.cardManager > .cards.list > .card.listing {
  /*        @container (width>=640px) {
              > .details {
                  border-top: 0px;
                  border-left: 0px solid #ccc;
              }
          }*/
}
.cardManager > .cards.customVendor {
  grid-template-columns: 1fr 2fr 1fr;
}
.cardManager > .cards.customVendor > .card.vendorImage {
  aspect-ratio: 4/3;
  border-radius: 10px;
  overflow: hidden;
}
.cardManager > .cards.customVendor > .card.vendorImage img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@container (width < 1024px) {
  .cardManager > .cards.customVendor {
    grid-template-columns: 1fr 1fr;
  }
}
@container (width < 768px) {
  .cardManager > .cards.customVendor {
    grid-template-columns: 1fr;
  }
}
@container (width < 1024px) {
  .cardManager > .cards.customVendor > .card.vendorStats {
    grid-row-start: 1;
    grid-column-start: 2;
  }
  .cardManager > .cards.customVendor > .card.vendorImage {
    grid-column-start: 1;
    grid-column-end: -1;
  }
}
@container (width < 768px) {
  .cardManager > .cards.customVendor > .card.vendorStats {
    grid-row-start: 3;
    grid-column-start: 1;
  }
  .cardManager > .cards.customVendor > .card.vendorImage {
    grid-column-start: 1;
    grid-column-end: -1;
  }
}

.card.vendorStats {
  color: #fff;
  align-content: center;
  padding: 1em;
  border-radius: 10px;
}
.card.vendorStats > .textArea {
  display: grid;
  gap: 1em;
  text-align: center;
}
.card.vendorStats > .textArea h4 {
  color: #bae66a;
  margin-bottom: 0px;
}

.card.imageBackground > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card.info {
  container-type: inline-size;
  padding: clamp(20px, 2.7777777778vw, 40px);
  display: flex;
  flex-direction: column;
  justify-content: start;
  background-color: #fff;
  gap: clamp(10px, 1.3888888889vw, 20px);
}
.card.info .largeNumber {
  background-color: #1a1a1a;
  width: 3em;
  height: 3em;
  display: grid;
  border-radius: 50%;
}
.card.info .largeNumber h2 {
  color: #fff;
  place-self: center;
  line-height: 1em;
  margin-top: 0.07em;
}
.card.info.left {
  align-items: start;
}
.card.info.left p {
  text-align: left;
}
.card.info.center {
  align-items: center;
}
.card.info.center h1 {
  text-align: center;
}
.card.info.center p {
  text-align: center;
}
.card.info p {
  text-wrap: pretty;
}
.card.vendorStat {
  container-type: inline-size;
  padding: clamp(15px, 1.3888888889vw, 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1em;
  position: relative;
  border: 0px !important;
}
.card.vendorStat::after {
  background-color: #1a1a1a;
  opacity: 0.5;
  content: "";
  inset: 0px;
  position: absolute;
  z-index: 0;
}
.card.vendorStat > * {
  z-index: 1;
}
.card.vendorStat > .image img {
  width: clamp(48px, 20cqw, 64px);
}
.card.vendorStat > .text {
  text-align: center;
  color: #fff;
}
.card.vendorStat > .text h2 {
  color: #95b755;
}

.card.vendor {
  container-type: inline-size;
  position: relative;
  border: 0px solid #fff;
}
.card.vendor > .image {
  border: 4px solid #1a1a1a;
  aspect-ratio: 1/1;
  width: min-content;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.card.vendor > .image img {
  width: clamp(64px, 50cqw, 160px);
}
.card.vendor > .details > .title > .headline {
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  text-wrap: pretty;
}
.card.vendor > .details > .title > .vendorName {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(18px, 12.3076923077cqw, 32px);
  text-wrap: pretty;
  color: #bae66a !important;
  word-break: break-word;
}
.card.vendor > .details > .tagline {
  margin-bottom: 1em;
}

.card.store {
  background-color: #fff;
  container-type: inline-size;
}
.card.store > .featureTag {
  background-color: #a87700;
}
.card.store > .image {
  width: 100%;
  aspect-ratio: 7/5;
  position: relative;
  background-image: url("https://armslist-website.s3.us-east-2.amazonaws.com/assets/images/lineBackground.jpg");
  background-size: cover;
  background-position: top 0px right 78%;
}
.card.store > .image > img, .card.store > .image > a > img {
  object-position: center center;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  mix-blend-mode: darken;
}
.card.store > .details {
  border-top: 1px solid #e3e3e3;
}
.card.store > .details > .detailsHeader > .price {
  font-size: clamp(18px, 7.5cqw, 24px);
  font-family: "Shuttleblock-Bold", sans-serif;
  margin-top: 4px;
  color: #eb9537;
}
.card.store > .details > .detailsHeader > .location {
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
}
.card.store > .details > .title a {
  color: #1a1a1a;
  text-decoration: none;
}
.card.store > .details > .title {
  font-size: clamp(20px, 7.3825503356cqw, 22px);
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-wrap: pretty;
}
.card.store > .details > .tags {
  color: #1a1a1a;
}

.card.dealer {
  container-type: inline-size;
  background-color: #fff;
}
.card.dealer > .featureTag {
  background-color: #4d5839;
}
.card.dealer > .image {
  width: 100%;
  position: relative;
  background-image: url("https://armslist-website.s3.us-east-2.amazonaws.com/assets/images/lineBackground.jpg");
  padding: clamp(10px, 6.25cqw, 20px);
  background-size: cover;
  background-position: top 0px right 78%;
}
.card.dealer > .image > img, .card.dealer > .image > a > img {
  aspect-ratio: 1/1;
  width: clamp(64px, 37.5cqw, 120px);
  border: 4px solid #1a1a1a;
  border-radius: 50%;
}
.card.dealer > .details {
  border-top: 1px solid #e3e3e3;
  background-color: #fff;
  display: grid;
  gap: clamp(15px, 2.9296875cqw, 30px) !important;
}
.card.dealer > .details > .top > .title {
  margin-bottom: 0.5em;
}
.card.dealer > .details > .top > .title a {
  font-size: clamp(20px, 7.3825503356cqw, 22px);
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 400;
  color: #1a1a1a;
}
.card.dealer > .details > .top > .location {
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
}
.card.dealer > .details {
  /*
      > .detailsHeader {

          > .price {
              font-size: clamp(18px,24/320*100cqw,24px);
              font-family: $shuttleBlock;
              margin-top: 4px;
              color: $greenPrimary;
          }

          > .location {
              text-transform: uppercase;
              font-family: $barlowCondensed;
          }
      }

      > .title {
          a {
              color: $blackEdge;
              text-decoration: none;
          }

          font-size: clamp(20px,calc(22/298*100cqw),22px);
          font-family: $barlowSemiCondensed;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-wrap: pretty;
          font-weight: 400;
      }

      > .tags {
          color: $blackEdge;
      }*/
}

.card.listing {
  background-color: #fff;
  container-type: inline-size;
}
.card.listing > .featureTag {
  background-color: #4d5839;
}
.card.listing > .image {
  width: 100%;
  aspect-ratio: 7/5;
  position: relative;
  background-image: url("https://armslist-website.s3.us-east-2.amazonaws.com/assets/images/lineBackground.jpg");
  background-size: cover;
  background-position: top 0px right 78%;
}
.card.listing > .image > img, .card.listing > .image > a > img {
  object-position: center center;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  mix-blend-mode: darken;
}
.card.listing > .details {
  border-top: 1px solid #e3e3e3;
}
.card.listing > .details > .detailsHeader > .price {
  font-size: clamp(18px, 7.5cqw, 24px);
  font-family: "Shuttleblock-Bold", sans-serif;
  margin-top: 4px;
  color: #5f7c2a;
}
.card.listing > .details > .detailsHeader > .location {
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
}
.card.listing > .details > .title a {
  color: #1a1a1a;
  text-decoration: none;
}
.card.listing > .details > .title {
  font-size: clamp(20px, 7.3825503356cqw, 22px);
  font-family: "Barlow Semi Condensed", sans-serif;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-wrap: pretty;
  font-weight: 400;
}
.card.listing > .details > .tags {
  color: #1a1a1a;
}
.card.listing > .details > .buttonGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}

.card.accountType {
  position: relative;
  background-size: cover;
  background-position: center center;
  display: grid;
  grid-template-rows: 300px 1fr;
}
.card.accountType > .cardPadding {
  position: relative;
  z-index: 100;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  background-color: rgba(0, 0, 0, 0.5);
}
.card.accountType > .cardPadding > .top {
  display: grid;
  gap: 1em;
}
.card.accountType.green::before {
  position: absolute;
  inset: 0px;
  content: "";
  background-color: #000;
  mix-blend-mode: color;
  opacity: 1;
}
.card.accountType.green::after {
  position: absolute;
  inset: 0px;
  content: "";
  background-color: #2f3425;
  mix-blend-mode: darken;
  opacity: 0.8;
}
.card.accountType.brown::before {
  position: absolute;
  inset: 0px;
  content: "";
  background-color: #000;
  mix-blend-mode: color;
  opacity: 1;
}
.card.accountType.brown::after {
  position: absolute;
  inset: 0px;
  content: "";
  background-color: #4e4b3e;
  mix-blend-mode: darken;
  opacity: 0.8;
}

.card.accountLevel {
  position: relative;
  background-size: cover;
  background-position: center center;
  display: grid;
}
.card.accountLevel.green {
  background-color: #d7dec9;
}
.card.accountLevel.green .heading {
  color: #1a1a1a;
}
.card.accountLevel.green .price {
  color: #1a1a1a;
}
.card.accountLevel.green h4 {
  color: #5f7c2a;
}
.card.accountLevel.green > .pennant {
  background-color: #95b755;
  color: #fff;
}
.card.accountLevel.black {
  background-color: #1a1a1a;
}
.card.accountLevel.black .heading {
  color: #fff;
}
.card.accountLevel.black .price {
  color: #fff;
}
.card.accountLevel.black h4 {
  color: #95b755;
}
.card.accountLevel.black .description {
  color: #fff;
}
.card.accountLevel.black .featureList i {
  color: #95b755;
}
.card.accountLevel.black .featureList {
  color: #fff;
}
.card.accountLevel.black > .pennant {
  background-color: #95b755;
  color: #1a1a1a;
}
.card.accountLevel.brown {
  background-color: #dcdace;
}
.card.accountLevel.brown .heading {
  color: #1a1a1a;
}
.card.accountLevel.brown .price {
  color: #1a1a1a;
}
.card.accountLevel.brown h4 {
  color: #756B3C;
}
.card.accountLevel.brown .description {
  color: #1a1a1a;
}
.card.accountLevel.brown .featureList i {
  color: #756B3C;
}
.card.accountLevel.brown .featureList {
  color: #1a1a1a;
}
.card.accountLevel.brown > .pennant {
  background-color: #dcdace;
  color: #1a1a1a;
}
.card.accountLevel > .pennant {
  position: absolute;
  top: 0px;
  right: 15px;
  clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 0 86%);
  width: 70px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
}
.card.accountLevel > .cardPadding {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  gap: clamp(15px, 4.6875cqw, 30px);
  z-index: 100;
}
.card.accountLevel > .cardPadding > .top {
  display: grid;
  gap: clamp(10px, 2.34375cqw, 150px);
  align-content: start;
  align-items: start;
}
.card.accountLevel > .cardPadding > .top .description {
  text-wrap: pretty;
}
.card.accountLevel > .cardPadding > .top h4, .card.accountLevel > .cardPadding > .top h1 {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.card.accountLevel > .cardPadding > .top h4 img, .card.accountLevel > .cardPadding > .top h1 img {
  margin-bottom: 0.16em;
}
.card.accountLevel > .cardPadding > .top .price {
  font-size: 2em;
  font-family: "Shuttleblock-Bold", sans-serif;
}
.card.accountLevel > .cardPadding > .top .price span {
  font-size: 0.5em;
  font-family: "Barlow", sans-serif;
}
.card.accountLevel > .cardPadding > .top .featureList {
  display: grid;
  gap: 0.5em;
  grid-template-columns: 20px 1fr;
  font-weight: 700;
  align-items: center;
}
.card.accountLevel > .cardPadding > .top .featureList i {
  font-size: 12px;
}
.card.accountLevel > .cardPadding > .bottom a.button {
  width: 100%;
}

.card.blog {
  background-color: #fff;
  container-type: inline-size;
}
.card.blog > .featureTag {
  background-color: #2c2e2a;
}
.card.blog > .image {
  width: 100%;
  aspect-ratio: 16/9;
  padding: clamp(15px, 4.4444444444cqw, 20px);
  padding-bottom: 0px;
}
.card.blog > .image img {
  object-position: center center;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.card.blog > .details {
  display: grid;
  gap: clamp(5px, 3.125cqw, 10px);
  padding: clamp(10px, 6.25cqw, 20px);
  container-type: inline-size;
  /*        > .tags {
      display:none;
      outline: 1px solid red;
  }*/
}
.card.blog > .details > .title {
  color: #1a1a1a;
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(18px, 7.5cqw, 24px);
  text-wrap: pretty;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.card.blog > .details .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card.blog > .details .actions .date {
  color: #999;
  font-size: 14px;
}
.card.blog > .details a.orange {
  background-color: #eb9537;
}
.card.blog > .details a.green {
  background-color: #5f7c2a;
}

.callToAction.onWhite {
  border-left: 1px solid #95b755;
  color: #1a1a1a;
}
.callToAction.onWhite i {
  color: #95b755;
}
.callToAction.onBlack {
  border-left: 1px solid #95b755;
  color: #fff;
}
.callToAction.onBlack i {
  color: #95b755;
}
.callToAction {
  padding-left: 10px;
  font-family: "Shuttleblock-Bold", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Shuttleblock-Bold", sans-serif;
  display: inline-flex;
  gap: 0.6em;
}

.contentHeader.onLight, .contentFooter.onLight {
  color: #1a1a1a;
}
.contentHeader.onDark, .contentFooter.onDark {
  color: #fff;
}

.contentFooter {
  display: flex;
  justify-content: flex-end;
}
@container (width<640px) {
  .contentFooter {
    justify-content: center;
  }
}

.contentHeader {
  display: flex;
  justify-content: flex-start;
}

.link {
  line-height: 1em;
  text-decoration: none;
  font-family: "Shuttleblock-Bold", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  font-size: 18px;
  user-select: none;
  justify-content: center;
  white-space: nowrap;
}
.link img {
  width: 20px;
}
.link.greenLime {
  color: #95b755;
}
.link.textGreenLime {
  color: #95b755;
}
.link.textWhite {
  color: #fff;
}
.link.textGreenElectric {
  color: #bae66a;
}
.link.textBlack, .link.blackText {
  color: #1a1a1a;
}
.link.textGreen {
  color: #5f7c2a;
}

.button, button {
  line-height: 1em;
  padding-inline: 1em;
  padding-top: 1em;
  padding-bottom: 0.9em;
  text-decoration: none;
  color: #fff;
  font-family: "Shuttleblock-Bold", sans-serif;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  font-size: 18px;
  user-select: none;
  justify-content: center;
  white-space: nowrap;
  outline: 0px;
  border-collapse: collapse;
  border: 0px;
  cursor: pointer;
}
.button.iconAbove, button.iconAbove {
  flex-direction: column;
}
.button.iconAbove img, button.iconAbove img {
  height: 32px;
}
.button.filter, .button.notifyMe, button.filter, button.notifyMe {
  border-radius: 4px;
}
.button.filter img, .button.notifyMe img, button.filter img, button.notifyMe img {
  height: 16px;
}
.button.small, button.small {
  font-family: Barlow;
  padding: 0.4em;
  text-transform: none;
  font-size: 0.75em;
}
.button.small i, button.small i {
  margin-bottom: 0px;
  font-size: 14px;
}
.button i, button i {
  margin-bottom: 0.16em;
}
.button img, button img {
  height: 1.2em;
  margin-bottom: 0.1em;
}
.button.transparent, button.transparent {
  background-color: transparent;
}
.button.textBlack, .button.blackText, button.textBlack, button.blackText {
  color: #1a1a1a;
}
.button.textRed, button.textRed {
  color: #990000;
}
.button.textGreen, button.textGreen {
  color: #5f7c2a;
}
.button.textWhite, button.textWhite {
  color: #fff;
}
.button.backgroundWhite, button.backgroundWhite {
  background-color: #fff;
}
.button.borderBrown, button.borderBrown {
  border: 1px solid #6e6c56;
}
.button.backgroundBlackEdge, button.backgroundBlackEdge {
  background-color: #1a1a1a;
}
.button.borderGrey, button.borderGrey {
  border: 1px solid #999;
}
.button.borderGreenPrimary, button.borderGreenPrimary {
  border: 1px solid #5f7c2a;
}
.button.borderNone, button.borderNone {
  border: 0px;
}
.button.backgroundGreyLight, button.backgroundGreyLight {
  background-color: #999;
}
.button.white, button.white {
  background-color: #fff;
  color: #1a1a1a !important;
}
.button.white i, button.white i {
  color: #5f7c2a;
}
.button.black, button.black {
  background-color: #1a1a1a;
  color: #fff !important;
}
.button.greenLight, button.greenLight {
  background-color: #d7dec9;
  color: #1a1a1a !important;
}
.button.textGreenLime, button.textGreenLime {
  color: #95b755;
}
.button.textBlack, button.textBlack {
  color: #1a1a1a;
}
.button.greenLime, button.greenLime {
  background-color: #95b755;
  color: #1a1a1a !important;
}
.button.backgroundBlack, button.backgroundBlack {
  background-color: #000;
}
.button.backgroundGunTabBlue, button.backgroundGunTabBlue {
  background-color: #245bb5;
}
.button.backgroundSmokeLight, button.backgroundSmokeLight {
  background-color: #f3f3f3;
}
.button.backgroundGreenPrimary, .button.backgroundGreen, button.backgroundGreenPrimary, button.backgroundGreen {
  background-color: #5f7c2a;
}
.button.green, button.green {
  background-color: #5f7c2a;
  color: #fff !important;
}
.button.brown, button.brown {
  background-color: #756B3C;
  color: #fff !important;
}
.button.darkGrey, button.darkGrey {
  background-color: #535353;
  color: #fff !important;
}
.button[disabled=disabled], button[disabled=disabled] {
  background-color: #888;
  color: #ccc !important;
  cursor: default;
}
.button.center, button.center {
  justify-content: center;
  text-align: center;
}

.signupPanel {
  background-color: #1a1a1a;
  padding: clamp(10px, 5.5555555556cqw, 20px);
  color: #fff;
  display: grid;
  align-content: start;
  gap: 20px;
}
.signupPanel .headline {
  display: flex;
  align-items: center;
  color: #bae66a;
  font-family: "Barlow Condensed", sans-serif;
  font-size: clamp(20px, 6.6666666667cqw, 24px);
  text-transform: uppercase;
  gap: 10px;
}
.signupPanel .title {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 6.6666666667cqw, 24px);
  text-transform: uppercase;
  text-wrap: pretty;
}
.signupPanel .disclaimer {
  color: #999;
  font-size: 0.8em;
}

.socialIcons {
  display: flex;
  gap: 16px;
}
.socialIcons.onBlack a {
  background-color: #2c2e2a;
}
.socialIcons.onWhite a {
  border: 2px solid #5f7c2a;
  background-color: #fff;
}
.socialIcons a.share {
  border: 2px solid transparent;
  background-color: transparent;
}
.socialIcons a {
  width: clamp(32px, 4.6875cqw, 48px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.socialIcons a i {
  font-size: 20px;
}
.tags {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.tags.onLight .tag a {
  color: #5f7c2a;
}
.tags.onDark .tag a {
  color: #bae66a;
}
.tags.horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 20px;
  /*        @container (width<320px) {
      gap: 20px;
      flex-direction: column;
      justify-content: start;
      align-items: center;
  }*/
}
.tags .tag {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}
.tags .tag a {
  display: flex;
  gap: 8px;
  text-decoration: none;
  color: #1a1a1a;
}
.tags .tag img {
  width: 20px;
}
.tags .tag i {
  color: #5f7c2a;
}

.form {
  container-type: inline-size;
  align-items: start;
}
.form[disabled=disabled] .button {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}
@media (width >= 1084px) {
  .form #btnFilterToggle {
    display: none;
  }
}
@media (width < 1084px) {
  .form #btnFilterToggle {
    display: flex;
  }
}
.form #btnFilterToggle {
  align-items: center;
  justify-content: space-between;
  font-family: "Shuttleblock-Bold", sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #999;
}
.form #btnFilterToggle::before {
  color: #fff;
  background-color: #323232;
  padding: 10px;
  padding-bottom: 8px;
}
.form #btnFilterToggle .twill img {
  width: 20px;
  height: 20px;
}
.form #btnFilterToggle[aria-expanded=true] .twill {
  transform: rotate(-90deg);
}
.form #btnFilterToggle[aria-expanded=true]::before {
  content: "Less Filters";
}
.form #btnFilterToggle[aria-expanded=false] .twill {
  transform: rotate(90deg);
}
.form #btnFilterToggle[aria-expanded=false]::before {
  content: "More Filters";
}
.form .fieldGroup {
  overflow: hidden;
  transition: height 1s ease, visibility 1s ease;
  interpolate-size: allow-keywords;
}
@media (width >= 1084px) {
  .form .fieldGroup {
    height: auto !important;
    visibility: visible !important;
  }
}
.form .fieldGroup[aria-hidden=true] {
  height: 0px;
  visibility: hidden;
}
.form .fieldGroup[aria-hidden=false] {
  height: auto;
  visibility: visible;
}
@container (width<640px) {
  .form .fieldColumns {
    grid-template-columns: 1fr 1fr;
  }
}
.form .fieldColumns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  container-type: inline-size;
  gap: clamp(20px, 2.9296875cqw, 30px);
}
.form .fields {
  display: grid;
  gap: clamp(30px, 3.90625cqw, 40px);
  align-content: start;
}
.form .fields .hgroup {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.form .fields .hgroup.packHorizontal {
  display: flex;
  align-items: center;
}
.form .fields .hgroup.fixed5050 {
  grid-template-columns: 1fr 1fr;
}
@container (width<512px) {
  .form .fields .hgroup.fixed5050 {
    grid-template-columns: 1fr;
  }
}
.form .fields .hgroup.fixed333333 {
  grid-template-columns: 1fr 1fr 1fr;
}
@container (width<768px) {
  .form .fields .hgroup.fixed333333 {
    grid-template-columns: 1fr;
  }
}
.form .fields .dynamicFilter {
  display: none;
}
.form .fields .dynamicFilter:has(*) {
  display: block;
}
.form .fields #pnlAlertCriteria .tag {
  text-align: center;
}
.form .fields .field.typeSelector {
  gap: 10px;
}
.form .fields .field.typeSelector .option {
  border: 4px solid #e3e3e3;
  padding: clamp(10px, 3.4965034965cqw, 20px);
}
.form .fields .field.typeSelector .option.selected {
  border: 4px solid #5f7c2a;
}
.form .fields .field.fileUploader {
  max-width: 640px;
}
.form .fields .field.fileUploader > .pnlUploadButtons {
  min-height: 142px;
  display: grid;
}
.form .fields .field.fileUploader > .pnlUploadButtons > .twoHorizontalInputs {
  display: none;
}
.form .fields .field.fileUploader > .pnlProgress {
  justify-content: center;
  align-items: center;
  min-height: 142px;
  display: none;
}
.form .fields .field.singleImageUpload {
  display: flex;
  align-items: center;
  gap: 20px;
}
.form .fields .field.singleImageUpload .uploadControls {
  display: flex;
  flex-direction: column;
  width: 140px;
  justify-content: center;
}
.form .fields .field.singleImageUpload .uploadControls .pnlProgress {
  text-align: center;
}
.form .fields .field.singleImageUpload .uploadControls a {
  aspect-ratio: 1/1;
  padding: 10px;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  text-align: center;
}
.form .fields .field.singleImageUpload .uploadControls a img {
  width: 32px;
}
.form .fields .field.singleImageUpload .pnlImage {
  width: 140px;
}
.form .fields .field.singleImageUpload .pnlImage .imageCard {
  position: relative;
}
.form .fields .field.singleImageUpload .pnlImage .imageCard > .image {
  aspect-ratio: 1/1;
  padding: 10px;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  background-image: url("https://armslist-website.s3.us-east-2.amazonaws.com/assets/images/lineBackground.jpg");
  background-size: cover;
  background-position: top 0px right 78%;
}
.form .fields .field.singleImageUpload .pnlImage .imageCard > .image > img.faded {
  opacity: 0.5;
}
.form .fields .field.singleImageUpload .pnlImage .imageCard > .image > img {
  object-position: center center;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  mix-blend-mode: darken;
}
.form .fields .field.singleImageUpload .pnlImage .imageCard > .delete {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  padding: 6px;
  outline: 1px solid #ccc;
  z-index: 2;
}
.form .fields .field.singleImageUpload .pnlImage .imageCard .rotate {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  padding: 6px;
  outline: 1px solid #ccc;
  z-index: 2;
}
.form .fields .field.messagingControls.discussion {
  grid-template-columns: 24px 1fr min-content;
  align-content: center;
  align-items: center;
}
.form .fields .field.messagingControls.discussion a.btnUpload {
  display: flex;
}
.form .fields .field.messagingControls.discussion a.btnUpload img {
  width: 100%;
}
.form .fields .field.messagingControls.discussion .pnlProgress {
  display: none;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.form .fields .field.messagingControls.discussion .pnlProgress img {
  width: 100%;
  animation: spin 2s linear infinite;
}
.form .fields .field.messagingControls {
  display: grid;
  grid-template-columns: 1fr min-content;
  gap: 4cqw;
}
.form .fields .field.messagingControls input:focus {
  outline: none;
}
.form .fields .field.messagingControls a {
  padding-block: 0px;
  height: 100%;
}
.form .fields .field#pnlUploadControls {
  align-content: center;
}
.form .fields .field#pnlUploadControls > #pnlUploadButton {
  display: none;
  /*           > #btnUpload {
      width: 100%;
  }*/
}
.form .fields .field#pnlUploadControls > #pnlProgress {
  display: none;
  height: 74px;
}
.form .fields .field#pnlUploadControls > #pnlProgress > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.form .fields .field#pnlUploadControls > #pnlNoMoreImages {
  display: none;
}
.form .fields .field#pnlUploadControls > #pnlNoMoreImages a {
  width: 100%;
}
.form #imageItems {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 20px;
  user-select: none;
}
.form #imageItems > .imageCard {
  position: relative;
  cursor: grabbing;
}
.form #imageItems > .imageCard > .image {
  aspect-ratio: 1/1;
  padding: 10px;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  background-image: url("https://armslist-website.s3.us-east-2.amazonaws.com/assets/images/lineBackground.jpg");
  background-size: cover;
  background-position: top 0px right 78%;
}
.form #imageItems > .imageCard > .image > img.faded {
  opacity: 0.5;
}
.form #imageItems > .imageCard > .image > img {
  object-position: center center;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  mix-blend-mode: darken;
}
.form #imageItems > .imageCard > .delete {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  padding: 6px;
  outline: 1px solid #ccc;
  z-index: 2;
}
.form #imageItems > .imageCard .rotate {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  padding: 6px;
  outline: 1px solid #ccc;
  z-index: 2;
}
.form .field.starRating {
  gap: 12px;
}
.form .field.starRating label {
  text-align: center;
}
.form .field.starRating .starDescription {
  text-align: center;
}
.form .field {
  display: grid;
  gap: 4px;
  align-items: start;
  align-content: start;
}
.form .field .tip {
  font-size: 0.75em;
}
.form .field .starRating {
  justify-self: center;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
  max-width: 240px;
  gap: 20px;
}
.form .field .starRating > div > img {
  width: 100%;
  cursor: pointer;
}
.form .field .starRating div.on img.on {
  display: block;
}
.form .field .starRating div.on img.off {
  display: none;
}
.form .field .starRating div.off img.on {
  display: none;
}
.form .field .starRating div.off img.off {
  display: block;
}
.form .field .tagField > .header {
  display: grid;
  grid-template-columns: 37px 1fr 35px;
}
.form .field .tagField > .header > .inputs {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.form .field .tagField > .tagItems > .tag {
  display: grid;
  grid-template-columns: 37px 1fr 35px;
  align-items: center;
}
.form .field .tagField > .tagItems > .tag > .grip {
  font-size: 30px;
  cursor: n-resize;
  margin-right: 10px;
}
.form .field .tagField > .tagItems > .tag > .inputs {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
}
.form .field .tagField > .tagItems > .tag > .delete {
  cursor: pointer;
}
.form .field .tagField > .tagItems > .tag > .delete a {
  padding-right: 0px;
}
.form .field .twoHorizontalInputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.form .field .twoHorizontalInputs.maxContent {
  grid-template-columns: max-content max-content;
}
.form .field .labelSplit {
  display: flex;
  justify-content: space-between;
}
.form .field .labelSplit a {
  text-decoration: underline;
  font-size: 14px;
}
.form .field label {
  font-family: "Shuttleblock-Bold", sans-serif;
  text-transform: uppercase;
  text-wrap: pretty;
  user-select: none;
}
.form .field label span.small {
  font-size: 16px;
  font-family: "Barlow", sans-serif;
}
.form .field input[type=text], .form .field input[type=date], .form .field input[type=password], .form .field input[type=file] {
  appearance: none;
  background-color: #fff;
  border: 1px solid #999;
  width: 100%;
  padding-inline: 1em;
  padding-block: 0.6em;
  color: #000;
  font-size: 18px;
  letter-spacing: 0.04em;
  font-family: "Barlow", sans-serif;
}
.form .field textarea {
  appearance: none;
  background-color: #fff;
  border: 1px solid #999;
  width: 100%;
  padding: 1em;
  color: #000;
  font-size: 18px;
  letter-spacing: 0.04em;
  resize: vertical;
  font-family: "Barlow", sans-serif;
}
.form .field textarea[disabled=disabled], .form .field input[disabled=disabled], .form .field select[disabled=disabled] {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}
.form .field input::placeholder, .form .field textarea::placeholder {
  letter-spacing: 0.05em;
  font-family: "Barlow Condensed", sans-serif;
}
.form .field select {
  background-color: #fff;
  border: 1px solid #999;
  width: 100%;
  padding-inline: 1em;
  padding-block: 0.6em;
  color: #000;
  font-size: 18px;
  letter-spacing: 0.04em;
  font-family: "Barlow", sans-serif;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  background-image: url("/images/icons/angle-down-sharp-regular-full-black.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 12px;
}
.form .field *.invalid {
  outline: 2px solid red;
}
.form .field .inputWithSpinner {
  align-items: center;
  position: relative;
}
.form .field .inputWithSpinner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 20px;
  height: 20px;
  display: none;
}
.form .field .inputWithButton {
  display: flex;
}
.form .field .inputWithButton a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #5f7c2a;
  padding-inline: 10px;
}
.form .field .inputWithButton a img {
  width: 18px;
  height: 18px;
}
.form .field .radioButtons, .form .field .checkBoxes {
  display: flex;
  gap: 20px;
  margin-top: 0.5em;
}
.form .field .radioButtons.center, .form .field .checkBoxes.center {
  justify-content: center;
}
.form .field .radioButtons.smallLabel label, .form .field .checkBoxes.smallLabel label {
  font-size: 16px;
  font-family: "Barlow", sans-serif;
}
.form .field .radioButtons .item, .form .field .checkBoxes .item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.form .field .radioButtons .item label, .form .field .checkBoxes .item label {
  margin-top: 0.16em;
}
.form .field .radioButtons .item input[type=radio], .form .field .checkBoxes .item input[type=radio] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}
.form .field .radioButtons .item input[type=checkbox], .form .field .checkBoxes .item input[type=checkbox] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}
.form .field .radioButtons.horizontal, .form .field .checkBoxes.horizontal {
  flex-direction: row;
}
.form .field .radioButtons.vertical, .form .field .checkBoxes.vertical {
  flex-direction: column;
}
.form .field .radioButtons.oneColumn, .form .field .checkBoxes.oneColumn {
  flex-flow: column;
  flex-direction: column;
  gap: 20px;
}
.form .field .radioButtons.threeColumns, .form .field .checkBoxes.threeColumns {
  flex-flow: column;
  flex-direction: column;
  flex-wrap: wrap;
  height: 550px;
  gap: 10px;
  column-gap: 60px;
}
.form .field.action.left {
  display: grid;
  gap: 20px;
  grid-template-columns: max-content 1fr;
  align-items: center;
}
.form .field.action.right {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr max-content;
  align-items: center;
}
.form .field.action.right .validationMessage {
  justify-content: flex-end;
}
.form .field .field.newsletter {
  display: flex;
}
.form .field .field.newsletter input {
  border: 0px;
}
.form .field .field.newsletter a.btnSubmit {
  background-color: #95b755;
  color: #1a1a1a;
  padding: 0.8em;
}
.form .field.progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e3e3e3;
}
.form .field.progress h2 {
  color: #1a1a1a;
  text-transform: uppercase;
}
.form .field.progress > .box {
  white-space: nowrap;
  background-color: #f3f3f3;
  padding: clamp(5px, 3.125cqw, 10px);
  font-size: 16px;
}
.form .field.hr {
  border-bottom: 1px solid #dcdace;
  margin-block: 10px;
}
.form .field.spacer {
  padding: 10px;
}
.form .field.legend {
  border-bottom: 1px solid #e3e3e3;
  justify-content: start;
  gap: 0px;
}
.form .field.legend h3 {
  display: flex;
  font-size: 18px;
  color: #5f7c2a;
  background-color: #f3f3f3;
  text-transform: uppercase;
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.4em;
}
.form .field.legend p {
  padding-bottom: 0.4em;
}
.form .field .tinyImage {
  display: flex;
  align-items: center;
}
.form .field .tinyImage img {
  width: 100%;
  max-width: 140px;
}
.form .field > .milesFrom {
  display: flex;
  align-items: center;
  gap: 5px;
}
.form .field.left {
  justify-content: flex-start;
}
.form .field.right {
  justify-content: flex-end;
}
.form .field.center {
  justify-content: center;
}
.form .field.bottom {
  align-content: end;
}
.form .field.stretch a {
  justify-content: center;
  text-align: center;
  flex-grow: 1;
}
.form .field.instructions {
  text-wrap: pretty;
}
.form .field.validationMessage {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  min-height: 28px;
}
.form .field.validationMessage img {
  height: 1.2em;
}

i.green, i.greenPrimary {
  color: #5f7c2a;
}
i.smokeDark {
  color: #e3e3e3;
}
i.smokeLight {
  color: #f3f3f3;
}

@media (width < 768px) {
  .mobileHide {
    display: none;
  }
}

.badges {
  display: flex;
  gap: clamp(10px, 2.6041666667cqw, 20px);
}
.badges .image {
  max-width: 48px;
}
.badges .image img {
  width: 100%;
}

div.hr.brownLight {
  border-bottom: 1px solid #dcdace;
}
div.hr.margin1em {
  margin-block: 1em;
}
div.hr.margin5em {
  margin-block: 0.5em;
}

.textArea {
  font-size: clamp(18px, 1.8867924528vw, 20px);
}
.textArea > .logo {
  margin-bottom: 1em;
}
.textArea .listingsHeader h2 {
  margin-bottom: 0px;
}
.textArea .listingsHeader {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.textArea .listingsHeader a {
  justify-self: end;
}
@media (width < 540px) {
  .textArea .listingsHeader {
    grid-template-columns: 1fr;
    gap: 0px;
  }
}
.textArea > hr.thinGrey {
  border-bottom: 1px solid #dcdace;
}
.textArea > hr.thickGreen {
  border-bottom: 4px solid #5f7c2a;
}
.textArea > hr.max100 {
  max-width: 100px;
}
.textArea > hr {
  border: 0px;
  margin-block: 1em;
  width: 100%;
}
.textArea.legal {
  font-size: 14px !important;
  overflow: auto;
  background-color: #fff;
  max-height: 300px;
  border: 1px solid #aaa;
  padding: 10px;
  margin-bottom: 20px;
}
.textArea.legal p, .textArea.legal li {
  max-width: unset;
}
.textArea.legal.disabled {
  overflow: hidden;
  background-color: #e3e3e3;
}
.textArea.onDark p {
  color: #fff;
}
.textArea.onDark h3 {
  color: #95b755;
}
.textArea.onLight p {
  color: #1a1a1a;
}
.textArea.onLight h2 {
  color: #1a1a1a;
}
.textArea.onLight h3 {
  color: #1a1a1a;
}
.textArea > *:last-child {
  margin-bottom: 0px;
}
.textArea h1, .textArea h2, .textArea h3, .textArea h4, .textArea h5 {
  margin-bottom: 0.8em;
  text-wrap: balance;
}
.textArea h3 {
  text-transform: uppercase;
}
.textArea h4 {
  color: #000;
}
.textArea p {
  font-weight: 400;
  max-width: 74ch;
  margin-bottom: 1em;
  text-wrap: pretty;
  hyphens: auto;
  word-break: break-word;
}
.textArea p strong {
  font-weight: 700;
}
.textArea p a {
  color: #5f7c2a;
}
.textArea ul, .textArea ol {
  padding-left: 2em;
  margin-bottom: 2em;
}
.textArea ul li, .textArea ol li {
  line-height: 1.4em;
  font-weight: 400;
  max-width: 74ch;
  text-wrap: pretty;
  margin-bottom: 1em;
}
.textArea ul li a, .textArea ol li a {
  color: #5f7c2a;
}
.textArea ul li:last-child, .textArea ol li:last-child {
  margin-bottom: 0em;
}
.textArea .faqItems {
  display: grid;
}
.textArea .faqItems > .faqItem {
  border-bottom: 1px solid #e3e3e3;
  padding-block: 20px;
  padding-inline: 20px;
  transition: background-color 0.5s ease-in-out;
}
.textArea .faqItems > .faqItem.open {
  background-color: #fff;
}
.textArea .faqItems > .faqItem > .question {
  display: grid;
  grid-template-columns: 1fr 32px;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
}
.textArea .faqItems > .faqItem > .question > .icon img {
  width: 24px;
  height: 24px;
}
.textArea .faqItems > .faqItem > .answer {
  display: none;
  padding-top: 32px;
}
.textArea .faqItems > .faqItem > .answer p {
  max-width: unset;
}
.textArea .faqItems > .faqItem h3 {
  margin-bottom: 0px;
}
.textArea .paymentSummaryTable {
  width: 100%;
  max-width: 420px;
}
.textArea .paymentSummaryTable td {
  padding: 4px 0px;
}

.ads {
  display: flex;
  gap: clamp(15px, 3.7037037037vw, 40px);
  flex-wrap: wrap;
  justify-content: center;
}
.ads > .ad {
  flex-grow: 1;
  max-width: 340px;
}
.ads > .ad img {
  width: 100%;
}

.GOVXAd {
  cursor: pointer;
  width: 100%;
}
.GOVXAd div.top {
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f3f3f3;
  text-align: center;
  padding-block: clamp(15px, 6.25cqw, 20px);
  padding-inline: clamp(15px, 6.25cqw, 20px);
}
.GOVXAd div.bottom {
  background-color: #1a1a1a;
  display: flex;
  justify-content: center;
  padding: 4px;
  padding-block: 10px;
}
.GOVXAd div.bottom img {
  width: 100px;
}

.watchListToggle {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 36px;
  height: 36px;
  z-index: 2;
  user-select: none;
}
.watchListToggle > .tooltip {
  display: none;
  position: absolute;
  top: 0px;
  transform: translateX(-82%);
}
.watchListToggle > .tooltip > .content {
  padding: 0px 32px 0px 12px;
  background-color: #fff;
  height: 36px;
  color: #1a1a1a;
  border-radius: 4px;
  display: flex;
  align-items: center;
  outline: 1px solid #ccc;
  line-height: 1em;
}
.watchListToggle > a.icon {
  tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  border: 4px solid #fff;
  background-color: rgb(255, 255, 255);
  opacity: 1;
  outline: 1px solid #ccc;
}
.watchListToggle > a.icon > img {
  width: 18px;
  height: 18px;
}
.watchListToggle[data-checked=true] > a.icon.checked {
  opacity: 1;
  z-index: 10;
}
.watchListToggle[data-checked=true] > a.icon.unchecked {
  opacity: 0;
  z-index: 9;
}
.watchListToggle[data-checked=false] > a.icon.checked {
  opacity: 0;
  z-index: 9;
}
.watchListToggle[data-checked=false] > a.icon.unchecked {
  opacity: 1;
  z-index: 10;
}

a {
  user-select: none;
}
a span.counter.greenElectric {
  color: #bae66a;
}
a span.counter.greenElectric::before {
  content: "(";
  color: #535353;
}
a span.counter.greenElectric::after {
  content: ")";
  color: #535353;
}
a span.counter.greenPrimary {
  color: #5f7c2a;
}
a span.counter.greenPrimary::before {
  content: "(";
  color: #323232;
}
a span.counter.greenPrimary::after {
  content: ")";
  color: #323232;
}

section.row.mapToggle a {
  background-color: #1a1a1a;
  color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-block: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 200px;
  justify-content: center;
}
section.row.mapToggle a img {
  width: 20px;
  transform: rotate(0deg);
}
section.row.mapToggle a.active img {
  transform: rotate(180deg);
}

table.generic {
  border-collapse: collapse;
  width: 100%;
}
table.generic tr td {
  border-bottom: 1px solid #e3e3e3;
  background-color: #fff;
  width: min-content;
}
table.generic tr td > .wrap {
  container-type: inline-size;
  width: 90%;
  display: flex;
}
table.generic tr td > .wrap > .condensor {
  max-width: 100cqw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.generic tr th {
  border-bottom: 1px solid #999;
}
table.generic tr th, table.generic tr td {
  padding: clamp(5px, 1cqw, 10px);
  white-space: nowrap;
}
table.generic tr th.left, table.generic tr td.left {
  text-align: left;
}
table.generic tr th.center, table.generic tr td.center {
  text-align: center;
}
table.generic tr th.spacer, table.generic tr td.spacer {
  width: 100%;
}
table.generic tr td.icon img {
  width: 24px;
}
table.generic tr td.summary > div {
  display: grid;
}
table.generic tr td.summary > div span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.starDisplay {
  display: flex;
  align-items: center;
  gap: 10px;
}
.starDisplay canvas {
  width: 130px;
}
.containerWrapper {
  container-type: inline-size;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

dialog[open] {
  display: grid;
  max-height: unset;
}

dialog.center {
  top: 50%;
  transform: translateY(-50%);
}
dialog.maxHeight {
  height: 100%;
}
dialog {
  container-type: inline-size;
  background-color: #fff;
  margin-inline: auto;
  width: 100%;
  border: 4px solid #1a1a1a;
  grid-template-rows: min-content 1fr max-content;
}
dialog .header .title {
  padding-left: 4cqw;
  padding-right: 4cqw;
  padding-top: 4cqw;
}
dialog .header .title .condensor {
  max-width: 80cqw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
dialog .header .title h1 {
  font-size: 1.5em;
  text-transform: uppercase;
}
dialog .header .title .alert {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
dialog .header a.closeButton {
  position: absolute;
  top: 0px;
  right: 0px;
  outline: 0px;
  background-color: #1a1a1a;
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
dialog .header a.closeButton img {
  width: 32px;
  height: 32px;
}
dialog .main {
  overflow: auto;
  padding-inline: 4cqw;
}
dialog .main > .textArea.center {
  text-align: center;
}
dialog .main > .textArea.center .badges {
  display: flex;
  justify-content: center;
  gap: clamp(10px, 2.6041666667cqw, 20px);
}
dialog .main > .textArea.center .badges .image {
  max-width: 48px;
}
dialog .main > .textArea.center .badges .image img {
  width: 100%;
}
dialog .main > .textArea.center h3 {
  margin-bottom: 0px;
}
dialog .main > .textArea.center > .largeIcon {
  display: flex;
  justify-content: center;
}
dialog .main > .textArea.center > .largeIcon img {
  height: 4em;
}
dialog .main > .textArea.center > .xlargeImage {
  display: flex;
  justify-content: center;
}
dialog .main > .textArea.center > .xlargeImage img {
  width: 100%;
  max-width: 200px;
}
dialog .main > .textArea.center > .largeImage {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
dialog .main > .textArea.center > .largeImage img {
  width: 100%;
  max-width: 140px;
}
dialog .main > .textArea.center > .mediumImage {
  display: flex;
  justify-content: center;
}
dialog .main > .textArea.center > .mediumImage img {
  width: 100%;
  max-width: 100px;
}
dialog .main > .textArea.center > .smallImage {
  display: flex;
  justify-content: center;
}
dialog .main > .textArea.center > .smallImage img {
  width: 100%;
  max-width: 70px;
}
dialog .main > .textArea.center > .actions {
  display: grid;
  gap: 20px;
}
dialog .main .discussion {
  height: 100%;
}
dialog .main .discussion #pnlMessages {
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column-reverse;
  padding: 15px;
  gap: 10px;
  background-color: #fff;
}
dialog .main .discussion #pnlMessages .message {
  font-size: 16px;
  display: grid;
  gap: 5px;
}
dialog .main .discussion #pnlMessages .message .text {
  border-radius: 5px;
  padding: 10px;
  font-size: 18px;
  letter-spacing: 0.05em;
}
dialog .main .discussion #pnlMessages .message .image {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #e3e3e3;
  position: relative;
  max-width: 240px;
  width: 100%;
}
dialog .main .discussion #pnlMessages .message .image img {
  width: 100%;
  height: 100%;
}
dialog .main .discussion #pnlMessages .message .image img.faded {
  opacity: 0.5;
}
dialog .main .discussion #pnlMessages .message .image .rotate {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  padding: 6px;
  outline: 1px solid #ccc;
  z-index: 2;
}
dialog .main .discussion #pnlMessages .message .timestamp {
  font-size: 14px;
  color: #323232;
}
dialog .main .discussion #pnlMessages .message.primary .text {
  background-color: #5f7c2a;
  color: #fff;
  text-align: right;
}
dialog .main .discussion #pnlMessages .message.primary .text a {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}
dialog .main .discussion #pnlMessages .message.primary .timestamp {
  text-align: right;
  padding-right: 5px;
}
dialog .main .discussion #pnlMessages .message.primary {
  justify-items: end;
  max-width: 90%;
  align-self: flex-end;
}
dialog .main .discussion #pnlMessages .message.secondary .text {
  background-color: #e3e3e3;
  color: #1a1a1a;
  text-align: left;
}
dialog .main .discussion #pnlMessages .message.secondary .text a {
  color: #5f7c2a;
  text-decoration: underline;
  cursor: pointer;
}
dialog .main .discussion #pnlMessages .message.secondary .timestamp {
  text-align: left;
  padding-left: 5px;
}
dialog .main .discussion #pnlMessages .message.secondary {
  justify-items: start;
  max-width: 90%;
  align-self: flex-start;
}
dialog .footer {
  padding-inline: 4cqw;
}
dialog .footer > .messagingControls {
  outline: 1px solid red;
}
dialog .footer > .filterActions {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
dialog .footer > .filterActions a {
  color: #fff;
  padding-block: 20px;
  text-align: center;
  font-family: "Shuttleblock-Bold", sans-serif;
  text-transform: uppercase;
}
dialog .footer > .filterActions a span {
  display: block;
  padding-top: 0.2em;
}
dialog .footer > .filterActions a.apply {
  background-color: #5f7c2a;
}
dialog .footer > .filterActions a.reset {
  background-color: #1a1a1a;
}
dialog div.hr {
  border-bottom: 1px solid #dcdace;
  margin-block: 20px;
}
dialog .headerImage {
  display: grid;
  grid-template-columns: 128px 1fr;
  align-content: center;
  align-items: center;
  gap: 10px;
}
dialog .headerImage > .image {
  width: 100%;
  aspect-ratio: 7/5;
  position: relative;
  background-image: url("https://armslist-website.s3.us-east-2.amazonaws.com/assets/images/lineBackground.jpg");
  background-size: cover;
  background-position: top 0px right 78%;
  padding: 10px;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
}
dialog .headerImage > .image > img, dialog .headerImage > .image > a > img {
  object-position: center center;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  mix-blend-mode: darken;
}
dialog > .govx.textArea {
  text-align: center;
}
dialog > .govx.textArea h3 {
  color: #000;
}
dialog > .govx.textArea .image.tagline {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5em;
}
dialog > .govx.textArea .image.tagline img {
  width: 100%;
  max-width: 220px;
}
dialog h3 {
  text-wrap: balance;
}
dialog::backdrop {
  backdrop-filter: blur(10px) saturate(10%) brightness(50%);
  -webkit-backdrop-filter: blur(10px) saturate(10%) brightness(50%);
  height: 100dvh;
}

[popover]:popover-open {
  opacity: 1;
  transform: translateY(calc(100dvh - 100% - 20px));
}

[popover] {
  /* Final state of the exit animation */
  opacity: 0;
  transition: all 0.7s allow-discrete;
  margin-right: 20px;
  margin-left: auto;
  transform: translateY(100dvh);
}

/* Needs to be after the previous [popover]:popover-open rule
to take effect, as the specificity is the same */
@starting-style {
  [popover]:popover-open {
    bottom: 100dvh;
    opacity: 0;
    transform: translateY(100dvh);
  }
}
#pnlToast {
  background-color: #1a1a1a;
  color: #fff;
  border: 1px solid #fff;
  user-select: none;
  border-radius: 4px;
}
#pnlToast.clickable {
  cursor: pointer;
}
#pnlToast > .content {
  display: grid;
  align-content: center;
  align-items: center;
  gap: 15px;
  grid-template-columns: 30px 1fr;
  padding: 15px;
}
#pnlToast > .content > .message > .tagLine {
  font-size: 0.8em;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

@keyframes opener {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.backdrop {
  position: fixed;
  left: 0px;
  top: 0px;
  backdrop-filter: blur(8px) saturate(10%) brightness(50%);
  -webkit-backdrop-filter: blur(8px) saturate(10%) brightness(50%);
  height: 100dvh;
  width: 100dvw;
  z-index: 2000;
  display: none;
}

#pnlMobileMenu {
  outline: 1px solid blue;
  z-index: 2002;
  display: none;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  right: 0px;
  height: 100dvh;
  background-color: #fff;
  width: 0px;
  overflow: hidden;
  grid-template-rows: min-content 1fr;
}
#pnlMobileMenu > .pnlMobileControls {
  display: flex;
  justify-content: flex-end;
}
#pnlMobileMenu > .pnlMobileControls a {
  padding: 20px;
  display: flex;
}
#pnlMobileMenu > .pnlMobileControls a img {
  height: 20px;
  width: 20px;
}
#pnlMobileMenu > .pnlMobileMenuContainer {
  overflow: auto;
  height: 100%;
  min-width: 200px;
}
#pnlMobileMenu > .pnlMobileMenuContainer a.toggleButton {
  display: flex;
  justify-content: space-between;
}
#pnlMobileMenu > .pnlMobileMenuContainer a.toggleButton[aria-expanded=true] {
  background-color: #f3f3f3;
}
#pnlMobileMenu > .pnlMobileMenuContainer a.toggleButton[aria-expanded=true] img {
  transform: rotate(180deg);
}
#pnlMobileMenu > .pnlMobileMenuContainer nav {
  display: flex;
  flex-direction: column;
}
#pnlMobileMenu > .pnlMobileMenuContainer nav .menuGroup {
  display: none;
  border-left: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  margin-left: 20px;
  margin-bottom: 20px;
}
#pnlMobileMenu > .pnlMobileMenuContainer nav a {
  border-bottom: 1px solid #e3e3e3;
  padding: 0.75em;
  color: #1a1a1a;
  text-decoration: none;
  font-size: 1em;
  display: flex;
  justify-content: space-between;
}
#pnlMobileMenu > .pnlMobileMenuContainer nav a img {
  width: 20px;
  height: 20px;
}
#pnlMobileMenu > .pnlMobileMenuContainer nav a:hover {
  background-color: #f3f3f3;
}
#pnlMobileMenu > .pnlMobileMenuContainer nav a:last-child {
  border-bottom: 0px;
}

header.row {
  background-color: #fff;
}
header.row > .column > .content > .topBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
header.row > .column > .content > .topBar > .logo {
  width: clamp(180px, 19.53125vw, 200px);
}
header.row > .column > .content > .topBar > .logo img {
  width: 100%;
}
header.row > .column > .content > .topBar > .controls {
  display: flex;
  align-items: center;
  gap: 24px;
}
header.row > .column > .content > .topBar > .controls > .pipe {
  height: 2em;
  border-right: 1px solid #e3e3e3;
}
header.row > .column > .content > .topBar > .controls a {
  color: #1a1a1a;
  font-family: "Shuttleblock-Bold", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}
header.row > .column > .content > .topBar > .controls a > .dot {
  width: 14px;
  position: absolute;
  top: -4px;
  right: -7px;
}
header.row > .column > .content > .topBar > .controls a:hover {
  color: #5f7c2a;
}
header.row > .column > .content > .topBar > .controls a img {
  width: clamp(24px, 2.2222222222vw, 32px);
}
@media (width < 1050px) {
  header.row > .column > .content > .topBar > .controls .blog {
    display: none;
  }
}
@media (width < 950px) {
  header.row > .column > .content > .topBar > .controls .store {
    display: none;
  }
}
@media (width < 800px) {
  header.row > .column > .content > .topBar > .controls .dealers {
    display: none;
  }
}
@media (width < 650px) {
  header.row > .column > .content > .topBar > .controls .sell {
    display: none;
  }
}
@media (width < 550px) {
  header.row > .column > .content > .topBar > .controls .browse {
    display: none;
  }
}

section.row.utilityBar {
  background-color: #fff;
  position: sticky;
  top: 0px;
  z-index: 1000;
  border-bottom: 1px solid #e3e3e3;
}
section.row.utilityBar > .column > .content > .bottomBar {
  display: flex;
  justify-content: center;
  gap: clamp(30px, 5.859375vw, 60px);
  align-items: center;
}
section.row.utilityBar > .column > .content > .bottomBar > .menuButton {
  color: #1a1a1a;
  padding-inline: 8px;
  padding-block: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
section.row.utilityBar > .column > .content > .bottomBar > .menuButton img {
  transform: rotate(180deg);
}
section.row.utilityBar > .column > .content > .bottomBar .quickLink {
  display: flex;
  gap: 10px;
  align-items: center;
}
section.row.utilityBar > .column > .content > .bottomBar .quickLink img {
  height: 1.2em;
}
@media (width < 1080px) {
  section.row.utilityBar > .column > .content > .bottomBar > .searchBar {
    max-width: unset;
  }
}
section.row.utilityBar > .column > .content > .bottomBar > .searchBar {
  display: flex;
  flex: 1 1 100%;
  max-width: 420px;
}
section.row.utilityBar > .column > .content > .bottomBar > .searchBar input {
  width: 100%;
  padding-inline: 1em;
  padding-block: 0.4em;
  background-color: #f3f3f3;
  appearance: none;
  border: 1px solid #e3e3e3;
  outline: 0px;
  color: #000;
  font-size: 18px;
  letter-spacing: 0.04em;
}
section.row.utilityBar > .column > .content > .bottomBar > .searchBar input::placeholder {
  letter-spacing: 0.05em;
  font-family: "Barlow Condensed", sans-serif;
}
section.row.utilityBar > .column > .content > .bottomBar > .searchBar a {
  background-color: #5f7c2a;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 10px;
}
section.row.utilityBar > .column > .content > .bottomBar > .searchBar a img {
  width: 18px;
}
@media (width < 1024px) {
  section.row.utilityBar > .column > .content > .bottomBar > .buttonWithCounter#pnlMessagesButton {
    display: none;
  }
}
@media (width < 768px) {
  section.row.utilityBar > .column > .content > .bottomBar > .buttonWithCounter#pnlWatchlistButton {
    display: none;
  }
}
section.row.utilityBar > .column > .content > .bottomBar > .buttonWithCounter a {
  text-decoration: none;
  color: #1a1a1a;
}
section.row.utilityBar > .column > .content > .bottomBar > .registerLogin {
  white-space: nowrap;
}
section.row.utilityBar > .column > .content > .bottomBar > .registerLogin a {
  color: #1a1a1a;
}
@media (width < 640px) {
  section.row.utilityBar > .column > .content > .bottomBar > .registerLogin {
    display: none;
  }
}

section.row.premiumNotice {
  background-color: #1a1a1a;
}
section.row.premiumNotice > .column > .content > .text {
  font-family: "Shuttleblock-Bold", sans-serif;
  color: #fff;
  text-align: center;
  text-wrap: balance;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

footer.row {
  color: #fff;
  background-color: #000;
}
footer.row > .column {
  width: 100%;
  display: grid;
}
footer.row > .column > .logoAndSocial {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@container (width<540px) {
  footer.row > .column > .logoAndSocial {
    flex-direction: column;
    gap: 30px;
  }
}
footer.row > .column > .logoAndSocial > .logo img {
  width: 200px;
}
footer.row > .column > .columns {
  width: 100%;
  border-block: 1px solid #535353;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@container (width<768px) {
  footer.row > .column > .columns {
    grid-template-columns: 1fr 1fr;
  }
}
@container (width<400px) {
  footer.row > .column > .columns {
    grid-template-columns: 1fr;
    gap: 1em;
  }
}
footer.row > .column > .columns > div.hr {
  border-bottom: 1px dashed #535353;
  display: none;
}
@container (width<400px) {
  footer.row > .column > .columns > div.hr {
    display: block;
  }
}
footer.row > .column > .columns > .links {
  display: grid;
  gap: 1em;
}
footer.row > .column > .columns > .links a {
  max-width: 150px;
  color: #fff;
  display: flex;
  justify-content: space-between;
}
footer.row > .column > .legalLinks {
  display: flex;
  justify-content: space-around;
}
@container (width<540px) {
  footer.row > .column > .legalLinks {
    flex-direction: column;
    gap: 1em;
  }
}
footer.row > .column > .legalLinks a {
  color: #fff;
}

section.row.govxAd {
  background-color: #2c2e2a;
}
section.row.govxAd > .column {
  cursor: pointer;
}
section.row.govxAd > .column > .content > .govxContent {
  gap: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@container (width<640px) {
  section.row.govxAd > .column > .content > .govxContent {
    flex-direction: column;
  }
}
section.row.govxAd > .column > .content > .govxContent > .text {
  color: #fff;
}
section.row.govxAd > .column > .content > .govxContent > .logo img {
  width: 100px;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

@container (width<1024px) {
  section.row.homeFeatures .cardManager > .cards > .card:nth-child(3) {
    outline: 10px solid red;
    display: none;
  }
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.sectionFooter {
  display: none;
}
@media (width < 768px) {
  section.row.sectionFooter {
    display: flex;
  }
}
section.row.sectionFooter > .column > .content {
  display: flex;
  justify-content: center;
}
section.row.sectionFooter > .column > .content > .action a {
  text-decoration: none;
  color: #1a1a1a;
  display: flex;
  padding: 1em;
  padding-bottom: 0.9em;
  border: 2px solid #5f7c2a;
  font-family: "Shuttleblock-Bold", sans-serif;
  text-transform: uppercase;
}

section.row.sectionFooter.onGrey {
  background-color: #f3f3f3;
}

section.row.sectionFooter.onDark > .column > .content > .action a {
  border: 2px solid #95b755;
  color: #fff;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.adHorizontal {
  background-color: #f3f3f3;
}
section.row.adHorizontal > .column > .content {
  display: grid;
  gap: 20px;
  grid-template-columns: 10fr fit-content(728px) 10fr;
}
@media (width < 1100px) {
  section.row.adHorizontal > .column > .content {
    grid-template-columns: 1fr;
  }
}
section.row.adHorizontal > .column > .content {
  justify-items: center;
  align-items: center;
}
@media (width < 1100px) {
  section.row.adHorizontal > .column > .content > .trim {
    display: none;
  }
}
section.row.adHorizontal > .column > .content > .trim img {
  width: 100%;
}
section.row.adHorizontal > .column > .content > a {
  max-width: 728px;
}
section.row.adHorizontal > .column > .content > a img {
  width: 100%;
}

/*@import "blogFeature";
@import "blogArticle";
@import "blogArticleEdit";*/
/*@import "blog";*/
body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.content > .column > .content {
  display: grid;
  row-gap: clamp(20px, 3.7037037037vw, 40px);
}
section.row.content > .column h1 {
  font-size: clamp(32px, 4.6296296296cqw, 50px);
  max-width: 20ch;
  text-wrap: balance;
}
section.row.content > .column p {
  font-size: clamp(18px, 1.9607843137vw, 20px);
  font-weight: 400;
  max-width: 74ch;
  margin-bottom: 1em;
}
section.row.content > .column p strong {
  font-weight: 700;
}
section.row.content > .column p a {
  color: #5f7c2a;
}
section.row.content > .column ul, section.row.content > .column ol {
  padding-left: 2em;
}
section.row.content > .column ul li, section.row.content > .column ol li {
  line-height: 1.4em;
  font-size: clamp(18px, 1.9607843137vw, 20px);
  font-weight: 400;
  max-width: 74ch;
  text-wrap: pretty;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

#pnlMyListings {
  display: grid;
  gap: 2em;
}
#pnlMyListings > .headerText {
  border-bottom: 1px solid #5f7c2a;
}
#pnlMyListings > .headerText h3 {
  display: inline-block;
}

.dashboardComponents {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: clamp(20px, 3cqw, 30px);
  container-type: inline-size;
}
.dashboardComponents > .component.twoColumn {
  grid-column: span 2;
}
@container (width<800px) {
  .dashboardComponents > .component.twoColumn {
    grid-column: span 3;
  }
}
@container (width<640px) {
  .dashboardComponents > .component.twoColumn {
    grid-column: span 6;
  }
}
.dashboardComponents > .component.threeColumn {
  grid-column: span 3;
}
@container (width<640px) {
  .dashboardComponents > .component.threeColumn {
    grid-column: span 6;
  }
}
.dashboardComponents > .component {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  padding: clamp(15px, 2cqw, 20px);
  padding-bottom: clamp(19px, 2.4cqw, 24px);
  container-type: inline-size;
  gap: 12px;
  display: grid;
  align-content: start;
  /*        &.accountSummary {



      background-image: url("https://armslist-website.s3.us-east-2.amazonaws.com/assets/images/carbonFiber.png");
      grid-column: span 2 / auto;
      color: #fff;

      a {
          color: $greenLime;
          text-decoration: none;
      }
  }*/
  grid-template-rows: min-content min-content 1fr;
}
.dashboardComponents > .component > .title {
  font-size: clamp(18px, 7.9136690647cqw, 22px);
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.dashboardComponents > .component > .title .textLabel {
  line-height: 1em;
  padding-bottom: 0.03em;
}
.dashboardComponents > .component > .title .genericCount {
  font-size: clamp(18px, 7.9136690647cqw, 22px);
  font-weight: 500;
  background-color: #ccc;
  color: #fff;
  line-height: 1em;
  padding-inline: 0.25em;
  padding-block: 0.25em;
  padding-top: 0.22em;
  min-width: 2em;
  text-align: center;
}
.dashboardComponents > .component > .title .genericCount.active {
  background-color: #1a1a1a;
}
.dashboardComponents > .component > .content {
  display: grid;
  justify-content: start;
  justify-items: start;
  gap: 10px;
}
.dashboardComponents > .component > .content p {
  line-height: 1em;
}
.dashboardComponents > .component > .action {
  align-self: end;
}

.payments {
  display: grid;
}
.payments > .header {
  border-bottom: 1px solid #6e6c56;
  margin-top: 1em;
}
.payments > .header div {
  width: max-content;
  padding: 0.5em 1em;
  background-color: #4d5839;
  color: #fff;
}
.payments > .payment {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 1px solid #e3e3e3;
  padding: 1em 1em;
  background-color: #fff;
}
.payments > .payment > .date {
  text-align: center;
}
.payments > .payment > .amount {
  text-align: right;
}

.fflGroup {
  display: grid;
}
.fflGroup > .header {
  border-bottom: 1px solid #6e6c56;
  margin-top: 1em;
}
.fflGroup > .header div {
  width: max-content;
  padding: 0.5em 1em;
  background-color: #4d5839;
  color: #fff;
}
.fflGroup > .fflList > .ffl {
  display: grid;
  grid-template-columns: min-content 1fr 1fr 1fr;
  border-bottom: 1px solid #e3e3e3;
  padding: 1em 1em;
  background-color: #fff;
  align-content: center;
  align-items: center;
  gap: 0.5em;
}
.fflGroup > .fflList > .ffl > .icon img {
  height: 30px;
}
.fflGroup > .fflList > .ffl > .expiration {
  justify-self: end;
}

.points {
  display: grid;
}
.points > .header {
  border-bottom: 1px solid #6e6c56;
  margin-top: 1em;
}
.points > .header div {
  width: max-content;
  padding: 0.5em 1em;
  background-color: #4d5839;
  color: #fff;
}
.points > .point {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 1px solid #e3e3e3;
  padding: 1em 1em;
  background-color: #fff;
}
.points > .point > .date {
  justify-self: end;
}

table.pendingRatings {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
}
table.pendingRatings > tbody > tr {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr min-content;
}
table.pendingRatings > tbody > tr:has(td):hover {
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
table.pendingRatings > tbody > tr td:first-child, table.pendingRatings > tbody > tr th:first-child {
  padding-left: 10px;
}
table.pendingRatings > tbody > tr td:last-child, table.pendingRatings > tbody > tr th:last-child {
  padding-right: 10px;
}
table.pendingRatings > tbody > tr td, table.pendingRatings > tbody > tr th {
  border-bottom: 1px solid #dcdace;
  padding-block: 10px;
  font-size: 0.9em;
  display: flex;
  align-items: center;
}
table.pendingRatings > tbody > tr td.listing > .wrap {
  container-type: inline-size;
  width: 90%;
}
table.pendingRatings > tbody > tr td.listing > .wrap > .condensor {
  max-width: 100cqw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.pendingRatings > tbody > tr td.seller > .wrap {
  container-type: inline-size;
  width: 90%;
}
table.pendingRatings > tbody > tr td.seller > .wrap > .condensor {
  max-width: 100cqw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.pendingRatings > tbody > tr td.date .text {
  text-align: center;
  min-width: 90px;
}
table.pendingRatings > tbody > tr td.action img {
  width: 24px;
}

table.messageThreads {
  width: 100%;
  border-collapse: collapse;
  background-color: rgba(0, 0, 0, 0.05);
}
table.messageThreads > tbody > tr.pendingTrue {
  background-color: #fff;
}
table.messageThreads > tbody > tr.pendingTrue td.author {
  font-weight: 600;
}
table.messageThreads > tbody > tr {
  display: grid;
  gap: 10px;
  grid-template-columns: min-content 0.3fr 0.7fr min-content min-content;
  cursor: pointer;
}
table.messageThreads > tbody > tr:hover {
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
table.messageThreads > tbody > tr td:first-child {
  padding-left: 10px;
}
table.messageThreads > tbody > tr td:last-child {
  padding-right: 10px;
}
table.messageThreads > tbody > tr td {
  border-bottom: 1px solid #dcdace;
  padding-block: 10px;
  font-size: 0.9em;
  display: flex;
  align-items: center;
}
table.messageThreads > tbody > tr {
  /*          @container (width<640px) {
     td.image {
         display:none;
     }
  }*/
}
table.messageThreads > tbody > tr td.image img {
  width: 24px;
  mix-blend-mode: darken;
}
table.messageThreads > tbody > tr td.author > .wrap {
  container-type: inline-size;
  width: 90%;
}
table.messageThreads > tbody > tr td.author > .wrap > .condensor {
  max-width: 100cqw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.messageThreads > tbody > tr td.details > .wrap {
  container-type: inline-size;
  width: 90%;
}
table.messageThreads > tbody > tr td.details > .wrap > .condensor {
  max-width: 100cqw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.messageThreads > tbody > tr td.date .text {
  text-align: center;
  min-width: 90px;
}
table.messageThreads > tbody > tr td.action img {
  width: 24px;
}
table.messageThreads > tbody > tr td.indicator img {
  width: 14px;
}

section.row.primaryAccountMenu > .column > .content .primaryMenu {
  display: grid;
  gap: 20px;
}
section.row.primaryAccountMenu > .column > .content .primaryMenu h4 {
  margin-top: 1em;
}
section.row.primaryAccountMenu > .column > .content .primaryMenu nav {
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
section.row.primaryAccountMenu > .column > .content .primaryMenu nav a {
  border-bottom: 1px solid #e3e3e3;
  padding: 0.75em;
  color: #1a1a1a;
  text-decoration: none;
  font-size: 1em;
  display: flex;
  justify-content: space-between;
  border-right: 4px solid #f3f3f3;
}
section.row.primaryAccountMenu > .column > .content .primaryMenu nav a:hover {
  border-right: #e3e3e3 4px solid;
}
section.row.primaryAccountMenu > .column > .content .primaryMenu nav a[selected] {
  border-right: 4px solid #4d5839;
}
section.row.primaryAccountMenu > .column > .content .selectMenu {
  display: none;
}
@media (width < 1065px) {
  section.row.primaryAccountMenu > .column > .content .primaryMenu {
    display: none;
  }
  section.row.primaryAccountMenu > .column > .content .selectMenu {
    display: block;
  }
}

section.row.account.accountType > .column > .content .right {
  container-type: inline-size;
}
section.row.account.accountType > .column > .content .right > .content {
  display: grid;
  gap: clamp(15px, 2.7777777778cqw, 40px);
  grid-template-columns: 1fr;
}
@container (width<640px) {
  section.row.account.accountType > .column > .content .right > .content {
    grid-template-columns: 1fr;
  }
}
section.row.account.accountType > .column > .content .right > .content > .card {
  display: grid;
  grid-template-rows: max-content 1fr;
  align-items: end;
  padding: clamp(10px, 6.25cqw, 20px);
  position: relative;
}
section.row.account.accountType > .column > .content .right > .content > .card h4 {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 0.5em;
}
section.row.account.accountType > .column > .content .right > .content > .card > .bottom {
  display: flex;
  justify-content: flex-end;
}
section.row.account.accountType > .column > .content .right > .content > .accountSummary {
  background-color: #f3f3f3;
}
section.row.account.accountType > .column > .content .right > .content > .accountSummary p.description {
  margin-bottom: 2em;
  text-wrap: pretty;
}
section.row.account.accountType > .column > .content .right > .content > .paymentMethod {
  background-color: #f3f3f3;
}

/*    section.row.account.dashboard {
        background-color: $smokeLight;

        > .column {

            > .content {


                .right {
                    container-type: inline-size;

                    > .content {
                        display: grid;
                        gap: clamp(15px,calc(40/1440*100cqw),40px);
                        grid-template-columns: 1fr 1fr;

                        @container(width<640px) {
                            grid-template-columns: 1fr;
                        }

                        > .card {
                            display: grid;
                            grid-template-rows: max-content 1fr;
                            align-items: end;
                            padding: clamp(10px,calc(20/320*100cqw),20px);
                            position: relative;

                            > a.edit {
                                background-color: $blackEdge;
                                width: 48px;
                                height: 48px;
                                color: #fff;
                                display: flex;
                                text-decoration: none;
                                justify-content: center;
                                align-items: center;
                                position: absolute;
                                top: 0px;
                                right: 0px;
                            }

                            h4 {
                                display: flex;
                                gap: 10px;
                                align-items: center;
                                margin-bottom: .5em;
                            }

                            > .top {
                            }

                            > .bottom {
                                display: flex;
                                justify-content: flex-end;
                            }
                        }

                        > .accountSummary {
                            background-color: $smokeLight;

                            p.description {
                                margin-bottom: 2em;
                                text-wrap: pretty;
                            }
                        }

                        > .paymentMethod {
                            background-color: $smokeLight;
                        }
                    }
                }
            }
        }
    }*/
.paymentMethodCard {
  background-color: #fff;
  padding: 20px;
  max-width: 420px;
}
.paymentMethodCard p.expiration {
  margin-bottom: 1.4em;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.listingEnded {
  background-color: #FFF;
  border-bottom: 1px solid #e3e3e3;
}
section.row.listingEnded > .column > .content > .textArea p {
  display: flex;
  gap: 0.5em;
  margin-bottom: 0.25em;
}
section.row.listingEnded > .column > .content > .textArea p img {
  width: 32px;
}

section.row.listing {
  background-color: #f3f3f3;
}
section.row.listing > .column {
  container-name: contentsdf;
}
section.row.listing > .column > .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(15px, 2.7777777778cqw, 40px);
  align-items: start;
}
@container (width<1024px) {
  section.row.listing > .column > .content {
    grid-template-columns: 1fr;
  }
  section.row.listing > .column > .content > .right {
    display: none;
  }
}
section.row.listing > .column > .content > .left {
  container-type: inline-size;
}
section.row.listing > .column > .content > .left > .listingDetails {
  display: grid;
  gap: clamp(10px, 4.4776119403cqw, 30px);
}
section.row.listing > .column > .content > .left > .listingDetails > .navigation {
  position: relative;
  display: flex;
  justify-content: space-between;
}
section.row.listing > .column > .content > .left > .listingDetails > .headerTags {
  display: grid;
  gap: 5px;
}
section.row.listing > .column > .content > .left > .listingDetails > .headerTags > .tag {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
section.row.listing > .column > .content > .left > .listingDetails > .headerTags > .tag span {
  background-color: #1a1a1a;
  color: #fff;
  display: inline-flex;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 12px;
  clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 50%, calc(100% - 5px) 100%, 0 100%);
  font-family: "Shuttleblock-Bold", sans-serif;
  letter-spacing: 0.05em;
}
section.row.listing > .column > .content > .left > .listingDetails > .headerTags > .tag {
  font-weight: 500;
}
section.row.listing > .column > .content > .left > .listingDetails > .sellerRatingListingID {
  display: flex;
  justify-content: space-between;
}
section.row.listing > .column > .content > .left > .listingDetails > .sellerRatingListingID .digitText {
  font-family: "Roboto Mono", monospace;
  font-size: 0.9em;
  font-weight: 500;
}
section.row.listing > .column > .content > .left > .listingDetails > h2 {
  color: #1a1a1a;
  text-wrap: pretty;
}
section.row.listing > .column > .content > .left > .listingDetails .howToBuy {
  text-align: center;
}
@container contentsdf (width<1024px) {
  section.row.listing > .column > .content > .left > .listingDetails .listingImagesSlider {
    display: block;
  }
}
@container contentsdf (width>=1024px) {
  section.row.listing > .column > .content > .left > .listingDetails .listingImagesSlider {
    display: none;
  }
}
section.row.listing > .column > .content > .left > .listingDetails .listingImagesSlider > .swiper {
  width: 100cqw;
}
section.row.listing > .column > .content > .left > .listingDetails .listingImagesSlider > .swiper .swiper-pagination {
  background-color: #fff;
  position: absolute;
  z-index: 999;
  transform: translateX(-50%);
  left: 50%;
  bottom: 20px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
section.row.listing > .column > .content > .left > .listingDetails .listingImagesSlider > .swiper .swiper-pagination > .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #999;
  border-radius: 50%;
}
section.row.listing > .column > .content > .left > .listingDetails .listingImagesSlider > .swiper .swiper-pagination > .swiper-pagination-bullet-active {
  background-color: #000;
}
section.row.listing > .column > .content > .left > .listingDetails .listingImagesSlider > .swiper > .swiper-wrapper > .swiper-slide img {
  width: 100%;
}
section.row.listing > .column > .content > .left > .listingDetails .priceBar > .sellerType.top {
  padding-top: clamp(8px, 1.4925373134cqw, 10px);
}
section.row.listing > .column > .content > .left > .listingDetails .priceBar > .sellerType {
  background: #d7dec9;
  max-width: max-content;
  padding-inline: clamp(16px, 2.9850746269cqw, 20px);
}
@container (width<480px) {
  section.row.listing > .column > .content > .left > .listingDetails .priceBar > .sellerType {
    max-width: unset;
    text-align: center;
  }
}
@container (width<480px) {
  section.row.listing > .column > .content > .left > .listingDetails .priceBar > .actions {
    flex-direction: column;
    align-items: center;
    gap: clamp(16px, 2.9850746269cqw, 20px);
    padding: clamp(16px, 2.9850746269cqw, 20px);
  }
}
section.row.listing > .column > .content > .left > .listingDetails .priceBar > .actions {
  background-color: #d7dec9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(8px, 1.4925373134cqw, 10px);
  padding-left: clamp(16px, 2.9850746269cqw, 20px);
}
section.row.listing > .column > .content > .left > .listingDetails > .caretList.noIcons > div {
  grid-template-columns: max-content 1fr;
}
section.row.listing > .column > .content > .left > .listingDetails > .caretList.icons > div {
  grid-template-columns: 20px max-content 1fr;
}
section.row.listing > .column > .content > .left > .listingDetails > .caretList {
  border-left: 1px solid #95b755;
}
section.row.listing > .column > .content > .left > .listingDetails > .caretList > div {
  display: grid;
  padding: 10px;
  gap: 10px;
  border-bottom: 1px solid #d7dec9;
}
section.row.listing > .column > .content > .left > .listingDetails > .caretList > div img.icon {
  width: 20px;
}
section.row.listing > .column > .content > .left > .listingDetails > .caretList > div > .label {
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  padding-bottom: 0.1em;
}
section.row.listing > .column > .content > .left > .listingDetails > .caretList > div > .value {
  container-type: inline-size;
  text-align: right;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  text-align: left;
  font-weight: 500;
}
section.row.listing > .column > .content > .left > .listingDetails > .caretList > div > .value a {
  color: #5f7c2a;
  text-decoration: none;
}
section.row.listing > .column > .content > .left > .listingDetails > .caretList > div > .value .condensor, section.row.listing > .column > .content > .left > .listingDetails > .caretList > div > .value a {
  max-width: 80cqw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.row.listing > .column > .content > .left > .listingDetails > .caretList div:last-child {
  border-bottom: 0px;
}
section.row.listing > .column > .content > .left > .listingDetails > .policy {
  padding: 1em;
  border: 1px solid #e3e3e3;
  word-break: break-word;
}
section.row.listing > .column > .content > .right > .imageGallery {
  display: grid;
  gap: 40px;
}
section.row.listing > .column > .content > .right > .imageGallery > .image {
  width: 100%;
  aspect-ratio: 7/5;
  position: relative;
  background-image: url("https://armslist-website.s3.us-east-2.amazonaws.com/assets/images/lineBackground.jpg");
  background-size: cover;
  background-position: top 0px right 78%;
}
section.row.listing > .column > .content > .right > .imageGallery > .image a > img {
  object-position: center center;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  mix-blend-mode: darken;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.featureRow.darkImage {
  background-image: url("/images/rifles-background.jpg");
  position: relative;
  background-position: center center;
  background-size: cover;
}
section.row.featureRow.darkImage::after {
  content: "";
  background-color: #2c2e2a;
  opacity: 0.9;
  position: absolute;
  inset: 0px;
  z-index: 0;
}
section.row.featureRow.onLight {
  background-color: #f3f3f3;
}
section.row.featureRow.onWhite {
  background-color: #fff;
}
section.row.featureRow > * {
  position: relative;
  z-index: 1;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.howToSell {
  background-color: #1a1a1a;
  background-image: url("https://armslist-website.s3.us-east-2.amazonaws.com/assets/images/sellingBackground.jpg");
  background-position: center center;
  background-size: cover;
}
section.row.howToSell > .column > .content {
  container-type: inline-size;
}
section.row.howToSell > .column > .content > .cardManager > .cards > .card {
  background-color: #fff;
}
section.row.howToSell > .column > .content > .topAction {
  display: flex;
}
@media (width < 960px) {
  section.row.howToSell > .column > .content > .topAction {
    justify-content: center;
  }
}
section.row.howToSell > .column > .content > .topAction > .left {
  background-color: #fff;
  border: 1px solid #1a1a1a;
  padding: clamp(20px, 5.2083333333cqw, 40px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  max-width: 540px;
}
section.row.howToSell > .column > .content > .topAction > .left h1 {
  margin-bottom: 0.25em;
}
body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.sectionHeader > .column {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

section.row.sectionHeader.onGrey {
  background-color: #f3f3f3;
}

.sectionHeader.onDark > .column h2 {
  color: #fff;
}
.sectionHeader.onDark > .column h4 {
  color: #bae66a;
}
@media (width < 768px) {
  .sectionHeader.onDark > .column > .action {
    display: none;
  }
}
.sectionHeader.onDark > .column > .action a {
  border: 2px solid #95b755;
  color: #fff;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.activateListing > .column > .content > .form > .fields #pnlPaymentMethodDetails {
  display: none;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

@container (width<640px) {
  section.row.listingsHeader > .columns > .content.header {
    justify-self: center;
    align-self: unset;
  }
}
@container (width<640px) {
  section.row.listingsHeader > .columns > .content.link {
    justify-self: center;
    align-self: unset;
  }
}
section.row.listingsHeader > .columns > .content.link {
  justify-self: end;
  align-self: start;
}

section.row.listingsNew > .column {
  display: grid;
  gap: 20px;
  position: relative;
}
section.row.listingsNew > .column .resultsHeader {
  display: grid;
  gap: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  container-name: resultsHeader;
}
section.row.listingsNew > .column .resultsHeader > .filterRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 20px;
}
@container (width<640px) {
  section.row.listingsNew > .column .resultsHeader > .filterRow > .filter {
    justify-self: center;
  }
}
section.row.listingsNew > .column .resultsHeader > .filterRow > .filter {
  justify-self: start;
}
@container (width<640px) {
  section.row.listingsNew > .column .resultsHeader > .filterRow > .notifyMe {
    justify-self: center;
  }
}
section.row.listingsNew > .column .resultsHeader > .filterRow > .notifyMe {
  justify-self: end;
}
@container (width<640px) {
  section.row.listingsNew > .column .resultsHeader > .tagRow > #tags {
    justify-content: center;
  }
}
section.row.listingsNew > .column .resultsHeader > .tagRow > #tags {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: start;
  grid-column: span 2;
}
section.row.listingsNew > .column .resultsHeader > .tagRow > #tags > .tag {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 8px;
  padding-inline: 12px;
  font-size: 0.9em;
  gap: 1em;
}
section.row.listingsNew > .column .resultsHeader > .tagRow > #tags > .tag a {
  padding: 4px;
}
section.row.listingsNew > .column .resultsHeader > .tagRow > #tags > .tag a img {
  width: 16px;
}
section.row.listingsNew > .column .resultsHeader > .tagRow > #tags > .tag.reset {
  cursor: pointer;
  background-color: unset;
  border: 0px;
  gap: 0.5em;
}
section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow {
  display: grid;
  grid-template-columns: 300px max-content 1fr;
  border-bottom: 1px solid #dcdace;
  padding-bottom: 20px;
  align-items: center;
  gap: 20px;
}
section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .sorting select {
  border-color: #e3e3e3;
}
section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .zipCode input.active {
  background-image: url("/images/icons/location-dot-sharp-solid-full-green.svg");
}
section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .zipCode input[disabled] {
  background-image: url("/images/icons/lock-sharp-solid-full-green.svg");
}
section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .zipCode input {
  max-width: 190px;
  width: 100%;
  border-color: #e3e3e3;
  background-image: url("/images/icons/location-dot-sharp-solid-full-grey.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 30px;
  padding-right: 30px;
}
section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .paging {
  justify-self: end;
  display: flex;
  gap: 10px;
  align-items: center;
}
section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .paging a {
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  padding: 0px;
  border-radius: 50%;
}
section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .paging a > img {
  width: 14px;
  height: 14px;
}
section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .paging a.disabled {
  opacity: 0.25;
}
@container resultsHeader (width<800px) {
  section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow {
    grid-template-columns: 1fr 1fr;
  }
  section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .paging {
    display: none;
  }
  section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .zipCode {
    grid-row: 1;
  }
  section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .zipCode input {
    padding-right: 0px;
    max-width: unset;
  }
}
@container resultsHeader (width<540px) {
  section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .sorting {
    grid-row: 2;
  }
  section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .sorting select {
    max-width: unset;
  }
  section.row.listingsNew > .column .resultsHeader > .sortingQuickZipPagingRow > .zipCode {
    grid-row: 1;
  }
}
section.row.listingsNew > .column .resultsHeader > .pagingSortingRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #dcdace;
  padding-bottom: 20px;
  align-items: end;
}
section.row.listingsNew > .column .resultsHeader > .pagingSortingRow > .sorting select {
  width: 300px;
  border-color: #e3e3e3;
}
section.row.listingsNew > .column .resultsHeader > .pagingSortingRow > .zipCode {
  justify-self: end;
}
section.row.listingsNew > .column .resultsHeader > .pagingSortingRow > .zipCode input {
  width: 170px;
  border-color: #e3e3e3;
}
section.row.listingsNew > .column .resultsHeader > .pagingSortingRow > .paging {
  justify-self: end;
  display: flex;
  gap: 10px;
  align-items: center;
}
section.row.listingsNew > .column .resultsHeader > .pagingSortingRow > .paging a {
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  padding: 0px;
  border-radius: 50%;
}
section.row.listingsNew > .column .resultsHeader > .pagingSortingRow > .paging a > img {
  width: 14px;
  height: 14px;
}
section.row.listingsNew > .column .resultsHeader > .pagingSortingRow > .paging a.disabled {
  opacity: 0.25;
}
@container resultsHeader (width<640px) {
  section.row.listingsNew > .column .resultsHeader > .pagingSortingRow {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  section.row.listingsNew > .column .resultsHeader > .pagingSortingRow > .sorting select {
    max-width: unset;
  }
  section.row.listingsNew > .column .resultsHeader > .pagingSortingRow > .paging {
    justify-self: center;
  }
}
@container resultsHeader (width<640px) {
  section.row.listingsNew > .column .resultsHeader > .resultCountRow {
    text-align: center;
  }
}

section.row.mapSection > .column h4 {
  font-size: 22px;
  margin-bottom: 1em;
}
section.row.mapSection > .column .mapCard {
  display: grid;
  gap: 1em;
  font-size: 16px;
}
section.row.mapSection > .column .mapCard a {
  width: 100%;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.vendorStoreProfile {
  background-color: #f3f3f3;
}
section.row.vendorStoreProfile > .column {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: clamp(20px, 6.25cqw, 120px);
}
@container (width<768px) {
  section.row.vendorStoreProfile > .column {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
section.row.vendorStoreProfile > .column > .left {
  container-type: inline-size;
  color: #1a1a1a;
  display: grid;
  gap: 20px;
  align-content: start;
}
section.row.vendorStoreProfile > .column > .left > .image a {
  display: contents;
  border: 1px solid red;
}
section.row.vendorStoreProfile > .column > .left > .image img {
  width: 100%;
  border: 4px solid #1a1a1a;
  border-radius: 50%;
  max-width: 200px;
}
section.row.vendorStoreProfile > .column > .left > .content .accountType {
  font-family: "Barlow Condensed", sans-serif;
}
section.row.vendorStoreProfile > .column > .left > .content .companyName {
  font-size: clamp(20px, 9.375cqw, 30px);
  font-family: "Shuttleblock-Bold", sans-serif;
}
section.row.vendorStoreProfile > .column > .left > .tags a {
  color: #1a1a1a;
}
section.row.vendorStoreProfile > .column > .right {
  position: relative;
  color: #1a1a1a;
  display: grid;
  min-height: 300px;
  container-type: inline-size;
  background-size: cover;
  background-position: center center;
}
section.row.vendorStoreProfile > .column > .right > .memberSince {
  font-family: "Barlow Condensed", sans-serif;
}
section.row.vendorStoreProfile > .column > .right > .tagline {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 9.375cqw, 30px);
}
section.row.vendorStoreProfile > .column > .right > .listingGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: clamp(15px, 3.1914893617cqw, 30px);
  width: 100%;
  align-content: start;
}
@container (width<917px) {
  section.row.vendorStoreProfile > .column > .right > .listingGrid > .card:nth-child(n+8):not(.viewMore) {
    display: none;
  }
}
@container (width<708px) {
  section.row.vendorStoreProfile > .column > .right > .listingGrid > .card:nth-child(n+6):not(.viewMore) {
    display: none;
  }
}
section.row.vendorStoreProfile > .column > .right > .listingGrid > .card {
  background-color: #fff;
  display: grid;
  border: 1px solid #ccc;
  align-items: start;
  align-content: start;
}
section.row.vendorStoreProfile > .column > .right > .listingGrid > .card > div.image {
  width: 100%;
  aspect-ratio: 16/9;
  border-bottom: 1px solid #ccc;
}
section.row.vendorStoreProfile > .column > .right > .listingGrid > .card > div.image a {
  display: contents;
}
section.row.vendorStoreProfile > .column > .right > .listingGrid > .card > div.image img {
  object-position: center center;
  width: 100%;
  height: 100%;
}
section.row.vendorStoreProfile > .column > .right > .listingGrid > .card > .details {
  padding: 10px;
  display: grid;
  gap: 10px;
}
section.row.vendorStoreProfile > .column > .right > .listingGrid > .card > .details > div.title a {
  color: #1a1a1a;
  text-decoration: none;
}
section.row.vendorStoreProfile > .column > .right > .listingGrid > .card > .details > div.title {
  font-size: clamp(16px, 5.625cqw, 18px);
  font-family: "Barlow Semi Condensed", sans-serif;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-wrap: pretty;
  font-weight: 400;
}
section.row.vendorStoreProfile > .column > .right > .listingGrid > .card > .details > .detailsHeader > .price {
  color: #5f7c2a;
}
section.row.vendorStoreProfile > .column > .right > .listingGrid .card.viewMore {
  background-color: #2c2e2a;
  padding: 0px;
  align-content: center;
  padding-block: 1em;
}
section.row.vendorStoreProfile > .column > .right > .listingGrid .card.viewMore a {
  padding: 0px;
  display: grid;
  grid-template-columns: min-content min-content min-content;
  font-size: 14px;
  text-align: right;
}
section.row.vendorStoreProfile > .column > .right > .listingGrid .card.viewMore a > .pipe {
  border-left: 1px solid #bae66a;
  height: 100%;
}
section.row.vendorStoreProfile > .column > .right > .quickLinks {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  bottom: -20px;
}

section.row.vendorStoreBlocks {
  background-color: #fff;
}
section.row.vendorStoreBlocks > .column > .vendorBlocks {
  background-color: #e3e3e3;
  gap: 1px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@container (width < 768px) {
  section.row.vendorStoreBlocks > .column > .vendorBlocks {
    grid-template-columns: 1fr;
  }
}
@container (width < 640px) {}
section.row.vendorStoreBlocks > .column > .vendorBlocks > .block {
  background-color: #fff;
  padding: clamp(15px, 2.9296875cqw, 30px);
}
section.row.vendorStoreBlocks > .column > .vendorBlocks > .block h3 {
  margin-bottom: 0.5em;
}
section.row.vendorStoreBlocks > .column > .vendorBlocks > .block .content {
  display: grid;
  gap: 1em;
}
section.row.vendorStoreBlocks > .column > .vendorBlocks > .block.services table {
  width: 100%;
}
section.row.vendorStoreBlocks > .column > .vendorBlocks > .block.services table tr td {
  padding: 4px;
  border-bottom: 1px dashed #e3e3e3;
  width: max-content;
}
section.row.vendorStoreBlocks > .column > .vendorBlocks > .block.services table tr td.right {
  text-align: left;
}
section.row.vendorStoreBlocks > .column > .vendorBlocks > .block.terms .bullet {
  display: flex;
}
section.row.vendorStoreBlocks > .column > .vendorBlocks > .block.terms .bullet img {
  width: 20px;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.welcomeBanner {
  background-color: #000;
  border-bottom: 1px solid #e3e3e3;
  background-image: url("https://armslist-website.s3.us-east-2.amazonaws.com/assets/images/welcomeBanner.jpg?r=1");
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: relative;
}
section.row.welcomeBanner::before {
  content: "1";
  position: absolute;
  inset: 0px;
  background-color: #000;
  opacity: 0.3;
  z-index: 99;
}
section.row.welcomeBanner::after {
  content: "1";
  position: absolute;
  inset: 0px;
  background-color: #000;
  opacity: 0.5;
  z-index: 100;
  mix-blend-mode: color;
}
section.row.welcomeBanner > .column {
  z-index: 101;
  /*        @container section (width<1340px) {
      background-size: 100%;
      background-position: 0px top;
  }*/
  /*       @container section (width<1024px) {
      background-size: 100%;
  }*/
}
section.row.welcomeBanner > .column > .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@container section (width<1200px) {
  section.row.welcomeBanner > .column > .content {
    grid-template-columns: 1fr;
  }
}
section.row.welcomeBanner > .column > .content > .welcome {
  container-type: inline-size;
}
@container section (width<540px) {
  section.row.welcomeBanner > .column > .content > .welcome {
    text-align: center;
  }
}
section.row.welcomeBanner > .column > .content > .welcome {
  color: #fff;
}
section.row.welcomeBanner > .column > .content > .welcome h1 {
  font-size: clamp(28px, 6.6666666667cqw, 36px);
}
section.row.welcomeBanner > .column > .content > .welcome p {
  margin-bottom: 1em;
}
@container section (width<1024px) {
  section.row.welcomeBanner > .column > .content > .welcome .accent {
    display: none;
  }
}
section.row.welcomeBanner > .column > .content > .welcome .accent {
  background-color: #5f7c2a;
  width: 50px;
  height: 4px;
  margin-top: 1em;
  display: none;
}
section.row.welcomeBanner > .column > .content > .buySell {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(15px, 2.9296875cqw, 30px);
}
@container (width < 540px) {
  section.row.welcomeBanner > .column > .content > .buySell {
    grid-template-columns: 1fr;
  }
}
section.row.welcomeBanner > .column > .content > .buySell > .card {
  border: 1px solid #000;
  padding: clamp(15px, 2.9296875cqw, 30px);
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  display: grid;
}
section.row.welcomeBanner > .column > .content > .buySell > .card h3 {
  margin-bottom: 0.25em;
}
section.row.welcomeBanner > .column > .content > .buySell > .card p {
  margin-bottom: 1em;
  text-wrap: pretty;
}
section.row.welcomeBanner > .column > .content > .buySell > .card a {
  width: 100%;
  align-self: end;
}
/*section.row.welcomeBanner {
    background-color: $smokeLight;

    > .column {


        > .content {

            > .banner {
                align-self: start;
                // color: #fff;
                display: flex;
                gap: clamp(15px,calc(24/1280*100vw),24px);

                > .left {
                    @media(width<640px) {
                        display: none;
                    }

                    .border {
                        border-right: 4px solid $greenPrimary;
                        border-left: 4px solid $greenPrimary;
                        cursor: pointer;

                        .cube {
                            background-color: $greenLime;
                            padding: .8em 1em .7em 1em;
                            margin-inline: 6px;
                            color: $blackEdge;
                            line-height: 1.4em;

                            h2 {
                                font-size: clamp(18px,calc(20/1280*100vw), 20px);
                            }
                        }
                    }
                }

                > .right {
                    display: grid;
                    gap: .1em;
                    align-content: center;
                    align-items: center;


                    .buySellTrade {
                        font-family: $shuttleBlock;
                        text-transform: uppercase;
                        display: flex;
                        align-items: center;
                        color: $blackEdge;
                        gap: 5px;
                    }

                    > .tagLine {


                        h1 {
                            font-size: clamp(16px,calc(20/440*100cqw),20px);
                            text-transform: uppercase;
                            text-wrap: pretty;
                        }
                    }
                }
            }
        }
    }
}
*/
body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.categoryList {
  background-color: #f3f3f3;
}
section.row.categoryList > .column .content .cards {
  grid-template-columns: repeat(4, 1fr);
}
@container (width<640px) {
  section.row.categoryList > .column .content .cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (width<320px) {
  section.row.categoryList > .column .content .cards {
    grid-template-columns: repeat(1, 1fr);
  }
  section.row.categoryList > .column .content .cards a:nth-child(n+6) {
    display: none;
  }
}
section.row.categoryList > .column .content .cards {
  display: grid;
  gap: 1px;
  background-color: #e3e3e3;
}
section.row.categoryList > .column .content .cards a {
  background-color: #f3f3f3;
  color: #1a1a1a;
  font-family: "Shuttleblock-Bold", sans-serif;
  padding: clamp(10px, 1.0869565217cqw, 15px);
  text-align: center;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  font-size: clamp(14px, 1.1111111111cqw, 16px);
}
section.row.categoryList > .column .content .cards a:hover {
  background-color: #f8f8f8;
}

/*section.row.alertBar {

    &.orange {
        background-color: $orangeDark;
        border-bottom: 1px solid #cbad66;
    }

    &.black {
        background-color: $blackEdge;
        border-bottom: 1px solid $greenDark;
    }
    // outline:1px solid red;


    > .column {
        display: flex;
        justify-content: center;
        position: relative;

        > .message {
            padding-inline: 40px;
            text-wrap: balance;
            text-align: center;
            color: #fff;


            a {
                color: #fff;
            }
        }

        > .close {
            position: absolute;
            right: 20px;
            top: 0px;
            bottom: 0px;
            display: flex;
            align-items: center;

            a {
                padding: 4px;
                border: 1px solid rgba(255,255,255,0.4);
            }

            img {
                width: 10px;
                height: 10px;
            }
        }
    }
}*/
section.row.alertBar.green {
  background-color: #5f7c2a;
  border-bottom: 1px solid #fff;
}
section.row.alertBar.orange {
  background-color: #a87700;
  border-bottom: 1px solid #cbad66;
}
section.row.alertBar.black {
  background-color: #1a1a1a;
  border-bottom: 1px solid #4d5839;
}
section.row.alertBar > .column {
  display: flex;
  justify-content: center;
  position: relative;
}
section.row.alertBar > .column > .message {
  padding-inline: 40px;
  text-wrap: balance;
  text-align: center;
  color: #fff;
}
section.row.alertBar > .column > .message a {
  color: #fff;
}
section.row.alertBar > .column > .close {
  position: absolute;
  right: 20px;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
}
section.row.alertBar > .column > .close a {
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
section.row.alertBar > .column > .close img {
  width: 10px;
  height: 10px;
}

section.row.buyingAndSelling {
  background-color: #f3f3f3;
}
section.row.buyingAndSelling > .column > .cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(60px, 5.859375cqw, 60px);
}
@container (width<1024px) {
  section.row.buyingAndSelling > .column > .cards {
    grid-template-columns: 1fr;
  }
}
section.row.buyingAndSelling > .column > .cards > .card {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: clamp(15px, 2.9296875cqw, 30px);
}
@container (width<540px) {
  section.row.buyingAndSelling > .column > .cards > .card {
    grid-template-columns: 1fr;
  }
}
@container (width<540px) {
  section.row.buyingAndSelling > .column > .cards > .card > .image {
    display: none;
  }
}
section.row.buyingAndSelling > .column > .cards > .card > .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.featureBlogArticles {
  background-color: #2c2e2a;
  /*
      > .column {

          > .sectionHeader {
              color: #fff;
          }
      }*/
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

@container (width<1024px) {
  section.row.vendorsNearYou .cardManager > .cards > .card:nth-child(3) {
    outline: 10px solid red;
    display: none;
  }
  section.row.vendorsNearYou .cardManager > .cards > .card.viewMore {
    grid-column: span 2;
    padding-block: 1em;
  }
}
@container (width<480px) {
  section.row.vendorsNearYou .cardManager > .cards > .card.viewMore {
    grid-column: span 1;
  }
}

body {
  font-size: clamp(16px, 1.25vw, 18px);
}

@font-face {
  font-family: "Shuttleblock-Bold";
  src: url("/fonts/Shuttleblock-Bold.woff2") format("woff2");
}
p {
  line-height: 1.6em;
}

h1 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(32px, 6.25cqw, 40px);
}

h2 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(26px, 5cqw, 32px);
}

h3 {
  font-family: "Shuttleblock-Bold", sans-serif;
  font-size: clamp(20px, 4.0625cqw, 26px);
}

section.row.giveaway {
  background-color: #2c2e2a;
}
section.row.giveaway > .column > .giveaway {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: clamp(15px, 2.9296875cqw, 30px);
}
@container (width < 960px) {
  section.row.giveaway > .column > .giveaway {
    grid-template-columns: 1fr 1fr;
  }
}
@container (width < 768px) {
  section.row.giveaway > .column > .giveaway {
    grid-template-columns: 1fr;
  }
}
section.row.giveaway > .column > .giveaway > .content {
  color: #fff;
}
section.row.giveaway > .column > .giveaway > .content .textArea {
  max-width: 640px;
}
section.row.giveaway > .column > .giveaway > .content .finePrint {
  font-size: 14px;
}
section.row.giveaway > .column > .giveaway > .content .finePrint a {
  color: #95b755;
}
section.row.giveaway > .column > .giveaway > .content .actions {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
section.row.giveaway > .column > .giveaway > .image {
  display: flex;
  align-items: center;
}
section.row.giveaway > .column > .giveaway > .image img {
  width: 100%;
}