.p-inputgroup, .p-inputgroup .p-floatlabel, .p-inputgroup .p-iftalabel { @apply flex items-stretch w-full } .p-inputgroup .p-inputtext, .p-inputgroup .p-inputwrapper { @apply flex-auto w-[1%] } .p-inputgroupaddon { @apply flex items-center justify-center p-2 min-w-10 border-y border-surface-300 dark:border-surface-700 bg-surface-0 dark:bg-surface-950 text-surface-400 } .p-inputgroupaddon:first-child, .p-inputgroupaddon + .p-inputgroupaddon { @apply border-s } .p-inputgroupaddon:last-child { @apply border-e } .p-inputgroup > .p-component, .p-inputgroup > .p-inputwrapper > .p-component, .p-inputgroup > .p-floatlabel > .p-component, .p-inputgroup > .p-floatlabel > .p-inputwrapper > .p-component, .p-inputgroup > .p-iftalabel > .p-component, .p-inputgroup > .p-iftalabel > .p-inputwrapper > .p-component { @apply rounded-none m-0 } .p-inputgroupaddon:first-child, .p-inputgroup > .p-component:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-component, .p-inputgroup > .p-floatlabel:first-child > .p-component, .p-inputgroup > .p-floatlabel:first-child > .p-inputwrapper > .p-component, .p-inputgroup > .p-iftalabel:first-child > .p-component, .p-inputgroup > .p-iftalabel:first-child > .p-inputwrapper > .p-component { @apply rounded-s-md } .p-inputgroupaddon:last-child, .p-inputgroup > .p-component:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-component, .p-inputgroup > .p-floatlabel:last-child > .p-component, .p-inputgroup > .p-floatlabel:last-child > .p-inputwrapper > .p-component, .p-inputgroup > .p-iftalabel:last-child > .p-component, .p-inputgroup > .p-iftalabel:last-child > .p-inputwrapper > .p-component { @apply rounded-e-md } .p-inputgroup .p-component:focus, .p-inputgroup .p-component.p-focus, .p-inputgroup .p-inputwrapper-focus, .p-inputgroup .p-component:focus ~ label, .p-inputgroup .p-component.p-focus ~ label, .p-inputgroup .p-inputwrapper-focus ~ label { @apply z-10 } .p-inputgroup > .p-button:not(.p-button-icon-only) { @apply w-auto }