.brand-kit .field{display:grid;gap:.375rem}.brand-kit .field+.field{margin-block-start:1.25rem}.brand-kit .field--group{border:0;margin:0;padding:0;min-inline-size:0}.brand-kit .field__label{font-family:var(--font-brand-sans);font-size:var(--type-body-size);font-weight:var(--font-weight-medium);line-height:var(--type-body-line-height);color:var(--color-text-heading)}.brand-kit .field__hint{margin:0;font-size:.875rem;line-height:1.4;color:var(--color-text-muted)}.brand-kit .field__error{margin:.35rem 0 0;font-size:.875rem;line-height:1.4;color:var(--input-error-color)}.brand-kit .field__error[hidden]{display:none}.brand-kit input[type=text],.brand-kit input[type=email],.brand-kit input[type=tel],.brand-kit input[type=url],.brand-kit input[type=search],.brand-kit input[type=password],.brand-kit input[type=number],.brand-kit textarea,.brand-kit select{box-sizing:border-box;width:100%;min-height:var(--input-min-height);padding:var(--input-padding-y) var(--input-padding-x);border:1px solid var(--input-border-color);border-radius:var(--input-radius);background-color:var(--input-bg);color:var(--input-color);font-family:var(--font-brand-sans);font-size:var(--input-font-size);line-height:var(--button-line-height);box-shadow:none;transition:border-color var(--transition-base)}.brand-kit textarea{min-height:6.5rem;resize:vertical;field-sizing:content}.brand-kit select{appearance:none;padding-inline-end:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2361686d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;background-size:1rem}.brand-kit input::placeholder,.brand-kit textarea::placeholder{color:var(--input-placeholder)}.brand-kit input:hover:not(:disabled):not([aria-invalid=true]),.brand-kit textarea:hover:not(:disabled):not([aria-invalid=true]),.brand-kit select:hover:not(:disabled):not([aria-invalid=true]){border-color:var(--input-border-color-hover)}.brand-kit input:focus:not(:focus-visible),.brand-kit textarea:focus:not(:focus-visible),.brand-kit select:focus:not(:focus-visible){outline:none}.brand-kit input:focus-visible,.brand-kit textarea:focus-visible,.brand-kit select:focus-visible{outline:var(--button-focus-ring-width) solid var(--button-focus-ring-color);outline-offset:var(--button-focus-ring-offset);border-color:var(--input-border-color-focus)}.brand-kit input:disabled,.brand-kit textarea:disabled,.brand-kit select:disabled{opacity:.42;cursor:not-allowed}.brand-kit input[aria-invalid=true],.brand-kit textarea[aria-invalid=true],.brand-kit select[aria-invalid=true]{border-color:var(--input-error-color)}.brand-kit .form-group{margin:0;padding:0;list-style:none;border:1px solid var(--form-group-separator);border-radius:var(--form-group-radius);background-color:var(--form-group-bg);overflow:hidden;box-shadow:none}.brand-kit .form-group__row{display:flex;align-items:center;gap:.75rem;min-height:var(--input-min-height);margin:0;padding:.75rem 1.25rem;background-color:var(--form-group-bg);cursor:pointer}.brand-kit .form-group__row+.form-group__row{border-block-start:1px solid var(--form-group-separator)}.brand-kit .form-group__label{flex:1 1 auto;font-family:var(--font-brand-sans);font-size:var(--type-body-size);font-weight:var(--font-weight-medium);line-height:var(--type-body-line-height);color:var(--form-group-label)}.brand-kit .form-group__footer{margin:.5rem .25rem 0;font-size:.875rem;line-height:1.4;color:var(--form-group-secondary)}.brand-kit .choice-group{display:grid;gap:0}.brand-kit .choice{display:flex;align-items:center;gap:var(--choice-gap);min-height:var(--input-min-height);margin:0;padding:.5rem 0;cursor:pointer}.brand-kit .form-group .choice{padding:.75rem 1.25rem;min-height:var(--input-min-height)}.brand-kit .form-group .choice+.choice{border-block-start:1px solid var(--form-group-separator)}.brand-kit .choice__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-kit .choice__control{box-sizing:border-box;flex-shrink:0;display:grid;place-items:center;width:var(--choice-control-size);height:var(--choice-control-size);border:1.5px solid var(--input-border-color-hover);background-color:var(--input-bg);color:transparent;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.brand-kit .choice--checkbox .choice__control{border-radius:var(--choice-control-radius)}.brand-kit .choice--radio .choice__control{border-radius:50%}.brand-kit .choice__control:after{content:"";display:block}.brand-kit .choice--checkbox .choice__control:after{width:.35rem;height:.65rem;margin-block-end:.1rem;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(40deg) scale(.85);opacity:0;transition:opacity var(--transition-fast)}.brand-kit .choice--radio .choice__control:after{width:.5rem;height:.5rem;border-radius:50%;background-color:currentColor;transform:scale(0);transition:transform var(--transition-fast)}.brand-kit .choice__label{flex:1 1 auto;font-family:var(--font-brand-sans);font-size:var(--type-body-size);font-weight:var(--font-weight-medium);line-height:var(--type-body-line-height);color:var(--color-text-heading)}.brand-kit .choice:hover .choice__control{border-color:var(--choice-accent)}.brand-kit .choice:active .choice__control{transform:scale(.92)}.brand-kit .choice:has(.choice__input:checked) .choice__control{border-color:var(--choice-accent);background-color:var(--choice-accent);color:var(--color-brand-white)}.brand-kit .choice--checkbox:has(.choice__input:checked) .choice__control:after{opacity:1}.brand-kit .choice--radio:has(.choice__input:checked) .choice__control:after{transform:scale(1)}.brand-kit .choice:has(.choice__input:focus-visible) .choice__control{outline:var(--button-focus-ring-width) solid var(--button-focus-ring-color);outline-offset:var(--button-focus-ring-offset)}.brand-kit .choice:has(.choice__input:disabled){opacity:.42;cursor:not-allowed}.brand-kit .choice:has(.choice__input:disabled):hover .choice__control,.brand-kit .choice:has(.choice__input:disabled):active .choice__control{border-color:var(--input-border-color-hover);transform:none}.brand-kit .switch{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:var(--input-min-height);margin:0;cursor:pointer}.brand-kit .switch__label{flex:1 1 auto;font-family:var(--font-brand-sans);font-size:var(--type-body-size);font-weight:var(--font-weight-medium);line-height:var(--type-body-line-height);color:var(--color-text-heading)}.brand-kit .switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-kit .switch__track{position:relative;flex-shrink:0;width:var(--switch-width);height:var(--switch-height);border-radius:var(--radius-pill);background-color:var(--switch-track-off);transition:background-color var(--transition-base)}.brand-kit .switch__thumb{position:absolute;top:50%;left:.1875rem;width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:50%;background-color:var(--color-brand-white);border:1px solid var(--color-border);box-shadow:none;transform:translateY(-50%);transition:left var(--transition-base),transform var(--transition-fast)}.brand-kit .switch:active:not(:has(.switch__input:disabled)) .switch__thumb{transform:translateY(-50%) scale(.94)}.brand-kit .switch:has(.switch__input:checked) .switch__track{background-color:var(--switch-track-on)}.brand-kit .switch:has(.switch__input:checked) .switch__thumb{left:calc(100% - var(--switch-thumb-size) - .1875rem);border-color:transparent}.brand-kit .switch:has(.switch__input:focus-visible) .switch__track{outline:var(--button-focus-ring-width) solid var(--button-focus-ring-color);outline-offset:var(--button-focus-ring-offset)}.brand-kit .switch:has(.switch__input:disabled){opacity:.42;cursor:not-allowed}.brand-kit .switch:has(.switch__input:disabled):active .switch__thumb{transform:translateY(-50%)}.brand-kit .switch-stack{display:grid;gap:0}.brand-kit .segmented__group,.brand-kit .choice-segment__group{display:inline-flex;flex-wrap:nowrap;align-items:stretch;width:fit-content;max-width:100%;gap:.25rem;padding:var(--segmented-pad);border:1px solid var(--color-border);border-radius:var(--segmented-radius);background-color:var(--segmented-track);box-shadow:none;overflow:hidden}.brand-kit .segmented__option,.brand-kit .choice-segment__option{position:relative;z-index:1;flex:0 0 auto;min-width:fit-content;cursor:pointer}.brand-kit .segmented__input,.brand-kit .choice-segment__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-kit .segmented__text,.brand-kit .choice-segment__text{display:flex;align-items:center;justify-content:center;min-height:var(--button-min-height);padding:var(--button-padding-y) var(--button-padding-x);border:1px solid transparent;border-radius:var(--button-radius);background-color:transparent;font-family:var(--font-brand-display);font-size:var(--type-nav-size);font-weight:var(--font-weight-medium);line-height:var(--type-nav-line-height);color:var(--color-text-heading);text-align:center;white-space:nowrap;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.brand-kit .segmented__option:hover .segmented__text,.brand-kit .choice-segment__option:hover .choice-segment__text{background-color:transparent;color:var(--color-text-heading)}.brand-kit .segmented__option:active .segmented__text,.brand-kit .choice-segment__option:active .choice-segment__text{transform:scale(.98)}.brand-kit .segmented__option:has(.segmented__input:checked) .segmented__text,.brand-kit .choice-segment__option:has(.choice-segment__input:checked) .choice-segment__text{border-color:transparent;background:var(--gradient-brand);color:var(--color-brand-white);font-weight:var(--font-weight-medium);box-shadow:none;filter:none}.brand-kit .segmented__option:has(.segmented__input:checked):hover .segmented__text,.brand-kit .choice-segment__option:has(.choice-segment__input:checked):hover .choice-segment__text{background:var(--gradient-brand);color:var(--color-brand-white)}.brand-kit .segmented__option:has(.segmented__input:focus-visible) .segmented__text,.brand-kit .choice-segment__option:has(.choice-segment__input:focus-visible) .choice-segment__text{outline:var(--button-focus-ring-width) solid var(--button-focus-ring-color);outline-offset:var(--button-focus-ring-offset)}.brand-kit .segmented__option:has(.segmented__input:disabled),.brand-kit .choice-segment__option:has(.choice-segment__input:disabled){opacity:.42;cursor:not-allowed}.brand-kit .segmented__option:has(.segmented__input:disabled):active .segmented__text,.brand-kit .choice-segment__option:has(.choice-segment__input:disabled):active .choice-segment__text{transform:none}.brand-kit .apple-form{display:grid;gap:1.25rem}.brand-kit .apple-form .field+.field{margin-block-start:0}.brand-kit .apple-form__row--names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}@media screen and (max-width:768px){.brand-kit .apple-form__row--names{grid-template-columns:none}}.brand-kit .apple-form__required{margin-inline-start:.15em;color:var(--input-error-color)}.brand-kit .apple-form__actions{display:flex;justify-content:stretch;padding-block-start:.25rem}.brand-kit .apple-form__actions .button{width:100%}.brand-kit .apple-form__error{margin:0}.brand-kit .apple-form__error[hidden]{display:none}.brand-kit .apple-form__success{display:grid;gap:.5rem;padding:.25rem 0}.brand-kit .apple-form__success[hidden]{display:none}.brand-kit .apple-form__success-title{margin:0;font-family:var(--font-brand-display);font-size:1.25rem;font-weight:var(--font-weight-bold);line-height:1.3;color:var(--color-text-heading)}.brand-kit .apple-form__success-body{margin:0;font-family:var(--font-brand-text);font-size:var(--type-body-size);line-height:var(--type-body-line-height);color:var(--color-text-muted)}.brand-kit .apple-form__honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-kit .form-capture{display:flex;flex-wrap:nowrap;align-items:center;gap:.25rem;width:fit-content;max-width:100%;min-width:min(100%,22rem);padding:var(--segmented-pad);border:1px solid var(--color-border);border-radius:var(--segmented-radius);background-color:var(--color-brand-white);box-shadow:none;overflow:hidden}.brand-kit .form-capture input[type=email]{flex:1 1 auto;min-width:0;min-height:var(--button-min-height);padding:var(--button-padding-y) var(--button-padding-x);border:none;border-radius:var(--button-radius);background:transparent;font-size:var(--type-nav-size);line-height:var(--type-nav-line-height);box-shadow:none}.brand-kit .form-capture input[type=email]:hover:not(:disabled),.brand-kit .form-capture input[type=email]:focus-visible{background:transparent;outline:none;box-shadow:none;border-color:transparent}.brand-kit .form-capture .button{flex-shrink:0}.brand-kit__form-demo{display:grid;gap:1rem;width:100%;max-width:28rem}.brand-kit__form-demo:has(.segmented__group),.brand-kit__form-demo:has(.form-capture){max-width:40rem}.brand-kit__form-demo+.brand-kit__form-demo,.brand-kit__form-section+.brand-kit__form-section{margin-block-start:2rem;padding-block-start:2rem;border-block-start:1px solid var(--color-border)}.brand-kit__form-demo-label{margin:0;font-size:var(--type-body-size);font-weight:var(--font-weight-medium);color:var(--color-text-heading)}.brand-kit__form-section{scroll-margin-block-start:2rem}.brand-kit__form-rules{margin:0;padding-inline-start:1.25rem;display:grid;gap:.5rem;font-size:var(--type-body-size);line-height:var(--type-body-line-height);color:var(--color-text-muted)}.brand-kit__form-rules li::marker{color:var(--color-link)}@media(prefers-reduced-motion:reduce){.brand-kit .choice__control,.brand-kit .choice__control:after,.brand-kit .switch__track,.brand-kit .switch__thumb,.brand-kit .segmented__text,.brand-kit .choice-segment__text{transition:none}.brand-kit .choice:active .choice__control,.brand-kit .switch:active .switch__thumb,.brand-kit .segmented__option:active .segmented__text,.brand-kit .choice-segment__option:active .choice-segment__text{transform:none}}
