.form-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,5vw,96px)}.form-card{padding:clamp(20px,2.6vw,40px);border-radius:var(--r-lg);background:var(--c-cloud);color:var(--fg);box-shadow:var(--shadow-sm)}.form{display:grid;gap:18px}.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form__field{display:grid;gap:8px}.form__field .label{color:var(--mut)}.form__field .field{background:var(--c-bone)}.form__req{color:var(--acc)}.form__group{display:grid;gap:12px;margin:0;padding:0;border:0}.form__group legend{margin-bottom:4px;padding:0;font-weight:var(--font-body-bold)}.form__checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:8px}.form__check{position:relative}.form__check input{position:absolute;opacity:0;width:1px;height:1px}.form__check label{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1px solid color-mix(in srgb,var(--c-ink) 18%,transparent);border-radius:var(--r-pill);font-size:14px;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}.form__check label:before{content:"";flex:none;width:16px;height:16px;border:1.5px solid currentColor;border-radius:50%;transition:background-color .25s,box-shadow .25s}.form__check input:checked+label{border-color:var(--c-ink);background:var(--c-ink);color:var(--c-cloud)}.form__check input:checked+label:before{background:var(--c-brass);box-shadow:inset 0 0 0 3px var(--c-ink);border-color:var(--c-brass)}.form__check input:focus-visible+label{outline:2.5px solid var(--fg);outline-offset:3px}.form__check input:disabled+label{opacity:.45;cursor:not-allowed}.form__hint{color:var(--mut);font-size:13px}.form__status{padding:14px 18px;border-radius:var(--r-md);background:color-mix(in srgb,var(--c-brass) 16%,var(--c-cloud));font-weight:var(--font-body-bold)}.form__status:focus{outline:2.5px solid var(--fg);outline-offset:3px}.form .form-error{margin:0}.form__submit{justify-self:start}@media(max-width:899px){.form-layout{grid-template-columns:1fr}}@media(max-width:559px){.form__row{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-forms.css.map */