:where(label){font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;transition-property:opacity;transition-duration:var(--duration-sm)}:where(label).disabled{opacity:.25}:where(input){filter:none;background-color:#0000}:where(input):-webkit-autofill{-webkit-text-fill-color:var(--color-accent-text);box-shadow:0 0 0 100px var(--color-accent-bg) inset}:where(.form-field-wrapper){transition-property:opacity;transition-duration:var(--duration-sm);align-content:start;align-items:center;display:inline-grid;position:relative}:where(.form-field-wrapper) .label,:where(.form-field-wrapper) label{min-height:1.25rem;font-size:var(--font-size-sm);color:var(--color-text);align-items:center;gap:.35rem;margin-block-end:.25rem;display:inline-flex}:where(.form-field-wrapper) .instruction{font-size:var(--font-size-xs);color:var(--color-grey-text);margin-block:.25rem 0}:where(.form-field-wrapper):has(.input:disabled){opacity:.35}:where(.form-field-wrapper) .input{font-family:var(--font-family-input,system-ui,sans-serif);border:1px solid var(--color-grey-graphic);border-radius:var(--radius-md);width:100%;font-size:16px}:where(.form-field-wrapper) .input::placeholder{color:var(--color-grey-text)}:where(.form-field-wrapper) .input:focus{outline:1px solid var(--focus-color);border-color:var(--focus-color)}.form-field-wrapper .input-wrapper{position:relative}.form-field-wrapper .input{background-color:var(--color-input-bg)}.form-field-wrapper .input[readonly]{background-color:var(--color-grey-bg);caret-color:#0000}.form-field-wrapper .input:has(+.iconify){padding-inline-start:1.75rem}.form-field-wrapper .input+.iconify{z-index:1;left:.5rem;color:var(--color-grey-text);margin-block:auto;position:absolute;inset-block:0}.input-size--sm .input{height:2rem;padding-inline:.5em}.input-size--md .input{height:2.5rem;padding-inline:.5em}.input-size--lg .input{height:2.75rem;padding-inline:.65em}.input-size--xl .input{height:3rem;padding-inline:.75em}.input-variant--minimal label{font-size:var(--font-size-sm)}.input-variant--minimal:focus-within label{color:var(--color-text)}.input-variant--minimal .input{border-color:#0000;border-block-end-color:var(--color-grey-graphic);background-color:#0000;border-radius:0;padding-inline:0}.input-variant--minimal .input:focus{border-block-end-color:var(--color-accent);outline-color:#0000}.input-variant--3d label{color:var(--color-grey-text);font-weight:var(--font-weight-semibold)}.input-variant--3d:focus-within label{color:var(--color-text)}.input-variant--3d .input{border-radius:var(--radius-sm);border-width:1.5px;border-color:var(--color-grey-text);box-shadow:0 1.5px 0 0 var(--color-grey-text)}.input-variant--3d .input:focus{border-color:var(--color-accent);box-shadow:0 1.5px 0 0 var(--color-accent);outline-color:#0000}.button,.form,.form-content{--col-width-auto:auto;--col-width-20:calc(20% - var(--column-gap)/5*4);--col-width-25:calc(25% - var(--column-gap)/4*3);--col-width-30:calc(30% - var(--column-gap)/10*7);--col-width-33:calc(33.333% - var(--column-gap)/3*2);--col-width-40:calc(40% - var(--column-gap)/5*3);--col-width-50:calc(50% - var(--column-gap)/2);--col-width-60:calc(60% - var(--column-gap)/5*2);--col-width-67:calc(66.666% - var(--column-gap)/3);--col-width-70:calc(70% - var(--column-gap)/10*3);--col-width-75:calc(75% - var(--column-gap)/4);--col-width-80:calc(80% - var(--column-gap)/5)}.form,.form-content{--focus-color:var(--color-black);--row-gap:1rem;--column-gap:.5rem;row-gap:var(--row-gap);-moz-column-gap:var(--column-gap);column-gap:var(--column-gap);flex-wrap:wrap;display:flex;container-type:inline-size}:is(.form,.form-content)>*{flex-grow:1;flex-basis:100%}@container (width>=280px){:is(.form,.form-content)>*{flex-basis:var(--col-width,100%)}}:is(.form,.form-content) .button{--col-width:var(--col-width,auto);flex-grow:0}