:root{
  --spatz-nib-blue:#67c7e5;
  --spatz-nib-pink:#e91e83;
  --spatz-nib-yellow:#ffe56b;
  --spatz-nib-purple:#a995d6;
  --spatz-nib-ink:#111111;
  --spatz-nib-paper:#ffffff;
  --spatz-nib-soft:#f7fbfd;
}
#spatz-need-it-by{
  width:100%;
  max-width:760px;
  margin:22px 0 28px;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--spatz-nib-ink);
  box-sizing:border-box;
}
#spatz-need-it-by *{box-sizing:border-box}

/* Dinner Set v19 is a full-width custom builder. */
#spatz-need-it-by.spatz-nib-in-dinner-builder{
  max-width:none;
  margin:16px 0 18px;
}
#spatz-need-it-by.spatz-nib-in-dinner-builder .spatz-nib-shell{
  box-shadow:7px 7px 0 var(--spatz-nib-yellow);
}
#spatz-need-it-by .spatz-nib-shell{
  background:var(--spatz-nib-paper);
  border:2px solid var(--spatz-nib-ink);
  border-radius:20px;
  box-shadow:8px 8px 0 var(--spatz-nib-yellow);
  overflow:hidden;
}
#spatz-need-it-by .spatz-nib-toggle{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  border:0;
  background:#fff;
  color:var(--spatz-nib-ink);
  padding:19px 20px;
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  text-align:left;
}
#spatz-need-it-by .spatz-nib-toggle-copy{
  min-width:0;
}
#spatz-need-it-by .spatz-nib-kicker{
  display:block;
  margin:0 0 3px;
  color:var(--spatz-nib-pink);
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#spatz-need-it-by .spatz-nib-toggle-title{
  display:block;
  font-size:20px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.02em;
}
#spatz-need-it-by .spatz-nib-toggle-sub{
  display:block;
  margin-top:6px;
  color:#666;
  font-size:13px;
  line-height:1.35;
  font-weight:600;
}
#spatz-need-it-by .spatz-nib-plus{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:var(--spatz-nib-pink);
  color:#fff;
  font-size:27px;
  line-height:1;
  font-weight:900;
  transition:transform .2s ease;
}
#spatz-need-it-by.is-open .spatz-nib-plus{transform:rotate(45deg)}
#spatz-need-it-by .spatz-nib-body{
  display:none;
  border-top:2px solid var(--spatz-nib-ink);
  background:linear-gradient(180deg,#fff 0%,var(--spatz-nib-soft) 100%);
  padding:22px 20px 20px;
}
#spatz-need-it-by.is-open .spatz-nib-body{display:block}
#spatz-need-it-by .spatz-nib-intro{
  margin:0 0 17px;
  color:#444;
  font-size:14px;
  line-height:1.5;
  font-weight:600;
}
#spatz-need-it-by .spatz-nib-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(130px,.65fr);
  gap:12px;
  align-items:end;
}
#spatz-need-it-by .spatz-nib-field label{
  display:block;
  margin:0 0 7px;
  color:var(--spatz-nib-ink);
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#spatz-need-it-by .spatz-nib-field input{
  width:100%;
  min-height:49px;
  margin:0;
  padding:11px 13px;
  background:#fff;
  color:var(--spatz-nib-ink);
  border:2px solid var(--spatz-nib-ink);
  border-radius:12px;
  outline:none;
  font:800 15px/1.2 Arial,Helvetica,sans-serif;
  box-shadow:none;
}
#spatz-need-it-by .spatz-nib-field input:focus{
  border-color:var(--spatz-nib-pink);
  box-shadow:0 0 0 3px rgba(233,30,131,.12);
}
#spatz-need-it-by .spatz-nib-check{
  width:100%;
  min-height:51px;
  margin:13px 0 0;
  padding:13px 16px;
  border:2px solid var(--spatz-nib-ink);
  border-radius:12px;
  background:var(--spatz-nib-blue);
  color:var(--spatz-nib-ink);
  cursor:pointer;
  font:900 13px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
  box-shadow:4px 4px 0 var(--spatz-nib-ink);
}
#spatz-need-it-by .spatz-nib-check:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--spatz-nib-ink)}
#spatz-need-it-by .spatz-nib-check:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--spatz-nib-ink)}
#spatz-need-it-by .spatz-nib-error{
  display:none;
  margin:13px 0 0;
  padding:11px 12px;
  border-radius:10px;
  background:#fff0f6;
  color:#8a0e4b;
  font-size:13px;
  line-height:1.4;
  font-weight:800;
}
#spatz-need-it-by .spatz-nib-result{
  display:none;
  margin-top:18px;
  border:2px solid var(--spatz-nib-ink);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}
