.input-text-wrapper{align-items:center;background-color:var(--theme-input-surface);display:flex;gap:12px}.input-text-wrapper:hover{background-color:var(--theme-input-surface-hover)}.input-text-wrapper:focus-within{background-color:var(--theme-input-surface-hover);box-shadow:var(--theme-focus-visible-shadow);outline:var(--theme-focus-visible-outline)}.input-text-wrapper.normal{border:var(--form-element-border-width) solid var(--theme-input-border);border-bottom-left-radius:var(--form-input-border-radius);border-bottom-right-radius:var(--form-input-border-radius);border-top-left-radius:var(--form-input-border-radius);border-top-right-radius:var(--form-input-border-radius);outline:var(--form-element-outline-width) solid var(--theme-input-outline);padding-inline:1rem}.input-text-wrapper.normal.error{border-color:var(--theme-error-surface)}.input-text-wrapper.normal .slot{background-clip:padding-box;display:flex;place-items:center}.input-text-wrapper.normal .slot.left-slot:not([data-theme=input-action]) .icon{height:2.2rem;width:2.2rem}.input-text-wrapper.normal .slot.left-slot:not([data-theme=input-action]) [data-theme=input-action]{height:auto;padding:.5rem;width:auto}.input-text-wrapper.normal .slot.left-slot:not([data-theme=input-action]) [data-theme=input-action] .icon{height:1.8rem;width:1.8rem}.input-text-wrapper.normal .slot.right-slot:not([data-theme=input-action]) .icon{height:2.2rem;width:2.2rem}.input-text-wrapper.normal .slot.right-slot:not([data-theme=input-action]) [data-theme=input-action]{height:auto;padding:.5rem;width:auto}.input-text-wrapper.normal .slot.right-slot:not([data-theme=input-action]) [data-theme=input-action] .icon{height:1.8rem;width:1.8rem}.input-text-wrapper.normal[data-inputmode=numeric]{padding-block:0;padding-inline:.75rem}.input-text-wrapper.normal[data-inputmode=numeric] .slot [data-theme=input-action]{height:auto;padding:.5rem;width:auto}.input-text-wrapper.normal[data-inputmode=numeric] .slot [data-theme=input-action] .icon{height:1.8rem;width:1.8rem}.input-text-wrapper.underlined{border:none;border-bottom:var(--form-element-border-width-underlined) solid var(--theme-input-border);border-radius:0;margin-block-start:0;overflow:hidden;padding-block:0;padding-inline:1rem}.input-text-wrapper.underlined.error{border:var(--form-element-border-width) solid var(--theme-error-surface);border-bottom-left-radius:0;border-bottom-right-radius:0}.input-text-wrapper.underlined .slot{background-clip:padding-box;display:flex;place-items:center}.input-text-wrapper.underlined .slot.left-slot:not([data-theme=input-action-underlined]) .icon{height:2.2rem;width:2.2rem}.input-text-wrapper.underlined .slot.left-slot:not([data-theme=input-action-underlined]) [data-theme=input-action-underlined]{height:auto;padding:.5rem;width:auto}.input-text-wrapper.underlined .slot.left-slot:not([data-theme=input-action-underlined]) [data-theme=input-action-underlined] .icon{height:1.8rem;width:1.8rem}.input-text-wrapper.underlined .slot.right-slot:not([data-theme=input-action-underlined]) .icon{height:2.2rem;width:2.2rem}.input-text-wrapper.underlined .slot.right-slot:not([data-theme=input-action-underlined]) [data-theme=input-action-underlined]{height:auto;padding:.5rem;width:auto}.input-text-wrapper.underlined .slot.right-slot:not([data-theme=input-action-underlined]) [data-theme=input-action-underlined] .icon{height:1.8rem;width:1.8rem}.input-text-wrapper .input-text-core{all:unset;flex-grow:1;font-family:var(--font-family);font-size:var(--form-element-font-size);line-height:var(--form-element-line-height);padding-block:var(--input-element-padding-block);padding-inline:1rem;touch-action:manipulation}.input-text-wrapper .input-text-core::-moz-placeholder{color:var(--theme-input-placeholder);font-size:var(--theme-input-placeholder-font-size);font-style:italic;font-weight:400;line-height:1}.input-text-wrapper .input-text-core::placeholder{color:var(--theme-input-placeholder);font-size:var(--theme-input-placeholder-font-size);font-style:italic;font-weight:400;line-height:1}.input-button-core{align-items:center;background-color:var(--theme-button-surface);border:var(--form-element-border-width) solid var(--theme-button-border);border-radius:var(--form-input-border-radius);box-shadow:var(--box-shadow-off);color:var(--theme-button-text);display:flex;font-family:var(--font-family);gap:var(--form-button-icon-gap);justify-content:center;outline:var(--form-element-outline-width) solid var(--theme-button-outline);outline-offset:0;padding-block-end:var(--form-element-padding-block-end);padding-block-start:var(--form-element-padding-block-start);padding-inline:var(--form-button-padding-inline);touch-action:manipulation;transition:all var(--theme-form-transition-duration) ease-in-out}.input-button-core:hover{background-color:var(--theme-button-surface-hover);border-color:var(--theme-button-border-hover);color:var(--theme-button-text-hover);outline-color:var(--theme-button-outline-hover);outline-offset:var(--form-element-outline-offset-focus)}.input-button-core:focus-visible{background-color:var(--theme-button-surface-hover);border-color:var(--theme-button-border-hover);color:var(--theme-button-text-focus);outline-color:var(--theme-button-outline-focus);outline-offset:var(--form-element-outline-offset-focus)}.input-button-core:hover{cursor:pointer}.input-button-core[readonly]{opacity:.5}.input-button-core[readonly]:focus-visible,.input-button-core[readonly]:hover{cursor:not-allowed}.input-button-core.icon-only{aspect-ratio:1;height:var(--form-icon-only-button-size);margin:0;padding:0;width:var(--form-icon-only-button-size)}.input-button-core .btn-text{display:inline-block;font-size:var(--form-element-font-size);line-height:var(--form-element-line-height);white-space:nowrap}.input-button-core .btn-icon{display:flex}.input-button-core .btn-icon .icon{aspect-ratio:1;display:inline-block;height:var(--form-icon-size);width:var(--form-icon-size)}
