.titchy.input-wrapper{justify-content:center}.titchy.input-wrapper.disabled .symbol{opacity:.35}.titchy.input-wrapper.labeled .input,.titchy.input-wrapper.labeled .textarea{height:calc(var(--input-height, 36px) + var(--input-height-surplus, 28px));padding-block-start:var(--input-height-surplus, 28px);padding-inline-start:calc(2 * (var(--titchy-value-spacing-2)));padding-inline-end:calc(2 * (var(--titchy-value-spacing-2)))}.titchy.input-wrapper.labeled .input:where(.textarea),.titchy.input-wrapper.labeled .textarea:where(.textarea){min-height:calc(var(--input-height, 36px) * 2 + var(--input-height-surplus, 28px));max-height:calc(var(--input-height, 36px) * 8 + var(--input-height-surplus, 28px));padding-block-start:calc(var(--input-height-surplus, 28px) + 2 * (var(--titchy-value-spacing-2)) / 2)}.titchy.input-wrapper.labeled .symbol,.titchy.input-wrapper.labeled .actions{inset-block-start:calc(var(--input-height-surplus, 28px));transform:translateY(-100%)}.titchy.input-wrapper:focus-within>*{z-index:10}.titchy.input-wrapper .input,.titchy.input-wrapper .textarea{padding-inline-start:calc(2 * (var(--titchy-value-spacing-2)) + var(--has-icon, 0) * (var(--titchy-value-spacing-6) + 2 * var(--titchy-value-spacing-1)));padding-inline-end:calc(2 * (var(--titchy-value-spacing-2)) + var(--action-count, 0) * (var(--titchy-value-spacing-5) + var(--titchy-value-spacing-1) * 2) + max(0,var(--action-count, 0) - 1) * (var(--titchy-value-spacing-1)))}.titchy.input-wrapper:is(:hover,:focus-within) .actions .action.hover{opacity:1}.titchy.input-wrapper .symbol{position:absolute;inset-inline-start:calc(var(--titchy-value-spacing-2) + 2px + var(--titchy-value-spacing-1));color:var(--input-highlight-color, var(--titchy-color-secondary));pointer-events:none;align-items:center;justify-content:center}.titchy.input-wrapper .symbol>svg{width:var(--titchy-value-spacing-6);height:var(--titchy-value-spacing-6);stroke-width:var(--titchy-value-spacing-1)}.titchy.input-wrapper .actions{position:absolute;inset-inline-end:calc(var(--titchy-value-spacing-2) + 2px);pointer-events:none;flex-direction:row-reverse;align-items:center;justify-content:center;gap:var(--titchy-value-spacing-1)}.titchy.input-wrapper .actions .action{align-items:center;justify-content:center;padding:var(--titchy-value-spacing-1);pointer-events:all;border-radius:var(--titchy-value-radius-max)}.titchy.input-wrapper .actions .action.hover{opacity:0}.titchy.input-wrapper .actions .action>div>svg{color:var(--input-accent-color, var(--titchy-color-accent));width:var(--titchy-value-spacing-5);height:var(--titchy-value-spacing-5);stroke-width:var(--titchy-value-spacing-1)}.titchy.input-wrapper .label{position:absolute;inset-block-start:calc(var(--input-height-surplus, 28px));inset-inline-start:calc(2 * (var(--titchy-value-spacing-2)) + var(--has-icon, 0) * (var(--titchy-value-spacing-6) + 2 * var(--titchy-value-spacing-1)) + 2px);height:var(--titchy-value-spacing-6);justify-content:center;transform:translateY(-100%);pointer-events:none;color:var(--input-accent-color, var(--titchy-color-accent));font-weight:700}