@layer components{.grace-input{position:relative}.grace-input[data-error=true]{color:var(--mantine-color-error);border-color:var(--mantine-color-error)}.grace-input :has(>input){margin-bottom:0}.grace-input label{z-index:5;font-size:var(--mantine-font-size-sm);color:var(--mantine-color-placeholder);text-wrap:nowrap;pointer-events:none;padding:0;font-weight:500;transition:all .1s;position:absolute;top:7px;left:12px}.grace-input.has-left-section label{left:calc(16px + 1rem)}.grace-input input,.grace-input .mantine-DateTimePicker-input,.grace-input .mantine-DatePickerInput-input{background-color:var(--input-bg);border-radius:4px}.grace-input p{position:absolute;top:calc(100% + .3rem)}.grace-input:has(input:not(:placeholder-shown)) label{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-text);transform:translate(-12px,-25px)}.grace-input:has(.mantine-DateTimePicker-input):not(:has(.mantine-InputPlaceholder-placeholder)) label{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-text);transform:translate(-12px,-25px)}.grace-input:has(.mantine-DateTimePicker-input[aria-expanded=true]) label{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-text);transform:translate(-12px,-25px)}.grace-input:has(.mantine-DatePickerInput-input):not(:has(.mantine-InputPlaceholder-placeholder)) label{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-text);transform:translate(-12px,-25px)}.grace-input:has(.mantine-DatePickerInput-input[aria-expanded=true]) label{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-text);transform:translate(-12px,-25px)}.grace-input:has(.mantine-Pill-label) label{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-text);transform:translate(-12px,-25px)}.grace-input:not(:has([readonly]),:has(:disabled)):is(.grace-input:has(input:focus),.grace-input:has(.mantine-DateTimePicker-input:focus),.grace-input:has(.mantine-DatePickerInput-input:focus),.grace-input:has(input:focus-visible),.grace-input:has(.mantine-DateTimePicker-input:focus-visible),.grace-input:has(.mantine-DatePickerInput-input:focus-visible),.grace-input:has(input:active),.grace-input:has(.mantine-DateTimePicker-input:active),.grace-input:has(.mantine-DatePickerInput-input:active)) label{font-size:var(--mantine-font-size-xs);color:var(--mantine-color-text);transform:translate(-12px,-25px)}.grace-input:has(input:not(:placeholder-shown)).has-left-section label{transform:translate(calc(-16px - 1rem),-25px)}.grace-input:has(.mantine-DateTimePicker-input):not(:has(.mantine-InputPlaceholder-placeholder)).has-left-section label{transform:translate(calc(-16px - 1rem),-25px)}.grace-input:has(.mantine-DateTimePicker-input[aria-expanded=true]).has-left-section label{transform:translate(calc(-16px - 1rem),-25px)}.grace-input:has(.mantine-DatePickerInput-input):not(:has(.mantine-InputPlaceholder-placeholder)).has-left-section label{transform:translate(calc(-16px - 1rem),-25px)}.grace-input:has(.mantine-DatePickerInput-input[aria-expanded=true]).has-left-section label{transform:translate(calc(-16px - 1rem),-25px)}.grace-input:has(.mantine-Pill-label).has-left-section label{transform:translate(calc(-16px - 1rem),-25px)}.grace-input:not(:has([readonly]),:has(:disabled)):is(.grace-input:has(input:focus),.grace-input:has(.mantine-DateTimePicker-input:focus),.grace-input:has(.mantine-DatePickerInput-input:focus),.grace-input:has(input:focus-visible),.grace-input:has(.mantine-DateTimePicker-input:focus-visible),.grace-input:has(.mantine-DatePickerInput-input:focus-visible),.grace-input:has(input:active),.grace-input:has(.mantine-DateTimePicker-input:active),.grace-input:has(.mantine-DatePickerInput-input:active)).has-left-section label{transform:translate(calc(-16px - 1rem),-25px)}.mantine-DateTimePicker-day[data-today=true]{color:var(--mantine-primary-color-7)}}