.OeCF0 {
  border: 0.125rem solid #ffd54f;
  padding: 0.125rem 0.25rem;
  width: calc(100% - 0.75rem);
}

.OeCF0:focus {
  background-color: #ffecb3;
  outline: 0;
}

.OeCF0:not(:focus) {
  border-color: transparent;
}

.OeCF0::-moz-placeholder {
  font-style: italic;
}

.OeCF0::placeholder {
  font-style: italic;
}

._2VgyA {
}

.lzeQ4 {
  align-items: start;
  display: grid;
}

.lzeQ4:not(._2lPSR, .YpQbt) {
  grid-column-gap: 0;
  grid-row-gap: 0.5rem;
  grid-template-areas:
    "label"
    "field"
    "feedback";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}

.lzeQ4:not(._2lPSR).YpQbt {
  grid-column-gap: 0;
  grid-row-gap: 0.5rem;
  grid-template-areas:
    "label"
    "field";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}

.lzeQ4._2lPSR:not(.YpQbt) {
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
  grid-template-areas:
    "label field"
    "label feedback";
  grid-template-columns: 10rem 1fr;
  grid-template-rows: 1fr auto;
}

.lzeQ4._2lPSR.YpQbt {
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
  grid-template-areas: "label field";
  grid-template-columns: 10rem 1fr;
  grid-template-rows: 1fr;
}

.pHzNv {
  grid-area: label;
  overflow: hidden;
  word-break: break-all;
}

.GECEN {
  grid-area: field;
}

.ODZFN {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  grid-area: feedback;
}

.ODZFN.kvXY2 {
  color: #ff5252;
}

.QmKCx {
  margin-left: 0.5rem;
}

/* Exceptions for mobile */
.lzeQ4.mJGCE:not(._2lPSR, .YpQbt) {
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
  grid-template-areas:
    "field label"
    "feedback feedback";
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
}

.lzeQ4.mJGCE:not(._2lPSR).YpQbt {
  grid-column-gap: 1rem;
  grid-row-gap: 0;
  grid-template-areas: "field label";
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
}

.d2mTg {
  display: grid;
  grid-template-areas:
    "header"
    "image-container"
    "body"
    "actions";
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr auto;
  height: calc(100% - 2rem) !important;
  padding: 1rem;
  position: relative;
  width: calc(100% - 2rem) !important;
}

.d2mTg:hover {
  background: #26313d;
  transform: translateY(-0.25rem);
  transition: all 0.25s;
}

.hF3Wu {
  grid-area: header;
}

.KpH\+U {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.jO5vD {
  grid-area: image-container;
  max-height: 6rem;
  max-width: 8rem;
}

.HVPYj {
  grid-area: body;
  margin-top: 1rem;
}

._8\+uij,
.Ebpwq {
  font-size: 0.875rem;
  margin-bottom: 0.375rem;
}

.w9KL9 {
  align-items: center;
  display: flex;
  grid-area: actions;
  justify-content: flex-end;
}

.JWlQJ {
  background: transparent;
  border: 0.0625rem solid rgb(247 252 251 / 50%);
  border-radius: 0.15rem;
  color: rgb(247 252 251 / 90%);
  font-family: Raleway, sans-serif;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  padding: 0.25rem 0.5rem;
  text-decoration: none;
}

.JWlQJ::after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.JWlQJ:focus {
  outline: 0;
}

.JWlQJ:focus::after {
  border: 1px solid orange;
}

.d2mTg[data-container-query-wide] {
  grid-column-gap: 1.5rem;
  grid-template-areas:
    "image-container header"
    "image-container body"
    "image-container actions";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr auto;
}

.d2mTg[data-container-query-wide] .HVPYj {
  margin-top: 0;
}

.d2mTg[data-container-query-wide] .JWlQJ {
  margin-top: 1rem;
}

.ah5Iv,
.hB1Lz {
  aspect-ratio: 4 / 3;
  border-radius: 0.75rem;
  width: 100%;
}

.ah5Iv {
  -o-object-fit: cover;
     object-fit: cover;
}

.hB1Lz {
  background: linear-gradient(
    36deg,
    rgb(255 224 130 / 40%) 15%,
    rgb(255 248 225 / 80%) 90%
  );
  min-width: 8rem;
}

.ATlnd {
  display: grid;
  grid-template-areas:
    "filters"
    "product-details"
    "list";
  grid-template-columns: 1fr;
}

._4SbVl {
  position: relative;
}

.hH5DJ {
  grid-template-rows: auto auto 1fr;
}

.kAiOC {
  grid-template-rows: auto 0 1fr;
}

.jkz3e {
  background-color: #15202d;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0.125rem #26313d;
  display: flex;
  flex-direction: column;
  grid-area: filters;
  margin-bottom: 2rem;
  padding: 0.75rem 1.5rem 1.5rem;
  position: sticky;
  top: -1.5rem;
  z-index: 100;
}

.LoqSm {
  margin-bottom: 1.25rem;
}

.LoqSm:last-of-type {
  margin-bottom: 0;
}

.JE3dy {
  display: grid;
  grid-gap: 1.5rem 1rem;
  grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
  grid-template-rows: 1fr;
}

.WfDEd {
  grid-area: product-details;
}

@media screen and (width >= 40rem) {
  .hH5DJ {
    grid-template-areas:
      "filters filters"
      "list product-details";
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
  }

  .hH5DJ .JE3dy {
    height: -moz-max-content;
    height: max-content;
  }
}