#spatz-need-it-by .spatz-nib-result-head{
  padding:16px 17px 14px;
  border-bottom:2px solid var(--spatz-nib-ink);
}
#spatz-need-it-by .spatz-nib-result[data-tone="good"] .spatz-nib-result-head{background:var(--spatz-nib-yellow)}
#spatz-need-it-by .spatz-nib-result[data-tone="express"] .spatz-nib-result-head{background:var(--spatz-nib-blue)}
#spatz-need-it-by .spatz-nib-result[data-tone="rush"] .spatz-nib-result-head{background:#ffd4e8}
#spatz-need-it-by .spatz-nib-result[data-tone="danger"] .spatz-nib-result-head{background:#ffd4e8;color:var(--spatz-nib-ink)}
#spatz-need-it-by .spatz-nib-result-title{
  margin:0;
  font-size:19px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.015em;
}
#spatz-need-it-by .spatz-nib-result-message{
  margin:7px 0 0;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}
#spatz-need-it-by .spatz-nib-result-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}
#spatz-need-it-by .spatz-nib-result-cell{
  padding:15px 17px;
  min-width:0;
}
#spatz-need-it-by .spatz-nib-result-cell + .spatz-nib-result-cell{border-left:2px solid var(--spatz-nib-ink)}
#spatz-need-it-by .spatz-nib-result-label{
  display:block;
  margin:0 0 5px;
  color:#777;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#spatz-need-it-by .spatz-nib-result-value{
  display:block;
  font-size:14px;
  line-height:1.25;
  font-weight:900;
}
#spatz-need-it-by .spatz-nib-advice{
  padding:12px 17px 15px;
  border-top:1px solid #ddd;
  color:#555;
  font-size:11px;
  line-height:1.45;
  font-weight:600;
}
#spatz-need-it-by .spatz-nib-rush-link{
  display:none;
  width:calc(100% - 34px);
  margin:0 17px 16px;
  padding:12px 14px;
  border:0;
  border-radius:10px;
  background:var(--spatz-nib-pink);
  color:#fff;
  cursor:pointer;
  font:900 12px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
}
#spatz-need-it-by .spatz-nib-rush-note{
  display:none;
  margin:-5px 17px 15px;
  color:#666;
  font-size:11px;
  line-height:1.35;
  font-weight:600;
}
.spatz-nib-rush-highlight{
  outline:4px solid rgba(233,30,131,.35)!important;
  outline-offset:4px!important;
  border-radius:10px!important;
  transition:outline .2s ease;
}
@media (max-width:640px){
  #spatz-need-it-by{margin:18px 0 24px}
  #spatz-need-it-by .spatz-nib-shell{border-radius:17px;box-shadow:6px 6px 0 var(--spatz-nib-yellow)}
  #spatz-need-it-by .spatz-nib-toggle{padding:16px}
  #spatz-need-it-by .spatz-nib-toggle-title{font-size:18px}
  #spatz-need-it-by .spatz-nib-body{padding:18px 15px 16px}
  #spatz-need-it-by .spatz-nib-grid{grid-template-columns:1fr}
  #spatz-need-it-by .spatz-nib-result-grid{grid-template-columns:1fr}
  #spatz-need-it-by .spatz-nib-result-cell + .spatz-nib-result-cell{border-left:0;border-top:1px solid #ddd}
}