@layer components{html[data-theme=spectrum] .field{--field-h:3.5rem;--field-pt:1.375rem;--field-pb:.5rem;--field-px:1rem;--field-fs:1rem;--field-float:-.75rem;flex-direction:column;gap:.5rem;display:flex}html[data-theme=spectrum] .field-sm{--field-h:3rem;--field-pt:1.1875rem;--field-pb:.375rem;--field-px:.875rem;--field-fs:1rem;--field-float:-.625rem}html[data-theme=spectrum] .field-lg{--field-h:4rem;--field-pt:1.625rem;--field-pb:.625rem;--field-px:1.125rem;--field-fs:1.0625rem;--field-float:-.875rem}html[data-theme=spectrum] .field-control{position:relative}html[data-theme=spectrum] .field-input{width:100%;min-height:var(--field-h);padding:var(--field-pt) var(--field-px) var(--field-pb);border:1px solid var(--sp-line-input);border-radius:var(--radius-md);color:var(--sp-text-1);font-family:var(--font-sans);font-size:var(--field-fs);appearance:none;transition:border-color var(--dur-base) var(--ease-out-expo), background-color var(--dur-base) var(--ease-out-expo), box-shadow var(--dur-base) var(--ease-out-expo);background:#fff;outline:none;line-height:1.4;display:block;box-shadow:0 1px 2px #0b1b2b0a}html[data-theme=spectrum] textarea.field-input{min-height:calc(var(--field-h) * 2.2);resize:vertical}html[data-theme=spectrum] .field-input::placeholder{color:#0000;transition:color var(--dur-base) var(--ease-out-expo)}html[data-theme=spectrum] .field-input:hover:not(:disabled){border-color:var(--sp-text-3);background:#fff}html[data-theme=spectrum] .field-input:focus{border-color:var(--sp-signal);background:#fff;box-shadow:0 0 0 3px #0369a129}html[data-theme=spectrum] .field-input:focus::placeholder{color:var(--sp-text-3)}html[data-theme=spectrum] .field-input:focus-visible{outline-offset:2px;outline:2px solid #0000}html[data-theme=spectrum] .field-input:disabled{opacity:.5;cursor:not-allowed}html[data-theme=spectrum] .field-input:disabled+.field-label{opacity:.5}html[data-theme=spectrum] .field-input:-webkit-autofill{-webkit-text-fill-color:var(--sp-text-1);-webkit-box-shadow:0 0 0 1000px var(--oc-sky-50) inset;transition:background-color 9999s ease-out}html[data-theme=spectrum] .field-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--sp-text-1);-webkit-box-shadow:0 0 0 1000px var(--oc-sky-50) inset;transition:background-color 9999s ease-out}html[data-theme=spectrum] .field-label{left:var(--field-px);top:calc(var(--field-h) / 2);max-width:calc(100% - 2 * var(--field-px));white-space:nowrap;text-overflow:ellipsis;color:var(--sp-text-3);font-size:var(--field-fs);pointer-events:none;transform-origin:0;transition:transform var(--dur-base) var(--ease-out-expo), color var(--dur-base) var(--ease-out-expo);line-height:1;position:absolute;overflow:hidden;transform:translateY(-50%)}:-webkit-any(html[data-theme=spectrum] .field-input:focus+.field-label,html[data-theme=spectrum] .field-input:not(:placeholder-shown)+.field-label,html[data-theme=spectrum] .field-input:-webkit-autofill+.field-label){transform:translateY(calc(-50% + var(--field-float))) scale(.78)}:is(html[data-theme=spectrum] .field-input:focus+.field-label,html[data-theme=spectrum] .field-input:not(:placeholder-shown)+.field-label,html[data-theme=spectrum] .field-input:autofill+.field-label){transform:translateY(calc(-50% + var(--field-float))) scale(.78)}html[data-theme=spectrum] .field-input:focus+.field-label{color:var(--sp-signal)}html[data-theme=spectrum] .field-required{color:var(--sp-signal);margin-inline-start:.2em}html[data-theme=spectrum] .field[data-invalid=true] .field-input{border-color:var(--sp-danger)}html[data-theme=spectrum] .field[data-invalid=true] .field-input:focus{box-shadow:0 0 0 3px #b91c1c24}html[data-theme=spectrum] .field[data-invalid=true] .field-label,html[data-theme=spectrum] .field[data-invalid=true] .field-input:focus+.field-label{color:var(--sp-danger)}html[data-theme=spectrum] .field-hint,html[data-theme=spectrum] .field-error{margin:0;padding-inline:.125rem;font-size:.8125rem;line-height:1.45}html[data-theme=spectrum] .field-hint{color:var(--sp-text-3)}html[data-theme=spectrum] .field-error{color:var(--sp-danger);align-items:flex-start;gap:.375rem;display:flex}html[data-theme=spectrum] .field-error svg{flex:none;width:.9375rem;height:.9375rem;margin-top:.1em}html[data-theme=spectrum] .checkbox{cursor:pointer;min-height:2.75rem;color:var(--sp-text-1);font-size:var(--field-fs);align-items:flex-start;gap:.75rem;padding-block:.375rem;line-height:1.5;display:flex}html[data-theme=spectrum] .checkbox-input{appearance:none;border:1px solid var(--sp-line-input);width:1.25rem;height:1.25rem;box-shadow:none;cursor:pointer;transition:border-color var(--dur-base) var(--ease-out-expo), background-color var(--dur-base) var(--ease-out-expo), box-shadow var(--dur-base) var(--ease-out-expo), transform var(--dur-fast) var(--ease-out-expo);background:#fff;border-radius:6px;flex:none;margin:.125rem 0 0;position:relative}html[data-theme=spectrum] .checkbox-input:after{content:"";opacity:0;transition:opacity var(--dur-fast) var(--ease-out-expo), transform var(--dur-base) var(--ease-out-back);background:#fff;position:absolute;inset:2px;transform:scale(.6);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") 50%/contain no-repeat}html[data-theme=spectrum] .checkbox:hover .checkbox-input:not(:disabled){border-color:var(--sp-text-3);background:var(--oc-sky-50)}html[data-theme=spectrum] .checkbox-input:checked{border-color:var(--sp-signal);background:var(--sp-signal)}html[data-theme=spectrum] .checkbox-input:checked:after{opacity:1;transform:scale(1)}html[data-theme=spectrum] .checkbox-input:active:not(:disabled){transform:scale(.94)}html[data-theme=spectrum] .checkbox-input:disabled{opacity:.5;cursor:not-allowed}html[data-theme=spectrum] .checkbox:has(.checkbox-input:disabled){cursor:not-allowed;color:var(--sp-text-3)}html[data-theme=spectrum] .field[data-invalid=true] .checkbox-input{border-color:var(--sp-danger)}html[data-theme=spectrum] .checkbox-text{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){html[data-theme=spectrum]:not([data-reduce-motion=false]) .field-label,html[data-theme=spectrum]:not([data-reduce-motion=false]) .checkbox-input:after{transition:color var(--dur-base) var(--ease-out-expo)}}html[data-theme=spectrum][data-reduce-motion=true] .field-label,html[data-theme=spectrum][data-reduce-motion=true] .checkbox-input:after{transition:color var(--dur-base) var(--ease-out-expo)}