@layer colors,config,root,reboot,layout,content;@layer forms{.form-floating{--cui-form-floating-height:calc(3.5rem + var(--cui-btn-input-border-width) * 2);--cui-form-floating-line-height:1.25;--cui-form-floating-padding-x:var(--cui-btn-input-padding-x);--cui-form-floating-padding-y:1rem;--cui-form-floating-input-padding-t:1.625rem;--cui-form-floating-input-padding-b:.625rem;--cui-form-floating-label-height:1.5em;--cui-form-floating-label-opacity:.65;--cui-form-floating-label-transform:scale(.85) translateY(-.5rem) translateX(.15rem);--cui-form-floating-label-disabled-color:var(--cui-fg-3);--cui-form-floating-label-bg:var(--cui-btn-input-bg);--cui-form-floating-label-disabled-bg:var(--cui-bg-2);--cui-form-floating-label-border-radius:var(--cui-btn-input-border-radius);--cui-form-floating-transition-property:opacity, transform;--cui-form-floating-transition-duration:.1s;--cui-form-floating-transition-timing:ease-in-out;position:relative}.form-floating:dir(rtl){--cui-form-floating-label-transform:scale(.85) translateY(-.5rem) translateX(-.15rem)}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:var(--cui-form-floating-height);min-height:var(--cui-form-floating-height);line-height:var(--cui-form-floating-line-height)}.form-floating>label{inset-inline-start:0;z-index:2;max-width:100%;height:100%;padding:var(--cui-form-floating-padding-y) var(--cui-form-floating-padding-x);color:color-mix(in oklch, var(--cui-fg-body) calc(var(--cui-form-floating-label-opacity) * 100%), transparent);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--cui-btn-input-border-width) solid transparent;transform-origin:0 0;align-items:center;display:flex;position:absolute;top:0;overflow:hidden}.form-floating>label:dir(rtl){transform-origin:100% 0}@media (prefers-reduced-motion:no-preference){.form-floating>label{transition-timing-function:var(--cui-form-floating-transition-timing);transition-duration:var(--cui-form-floating-transition-duration);transition-property:var(--cui-form-floating-transition-property)}}.form-floating>label:has(~textarea),.form-floating>textarea~label{align-items:flex-start}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:var(--cui-form-floating-padding-y) var(--cui-form-floating-padding-x)}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),:-webkit-any(.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill){padding-top:var(--cui-form-floating-input-padding-t);padding-bottom:var(--cui-form-floating-input-padding-b)}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),:is(.form-floating>.form-control:autofill,.form-floating>.form-control-plaintext:autofill){padding-top:var(--cui-form-floating-input-padding-t);padding-bottom:var(--cui-form-floating-input-padding-b)}.form-floating>.form-select{padding-inline-start:var(--cui-form-floating-padding-x);padding-top:var(--cui-form-floating-input-padding-t);padding-bottom:var(--cui-form-floating-input-padding-b)}.form-floating>label:has(~.form-control:focus),.form-floating>label:has(~.form-control:not(.form-date-time,:placeholder-shown)),.form-floating>label:has(~.form-control-plaintext),.form-floating>label:has(~.form-select),.form-floating>.form-control:focus~label,.form-floating>.form-control:not(.form-date-time,:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label,.form-floating:is(.form-floating-always,.form-floating-always *)>label{transform:var(--cui-form-floating-label-transform)}.form-floating>label:has(~.form-control:-webkit-autofill){transform:var(--cui-form-floating-label-transform)}.form-floating>.form-control:-webkit-autofill~label{transform:var(--cui-form-floating-label-transform)}.form-floating>.picker{height:var(--cui-form-floating-height)}.form-floating>.form-control-group,.form-floating>.picker>.form-control-group{height:var(--cui-form-floating-height);min-height:var(--cui-form-floating-height);line-height:var(--cui-form-floating-line-height)}.form-floating>.form-control-group>.form-control,.form-floating>.picker>.form-control-group>.form-control{padding-top:var(--cui-form-floating-padding-y);padding-bottom:var(--cui-form-floating-padding-y)}.form-floating>.form-control-group:focus-within>.form-control,.form-floating>.form-control-group>.form-control:not(.form-date-time,:placeholder-shown),.form-floating>.picker>.form-control-group:focus-within>.form-control,.form-floating>.picker>.form-control-group>.form-control:not(.form-date-time,:placeholder-shown){padding-top:var(--cui-form-floating-input-padding-t);padding-bottom:var(--cui-form-floating-input-padding-b)}.form-floating>label:has(~.picker:focus-within),.form-floating>.picker:focus-within~label,.form-floating>label:has(~.form-control-group:focus-within),.form-floating>label:has(~.form-control-group>.form-control:not(.form-date-time,:placeholder-shown)),.form-floating>.form-control-group:focus-within~label,.form-floating>.form-control-group:has(>.form-control:not(.form-date-time,:placeholder-shown))~label{transform:var(--cui-form-floating-label-transform)}.form-floating:is(.form-floating-always,.form-floating-always *)>:is(.form-control,.form-control-plaintext),.form-floating:is(.form-floating-always,.form-floating-always *)>.form-control-group>.form-control,.form-floating:is(.form-floating-always,.form-floating-always *)>.picker>.form-control-group>.form-control{padding-top:var(--cui-form-floating-input-padding-t);padding-bottom:var(--cui-form-floating-input-padding-b)}.form-floating:not(.form-floating-always,.form-floating-always *)>.form-control:not(:focus)::placeholder,.form-floating:not(.form-floating-always,.form-floating-always *)>.form-control-group>.form-control:not(:focus)::placeholder,.form-floating:not(.form-floating-always,.form-floating-always *)>.picker>.form-control-group>.form-control:not(:focus)::placeholder,.form-floating>.form-control-plaintext::placeholder{color:#0000}.form-floating>label:has(~textarea:focus):after,.form-floating>label:has(~textarea:not(:placeholder-shown)):after,.form-floating>textarea:focus~label:after,.form-floating>textarea:not(:placeholder-shown)~label:after,.form-floating:is(.form-floating-always,.form-floating-always *)>:is(label:has(~textarea),textarea~label):after{inset:var(--cui-form-floating-padding-y) calc(var(--cui-form-floating-padding-x) * .5);z-index:-1;height:var(--cui-form-floating-label-height);content:"";background-color:var(--cui-form-floating-label-bg);border-radius:var(--cui-form-floating-label-border-radius);position:absolute}.form-floating>label:has(~textarea:disabled):after,.form-floating>textarea:disabled~label:after{background-color:var(--cui-form-floating-label-disabled-bg)}.form-floating>label:has(~.form-control-plaintext),.form-floating>.form-control-plaintext~label{border-width:var(--cui-btn-input-border-width) 0}.form-floating>label:has(~:disabled),.form-floating>label:has(~.form-control:disabled),.form-floating>:disabled~label,.form-floating>.form-control:disabled~label{color:var(--cui-form-floating-label-disabled-color)}}@layer components,custom,helpers,utilities;
