@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial}}}.kl-budget-hint{gap:var(--tw-spacing,.25rem);padding-top:var(--tw-spacing,.25rem);flex-direction:column;display:flex}.kl-budget-hint-track{height:calc(var(--tw-spacing,.25rem)*1.5);background-color:var(--surface-variant);border-radius:3.40282e+38px;width:100%;display:flex;overflow:hidden}.kl-budget-hint-spent{background-color:var(--secondary);height:100%}.kl-budget-hint-extra{background-color:var(--tertiary);height:100%}.kl-budget-hint-spent+.kl-budget-hint-extra{margin-left:1px}.kl-budget-hint--over{background-color:var(--error)}.kl-budget-hint-label{font-size:var(--tw-text-tiny,.6875rem);line-height:var(--tw-leading,var(--tw-text-tiny--line-height,var(--tw-leading,var(--tw-text-xs--line-height,1.33333))));--tw-font-weight:var(--tw-font-weight-medium,500);font-weight:var(--tw-font-weight-medium,500);color:var(--on-surface-variant)}.kl-budget-hint-label--over{color:var(--error)}@property --tw-font-weight{syntax:"*";inherits:false}