@layer components{.input-text-wrapper{--_surface:var(--input-text-surface,var(--theme-input-surface));--_surface-hover:var(--input-text-surface-hover,var(--theme-input-surface-hover));--_border:var(--input-text-border,var(--theme-border));--_border-hover:var(--input-text-border-hover,var(--theme-border-focus));--_border-focus:var(--input-text-border-focus,var(--theme-border-focus));display:flex;align-items:center;gap:var(--input-icon-slot-gap);background-color:var(--_surface);overflow:hidden;transition:all var(--theme-form-transition-duration) ease-in-out;z-index:2;position:relative}.input-text-wrapper.normal{border:var(--form-element-border-width) solid var(--_border);border-radius:var(--form-input-border-radius);outline:var(--form-element-outline-width) solid transparent;padding-inline:var(--input-padding-inline)}.input-text-wrapper.normal:has(input:is(:hover),button:is(:hover)){outline:var(--form-element-outline-width-focus) solid var(--_border-hover);outline-offset:var(--form-element-outline-offset-focus)}.input-text-wrapper.normal:has(input:focus-visible,button:focus-visible){outline:var(--form-element-outline-width-focus) solid var(--_border-focus);outline-offset:var(--form-element-outline-offset-focus)}.input-text-wrapper.underlined{border-bottom:var(--form-element-border-bottom-width-underlined) solid var(--_border);padding-inline:var(--input-padding-inline)}.input-text-wrapper.has-right-slot:has(.input-button-core){padding-inline-end:0}.input-text-wrapper .slot{display:flex;align-items:center;justify-content:center;box-sizing:content-box}.input-text-wrapper .slot .input-button-core{background-color:var(--_surface);color:var(--input-text-color,var(--theme-input-text-color-normal));border:none;outline:none;aspect-ratio:1;border-radius:0;width:var(--input-min-height)}.input-text-wrapper .slot .input-button-core:hover{background-color:var(--_surface-hover)}.input-text-wrapper .slot .input-button-core:is(:focus-visible){outline:var(--form-element-outline-width-focus) solid var(--_border-focus);outline-offset:-4px}.input-text-wrapper .slot .input-button-core.icon-only .btn-icon{margin:0}.input-text-wrapper .input-text-core{all:unset;touch-action:manipulation;flex-grow:1;color:var(--input-text-color,var(--theme-input-text-color-normal));font-family:var(--font-family);font-size:var(--input-font-size);padding-block:var(--input-padding-block);padding-inline:var(--input-padding-inline);min-height:var(--input-min-height)}.input-text-wrapper .input-text-core::-moz-placeholder{color:var(--input-text-placeholder-color,var(--theme-input-placeholder));font-size:var(--theme-input-placeholder-font-size);font-style:italic;line-height:1;font-weight:400}.input-text-wrapper .input-text-core::placeholder{color:var(--input-text-placeholder-color,var(--theme-input-placeholder));font-size:var(--theme-input-placeholder-font-size);font-style:italic;line-height:1;font-weight:400}}