.sp-root{--sp-error:#b42318;--sp-error-50:#fef3f2;--sp-error-line:#f3b8b2}.sp-root .spf-control{border:1px solid var(--sp-control);color:var(--sp-ink);transition:border-color .15s var(--sp-ease), background-color .15s var(--sp-ease);background:#fff;border-radius:10px;line-height:1.25}.sp-root textarea.spf-control{resize:vertical;line-height:1.45}.sp-root .spf-control:hover:not(:disabled):not(:focus){border-color:var(--sp-ink-2)}.sp-root .spf-control:focus,.sp-root .spf-control:focus-visible{border-color:var(--sp-blue);outline:1px solid var(--sp-blue);outline-offset:0}.sp-root .spf-control[aria-invalid=true]{border-color:var(--sp-error)}.sp-root .spf-control[aria-invalid=true]:focus{outline-color:var(--sp-error)}.sp-root .spf-control:disabled{cursor:not-allowed;background:var(--sp-gray-50);color:var(--sp-ink-3)}.sp-root select.spf-control{appearance:none;cursor:pointer}.sp-root .spf-choice{transition:border-color .15s var(--sp-ease), background-color .15s var(--sp-ease)}.sp-root .spf-choice input:focus-visible{outline:none}.sp-root .spf-choice:has(input:focus-visible){outline:2px solid var(--sp-blue);outline-offset:2px}.sp-root .spf-box{width:20px;height:20px;accent-color:var(--sp-blue);cursor:pointer;flex-shrink:0}.sp-root .spf-box:disabled{cursor:not-allowed}.sp-root .spf-details>summary{list-style:none}.sp-root .spf-details>summary::-webkit-details-marker{display:none}.sp-root .spf-details[open] .spf-chevron{transform:rotate(180deg)}.sp-root .spf-chevron{transition:transform .2s var(--sp-ease)}.sp-root .spf-bar{box-shadow:var(--sp-shadow-bar);transition:transform .22s var(--sp-ease), opacity .22s var(--sp-ease)}.sp-root .spf-bar[data-hidden=true]{opacity:0;pointer-events:none;transform:translateY(100%)}.sp-root .spf-prose{max-width:70ch}.sp-root .spf-prose h2{margin-top:2rem}.sp-root .spf-prose h2:first-child{margin-top:0}@media (prefers-reduced-motion:reduce){.sp-root .spf-control,.sp-root .spf-choice,.sp-root .spf-chevron,.sp-root .spf-bar{transition:none}}