/* Keep typed answers in one continuous card, with the same height in every state. */
.nm-quiz .nm-quiz__option--input{
  --nx-input-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23788ca6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 4 4 4M4 16l-1 5 5-1L20 8a2.8 2.8 0 0 0-4-4Z'/%3E%3C/svg%3E");
}
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input{
  --nx-input-height:52px;
  --nx-input-inset:52px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  min-width:0;
  min-height:var(--nx-input-height);
  padding:0;
  border-color:#d2dce8;
  border-radius:8px;
  background-color:#fff;
  background-image:var(--nx-input-icon);
  background-position:right 14px center;
  background-size:18px 18px;
  background-repeat:no-repeat;
}
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input:has(input[type="url"]),
.nm-inline-quiz .nm-quiz--inline .nm-quiz__option--input:has(input[type="url"]){
  --nx-input-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23788ca6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7 .5l3-3a5 5 0 0 0-7-7L11 5M14 11a5 5 0 0 0-7-.5l-3 3a5 5 0 0 0 7 7l2-1.5'/%3E%3C/svg%3E");
}
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input:hover{border-color:#a6bed5}
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input:focus-within,
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input.is-selected,
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input:has(input[type="radio"]:checked){
  border-color:#278edb;
  background-color:#f7fbff;
  box-shadow:0 0 0 2px rgba(39,142,219,.12);
}
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input>span,
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input .nm-quiz__inline-input{
  grid-column:1;
  grid-row:1;
  min-width:0;
  width:100%;
  height:calc(var(--nx-input-height) - 2px);
  padding:0 42px 0 var(--nx-input-inset);
  border:0;
  border-radius:inherit;
  background:transparent;
  box-sizing:border-box;
  text-align:left;
}
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input>span{
  justify-content:flex-start;
  color:#5b6d83;
  line-height:1.3;
}
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input .nm-quiz__inline-input{
  color:#24364c;
  caret-color:#168bda;
  font-size:16px;
  font-weight:400;
  line-height:normal;
  outline:none;
  box-shadow:none;
  appearance:none;
  -webkit-appearance:none;
}
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input .nm-quiz__inline-input:focus,
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input.is-editing .nm-quiz__inline-input,
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input.has-value .nm-quiz__inline-input{
  background:transparent;
  color:#24364c;
}
.nm-quiz .nm-quiz__option--input .nm-quiz__inline-input::placeholder{color:transparent;opacity:1}
.nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input .nm-quiz__inline-input:focus::placeholder{color:#8a9bb0}

.nm-inline-quiz .nm-quiz--inline .nm-quiz__option--input{
  --nx-input-height:58px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  min-width:0;
  min-height:var(--nx-input-height);
  padding:0;
  border-color:rgba(151,177,216,.34);
  background-color:rgba(8,22,43,.6);
  background-image:var(--nx-input-icon);
  background-position:right 14px center;
  background-size:18px 18px;
  background-repeat:no-repeat;
}
.nm-inline-quiz .nm-quiz--inline .nm-quiz__option--input>span,
.nm-inline-quiz .nm-quiz--inline .nm-quiz__option--input .nm-quiz__inline-input{
  grid-column:1;
  grid-row:1;
  min-width:0;
  width:100%;
  height:calc(var(--nx-input-height) - 2px);
  padding:0 42px 0 16px;
  border:0;
  border-radius:inherit;
  background:transparent;
  text-align:left;
  box-sizing:border-box;
}
.nm-inline-quiz .nm-quiz--inline .nm-quiz__option--input>span{
  justify-content:flex-start;
  color:#b4c7df;
  line-height:1.3;
}
.nm-inline-quiz .nm-quiz--inline .nm-quiz__option--input .nm-quiz__inline-input{
  color:#f0f6ff;
  font-size:16px;
  font-weight:400;
  caret-color:#8ad2ff;
  line-height:normal;
  outline:none;
  box-shadow:none;
  appearance:none;
  -webkit-appearance:none;
}
.nm-inline-quiz .nm-quiz--inline .nm-quiz__option--input:focus-within,
.nm-inline-quiz .nm-quiz--inline .nm-quiz__option--input.is-selected,
.nm-inline-quiz .nm-quiz--inline .nm-quiz__option--input:has(input[type="radio"]:checked){
  border-color:#66c2ff;
  background-color:rgba(31,133,206,.16);
  background-image:var(--nx-input-icon);
  background-position:right 14px center;
  background-size:18px 18px;
  background-repeat:no-repeat;
  box-shadow:0 0 0 2px rgba(102,194,255,.1);
  outline:none;
}
.nm-inline-quiz .nm-quiz--inline .nm-quiz__option--input .nm-quiz__inline-input:focus::placeholder{color:#829cbf}

@media(max-width:900px){
  .nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input{--nx-input-height:45px;--nx-input-inset:58px}
  .nm-quiz:not(.nm-quiz--inline) .nm-quiz__option--input.is-selected::after{left:24px !important}
}
@media(max-width:359px){
  .nm-inline-quiz .nm-quiz--inline .nm-quiz__option--input{--nx-input-height:48px}
}