.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{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);accent-color:hsl(var(--color-primary)/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]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;min-height:unset;height:var(--baseRangeTrackHeight);width:100%;background-color:hsl(var(--color-surface-bright)/1);border-radius:9999px;cursor:pointer}.gab-field:is(input[type=range])::-ms-thumb{appearance:none;height:var(--baseRangeThumbHeight);width:var(--baseRangeThumbHeight);aspect-ratio:1;border-radius:9999px;border:none;background-color:hsl(var(--color-primary)/1)}.gab-field:is(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:var(--baseRangeThumbHeight);width:var(--baseRangeThumbHeight);aspect-ratio:1;border-radius:9999px;border:none;background-color:hsl(var(--color-primary)/1)}.gab-field:is(input[type=range])::-moz-range-thumb{-moz-appearance:none;appearance:none;height:var(--baseRangeThumbHeight);width:var(--baseRangeThumbHeight);aspect-ratio:1;border-radius:9999px;border:none;background-color:hsl(var(--color-primary)/1)}.gab-field:is(input[type=checkbox],input[type=radio]){--baseSelectedInset:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;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);padding:0;cursor:pointer}.gab-field:is(input[type=checkbox],input[type=radio]):checked:before{content:"";position:absolute;inset:var(--baseSelectedInset);background-color:hsl(var(--color-primary)/1);border-radius:calc(var(--baseBorderRadius) - var(--baseSelectedInset))}.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;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;height:var(--baseHeight);width:var(--baseHeight);aspect-ratio:1;border-radius:.375rem;border:var(--baseBorderWidth) solid hsl(var(--color-outline-variant)/1);padding:var(--baseSelectedInset);cursor:pointer}.gab-field:is(input[type=color])::-webkit-color-swatch-wrapper{padding:0}.gab-field:is(input[type=color])::-webkit-color-swatch{border:none;border-radius:calc(var(--baseBorderRadius) - var(--baseSelectedInset));padding:0}.gab-field:is(input[type=color])::-moz-color-swatch{border:none;border-radius:calc(var(--baseBorderRadius) - var(--baseSelectedInset));padding:0}.gab-field:is(input[type=color]).gab-field--invalid{border-color:hsl(var(--color-error)/1)}.gab-field:is(select){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--gab-field-chevron-down-url);background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}@supports ((-webkit-appearance:base-select) or (-moz-appearance:base-select) or (appearance:base-select)){.gab-field:is(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;background-image:none;align-items:center}.gab-field:is(select)::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;background-color:hsl(var(--color-surface-bright)/1);color:hsl(var(--color-on-surface)/1);border-radius:.375rem;border:var(--baseBorderWidth) solid hsl(var(--color-outline-variant)/1);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{display:flex;align-items:center;gap:8px;width:100%}}.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}