.peppe-text-input{gap:var(--space-8);box-sizing:border-box;width:100%;display:grid}.peppe-text-input__label-text{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-secondary);line-height:var(--type-leading-snug)}.peppe-text-input__label-hint{font-size:var(--type-size-xs);font-weight:var(--type-weight-regular);letter-spacing:0;text-transform:none;color:var(--color-ink-tertiary);margin-left:6px}.peppe-text-input__input-wrap{align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);background:linear-gradient(to bottom, var(--color-surface-carved), var(--color-surface-carved)) padding-box, linear-gradient(to bottom, var(--border-carved-top), var(--border-carved-bottom)) border-box;border-radius:var(--radius-md);box-sizing:border-box;border:1px solid #0000;transition:box-shadow .32s,background .32s;display:flex;box-shadow:inset 0 0 0 1px #0000,inset 0 4px 16px #00000014,inset 0 0 #0000}.peppe-text-input__input{min-width:0;font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-snug);color:var(--color-ink-primary);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0}.peppe-text-input__input::placeholder{color:var(--color-ink-tertiary)}.peppe-text-input__icon-trailing{width:var(--icon-size-sm);height:var(--icon-size-sm);cursor:pointer;color:var(--color-ink-tertiary);border-radius:var(--radius-sm);transition:color var(--duration-micro) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.peppe-text-input__icon-trailing svg{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0}.peppe-text-input__icon-trailing:hover{color:var(--color-ink-primary)}.peppe-text-input__icon-trailing:focus-visible{outline:var(--focus-ring-width) solid var(--color-functional-info);outline-offset:var(--focus-ring-offset)}.peppe-text-input__helper{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0}.peppe-text-input__error{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-functional-error);margin:0}.peppe-text-input__input-wrap:focus-within,.peppe-text-input--focused-demo .peppe-text-input__input-wrap{background:linear-gradient(to bottom, var(--color-surface-base), var(--color-surface-base)) padding-box, linear-gradient(to bottom, var(--border-carved-top), var(--border-carved-bottom)) border-box;box-shadow:inset 0 0 0 1px var(--color-ink-primary), inset 0 4px 12px 0 #0000001a, inset 0 1px 2px 0 #0000000f}.peppe-text-input--disabled .peppe-text-input__input-wrap{opacity:.48;cursor:not-allowed;pointer-events:none}.peppe-text-input--disabled .peppe-text-input__label-text,.peppe-text-input--disabled .peppe-text-input__label-hint{opacity:.48;cursor:not-allowed}.peppe-text-input--readonly .peppe-text-input__input-wrap{cursor:default}.peppe-text-input--readonly .peppe-text-input__input-wrap:focus-within{background:linear-gradient(to bottom, var(--color-surface-carved), var(--color-surface-carved)) padding-box, linear-gradient(to bottom, var(--border-carved-top), var(--border-carved-bottom)) border-box;box-shadow:inset 0 0 0 1px #0000,inset 0 4px 16px #00000014,inset 0 0 #0000}.peppe-text-input--readonly .peppe-text-input__input{cursor:default}.peppe-text-input--error .peppe-text-input__input-wrap,.peppe-text-input--error .peppe-text-input__input-wrap:focus-within{background:linear-gradient(to bottom, var(--color-surface-carved), var(--color-surface-carved)) padding-box, linear-gradient(to bottom, var(--color-functional-error), var(--color-functional-error)) border-box;box-shadow:inset 0 0 0 1px #0000,inset 0 4px 16px #00000014,inset 0 0 #0000}.peppe-text-input__input--filled-demo{color:var(--color-ink-primary)}.peppe-text-input--raised-demo .peppe-text-input__input-wrap{background:var(--color-surface-raised-top);box-shadow:var(--shadow-raised);border-top:1px solid var(--border-raised-top);border-right:1px solid var(--border-raised-bottom);border-bottom:1px solid var(--border-raised-bottom);border-left:1px solid var(--border-raised-top)}.peppe-ti__states-grid{gap:var(--space-24);margin-top:var(--space-32);grid-template-columns:repeat(2,1fr);display:grid}.peppe-ti__states-grid .peppe-component__state-item{align-items:stretch}.peppe-ti__states-grid .peppe-component__sample-wrap{padding:var(--space-24);justify-content:stretch;align-items:flex-start}.peppe-ti__states-grid .peppe-text-input{width:100%}.peppe-ti__types-grid{gap:var(--space-24);margin-top:var(--space-32);grid-template-columns:repeat(2,1fr);display:grid}.peppe-ti__types-grid .peppe-component__state-item{align-items:stretch}.peppe-ti__types-grid .peppe-component__sample-wrap{padding:var(--space-24);justify-content:stretch;align-items:flex-start}.peppe-ti__types-grid .peppe-text-input{width:100%}@media (max-width:1024px){.peppe-ti__states-grid,.peppe-ti__types-grid{gap:var(--space-16);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.peppe-ti__states-grid,.peppe-ti__types-grid{gap:var(--space-16);grid-template-columns:1fr}}