._7WodX {
  background-color: #15202d;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0.125rem #26313d;
  display: flex;
  flex-direction: column;
  padding: 1.25rem 1.5rem;
}

.Fr55m {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
}

._6wor6 {
  padding: 0.5rem 3rem;
}

.Vljjj {
  align-items: center;
  background-color: white;
  border: 0.125rem solid #ffd54f;
  cursor: pointer;
  display: flex;
  height: 1rem;
  justify-content: center;
  position: relative;
  width: 1rem;
}

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

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

.q0x43 {
  color: white;
}

.VkdtF {
  background-color: #1976d2;
}

._1q-BQ {
}

._1q-BQ .q0x43 {
  color: #546e7a;
}

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

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

.MZraD:not(.nKN0a).xnwpo {
  -moz-column-gap: 0;
       column-gap: 0;
  grid-template-areas:
    "label"
    "field";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  row-gap: 0.5rem;
}

.MZraD.nKN0a:not(.xnwpo) {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-areas:
    "label field"
    "label feedback";
  grid-template-columns: 10rem 1fr;
  grid-template-rows: 1fr auto;
  row-gap: 0.5rem;
}

.MZraD.nKN0a.xnwpo {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-areas: "label field";
  grid-template-columns: 10rem 1fr;
  grid-template-rows: 1fr;
  row-gap: 0.5rem;
}

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

.-Obl9 {
  grid-area: field;
}

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

.mRF53.pKROb {
  color: #ff5252;
}

.XLsGO {
  margin-left: 0.5rem;
}

/* Exceptions for mobile */
.MZraD._7fSVC:not(.nKN0a, .xnwpo) {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-areas:
    "field label"
    "feedback feedback";
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  row-gap: 0.5rem;
}

.MZraD._7fSVC:not(.nKN0a).xnwpo {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-areas: "field label";
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr;
  row-gap: 0;
}

.brQ0H {
  margin-bottom: 1rem;
}

.olsja {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.yUjNv {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.zw-ZG {
}

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

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

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

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

.k\+CRp {
}

.vh0Fv {
}

.usXJU {
}

.K\+zDt {
}

.Z6cuV {
}

.ZqcfL {
  margin-bottom: 1.25rem;
}

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