.ssgqn{--qn-acc: #0e6e69;--qn-acc-soft: #e8f4f3;--qn-line: #c7d6d4;--qn-mute: #5a6866;--qn-err: #b42318;--qn-err-soft: #fef3f2;align-self:stretch;width:100%;box-sizing:border-box;margin:4px 0 16px;padding:14px;border:1px solid var(--qn-line);border-radius:12px;background:#fff;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.ssgqn.is-invalid{border-color:var(--qn-err);box-shadow:0 0 0 3px #b4231814}.ssgqn.is-shake{animation:ssgqn-shake .36s ease}@keyframes ssgqn-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.ssgqn.is-shake{animation:none}}.ssgqn__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ssgqn__title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--qn-mute)}.ssgqn__count{font-size:11px;font-weight:700;color:var(--qn-acc);background:var(--qn-acc-soft);border-radius:999px;padding:3px 9px;font-variant-numeric:tabular-nums}.ssgqn p.ssgqn__hint{margin:0 0 10px;font-size:12px;line-height:1.45;color:var(--qn-mute)!important;letter-spacing:0;text-transform:none}.ssgqn--single p.ssgqn__hint{margin:8px 0 0}.ssgqn__list{display:grid;gap:8px}.ssgqn__row{position:relative;display:flex;align-items:center;margin:0;cursor:text}.ssgqn .ssgqn__input{width:100%;min-height:44px;margin:0;padding:10px 84px 10px 14px;border:1px solid var(--qn-line);border-radius:10px;background:#fff;font:inherit;font-size:14px;color:#111;line-height:1.3;text-transform:none;letter-spacing:0;box-shadow:none;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;-webkit-appearance:none;appearance:none}.ssgqn--whole .ssgqn__input{padding-left:46px}.ssgqn .ssgqn__input::placeholder{color:#8a9795;opacity:1;text-transform:none;letter-spacing:0}.ssgqn .ssgqn__input:hover{border-color:#9fb7b4}.ssgqn .ssgqn__input:focus{border-color:var(--qn-acc);box-shadow:0 0 0 3px #0e6e6926}.ssgqn__num{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--qn-mute);background:#f1f5f4;transition:background-color .15s ease,color .15s ease;pointer-events:none}.ssgqn__row.is-filled .ssgqn__num{background:var(--qn-acc);color:#fff}.ssgqn__row.is-filled .ssgqn__input{background:#fbfdfd}.ssgqn__tag{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7a78;pointer-events:none}.ssgqn__row--req .ssgqn__tag{color:var(--qn-acc)}.ssgqn.is-invalid .ssgqn__row--req .ssgqn__input{border-color:var(--qn-err);background:var(--qn-err-soft)}.ssgqn.is-invalid .ssgqn__row--req .ssgqn__tag{color:var(--qn-err)}.ssgqn p.ssgqn__err{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:9px 11px;border-radius:10px;background:var(--qn-err-soft);color:var(--qn-err);font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--qn-err)!important}.ssgqn p.ssgqn__err[hidden]{display:none}.ssgqn__err svg{flex:none;margin-top:1px}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ssg-qurban-names.css.map */