.gab-field{flex-direction:row;gap:.25rem;display:flex;position:relative}.gab-field-input{--gab-field-chevron-down-url:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9 6 6 6-6\"/></svg>");--baseBorderRadius:.375rem;--baseBorderWidth:1px;--basePaddingBlock:.5rem;--basePaddingInline:.75rem;--baseHeight:2.5rem;--baseLineHeight:calc(var(--baseHeight) - var(--basePaddingBlock)*2 - var(--baseBorderWidth)*2);--baseFontSize:1rem;--baseCheckboxOptionHeight:1.25rem;--baseRangeTrackHeight:.75rem;--baseRangeThumbHeight:1rem}.gab-field-input--small{--basePaddingBlock:.25rem;--basePaddingInline:.5rem;--baseHeight:2rem;--baseFontSize:.875rem;--baseCheckboxOptionHeight:1rem;--baseRangeTrackHeight:.5rem;--baseRangeThumbHeight:.75rem}.gab-field-input--large{--basePaddingBlock:.75rem;--basePaddingInline:1rem;--baseHeight:3rem;--baseCheckboxOptionHeight:1.5rem;--baseRangeTrackHeight:1rem;--baseRangeThumbHeight:1.25rem}.gab-field-input{accent-color:hsl(var(--color-primary)/1);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gab-field-input:is(input,select,textarea){background-color:hsl(var(--color-surface-bright)/1);color:hsl(var(--color-on-surface)/1);border-radius:var(--baseBorderRadius);border:var(--baseBorderWidth) solid hsl(var(--color-outline-variant)/1);padding-inline:var(--basePaddingInline);padding-block:var(--basePaddingBlock);min-height:var(--baseHeight);width:100%;line-height:var(--baseLineHeight);font-size:var(--baseFontSize)}.gab-field-input:is(input,select,textarea).gab-field--invalid{border-color:hsl(var(--color-error)/1)}.gab-field-input:is(input[type=range]){appearance:none;min-height:unset;height:var(--baseRangeTrackHeight);background-color:hsl(var(--color-surface-bright)/1);cursor:pointer;border-radius:9999px;width:100%;padding:0}.gab-field-input:is(input[type=range])::-ms-thumb{appearance:none;height:var(--baseRangeThumbHeight);width:var(--baseRangeThumbHeight);aspect-ratio:1;background-color:hsl(var(--color-primary)/1);border:none;border-radius:9999px}.gab-field-input:is(input[type=range])::-webkit-slider-thumb{appearance:none;height:var(--baseRangeThumbHeight);width:var(--baseRangeThumbHeight);aspect-ratio:1;background-color:hsl(var(--color-primary)/1);border:none;border-radius:9999px}.gab-field-input:is(input[type=range])::-moz-range-thumb{appearance:none;height:var(--baseRangeThumbHeight);width:var(--baseRangeThumbHeight);aspect-ratio:1;background-color:hsl(var(--color-primary)/1);border:none;border-radius:9999px}.gab-field-input:is(input[type=checkbox],input[type=radio]){--baseSelectedInset:2px;appearance:none;min-height:unset;height:var(--baseCheckboxOptionHeight);width:var(--baseCheckboxOptionHeight);aspect-ratio:1;background-color:hsl(var(--color-surface-bright)/1);border:var(--baseBorderWidth) solid hsl(var(--color-outline-variant)/1);border-radius:var(--baseBorderRadius);cursor:pointer;padding:0;position:relative}.gab-field-input:is(input[type=checkbox],input[type=radio]):checked:before{content:"";inset:var(--baseSelectedInset);background-color:hsl(var(--color-primary)/1);border-radius:calc(var(--baseBorderRadius) - var(--baseSelectedInset));position:absolute}.gab-field-input:is(input[type=checkbox],input[type=radio]).gab-field--invalid{border-color:hsl(var(--color-error)/1)}.gab-field-input:is(input[type=checkbox]):checked:before{clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}.gab-field-input:is(input[type=radio]){--baseBorderRadius:9999px}.gab-field-input:is(input[type=search]){outline-offset:0}.gab-field-input:is(input[type=color]){--baseSelectedInset:4px;appearance:none;height:var(--baseHeight);width:var(--baseHeight);aspect-ratio:1;border:var(--baseBorderWidth) solid hsl(var(--color-outline-variant)/1);padding:var(--baseSelectedInset);cursor:pointer;border-radius:.375rem;overflow:hidden}.gab-field-input:is(input[type=color])::-webkit-color-swatch-wrapper{padding:0}.gab-field-input:is(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--baseBorderRadius) - var(--baseSelectedInset));border:none;padding:0}.gab-field-input:is(input[type=color])::-moz-color-swatch{border-radius:calc(var(--baseBorderRadius) - var(--baseSelectedInset));border:none;padding:0}.gab-field-input:is(input[type=color]).gab-field--invalid{border-color:hsl(var(--color-error)/1)}.gab-field-input:is(input[type=date])::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M21%2010H3m13-8v4M8%202v4m-.2%2016h8.4c1.68%200%202.52%200%203.162-.327a3%203%200%200%200%201.311-1.311C21%2019.72%2021%2018.88%2021%2017.2V8.8c0-1.68%200-2.52-.327-3.162a3%203%200%200%200-1.311-1.311C18.72%204%2017.88%204%2016.2%204H7.8c-1.68%200-2.52%200-3.162.327a3%203%200%200%200-1.311%201.311C3%206.28%203%207.12%203%208.8v8.4c0%201.68%200%202.52.327%203.162a3%203%200%200%200%201.311%201.311C5.28%2022%206.12%2022%207.8%2022%22%2F%3E%3C%2Fsvg%3E)}.gab-field-input:is(select){appearance:none;background-image:var(--gab-field-chevron-down-url);background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem}@supports (appearance:base-select){.gab-field-input:is(select){appearance:base-select;background-image:none;align-items:center}.gab-field-input:is(select)::picker(select){appearance:base-select;background-color:hsl(var(--color-surface-bright)/1);color:hsl(var(--color-on-surface)/1);border:var(--baseBorderWidth) solid hsl(var(--color-outline-variant)/1);border-radius:.375rem;margin-block:.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.gab-field-input:is(select)::picker-icon{content:var(--gab-field-chevron-down-url);color:hsl(var(--color-on-surface)/1);max-height:var(--baseLineHeight);width:auto}.gab-field-input:is(select) option{padding-inline:.75rem;padding-block:var(--basePaddingBlock);height:var(--baseHeight);line-height:var(--baseLineHeight)}.gab-field-input:is(select) selectedcontent{align-items:center;gap:8px;width:100%;display:flex}}.gab-field-input:is(textarea){height:auto;min-height:calc(var(--basePaddingBlock)*2 + var(--baseLineHeight)*2 + 2px);resize:vertical}.gab-field-input:is(input,select,textarea):disabled{opacity:.5;cursor:not-allowed}.gab-field-input:is(input[type=date]),.gab-field-input:is(input[type=email]),.gab-field-input:is(input[type=number]),.gab-field-input:is(input[type=password]),.gab-field-input:is(input[type=search]),.gab-field-input:is(input[type=tel]),.gab-field-input:is(input[type=text]),.gab-field-input:is(input[type=url]),.gab-field-input:is(select){height:var(--baseHeight)}