.gab-field{--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--small{--basePaddingBlock:.25rem;--basePaddingInline:.5rem;--baseHeight:2rem;--baseFontSize:.875rem;--baseCheckboxOptionHeight:1rem;--baseRangeTrackHeight:.5rem;--baseRangeThumbHeight:.75rem}.gab-field--large{--basePaddingBlock:.75rem;--basePaddingInline:1rem;--baseHeight:3rem;--baseCheckboxOptionHeight:1.5rem;--baseRangeTrackHeight:1rem;--baseRangeThumbHeight:1.25rem}.gab-field{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: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:is(input,select,textarea).gab-field--invalid{border-color:hsl(var(--color-error)/1)}.gab-field: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: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: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: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: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: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:is(input[type=checkbox],input[type=radio]).gab-field--invalid{border-color:hsl(var(--color-error)/1)}.gab-field:is(input[type=checkbox]):checked:before{clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}.gab-field:is(input[type=radio]){--baseBorderRadius:9999px}.gab-field:is(input[type=search]){outline-offset:0}.gab-field: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:is(input[type=color])::-webkit-color-swatch-wrapper{padding:0}.gab-field:is(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--baseBorderRadius) - var(--baseSelectedInset));border:none;padding:0}.gab-field:is(input[type=color])::-moz-color-swatch{border-radius:calc(var(--baseBorderRadius) - var(--baseSelectedInset));border:none;padding:0}.gab-field:is(input[type=color]).gab-field--invalid{border-color:hsl(var(--color-error)/1)}.gab-field: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:is(select){appearance:base-select;background-image:none;align-items:center}.gab-field: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: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:is(select) option{padding-inline:.75rem;padding-block:var(--basePaddingBlock);height:var(--baseHeight);line-height:var(--baseLineHeight)}.gab-field:is(select) selectedcontent{align-items:center;gap:8px;width:100%;display:flex}}.gab-field:is(textarea){height:auto;min-height:calc(var(--basePaddingBlock)*2 + var(--baseLineHeight)*2 + 2px);resize:vertical}.gab-field:is(input,select,textarea):disabled{opacity:.5;cursor:not-allowed}