@layer theos.frames{.theos-input-group{background:var(--theos-input,#fbf8f2);min-block-size:24px;color:var(--theos-on-input,#181818);border:1px solid var(--theos-border,#b7aa98);border-radius:var(--theos-radius-sm,0);align-items:stretch;display:flex}.theos-input-group:focus-within{outline:2px solid var(--theos-focus,#8a3233);outline-offset:-2px;border-color:var(--theos-focus,#8a3233)}.theos-input-group__input,.theos-input-group__textarea{min-inline-size:0;padding:var(--theos-space-1) var(--theos-space-3);color:inherit;background:0 0;border:0;outline:none;flex:1;line-height:1.2}.theos-input-group__textarea{resize:vertical;min-block-size:60px}.theos-input-group__addon{align-items:center;gap:var(--theos-space-1);padding-inline:var(--theos-space-2);color:var(--theos-text-secondary,#3d3d3d);display:inline-flex}.theos-input-group__addon[data-align=inline-start]{order:-1}.theos-input-group__addon[data-align=inline-end]{order:1}.theos-input-group__text{padding-inline:var(--theos-space-2);color:var(--theos-text-muted,#636363);white-space:nowrap;align-items:center;display:inline-flex}.theos-input-group__button{padding:0 var(--theos-space-2);color:var(--theos-on-input,#181818);border:0;border-inline-start:1px solid var(--theos-border-subtle,#d3c7b8);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.theos-input-group__button:hover:not(:disabled){background:var(--theos-panel,#e0d6c8);color:var(--theos-on-panel,#181818)}.theos-input-group__button:focus-visible{outline:2px solid var(--theos-focus,#8a3233);outline-offset:-2px;background:var(--theos-panel,#e0d6c8)}.theos-input-group__button:disabled{opacity:.45;cursor:default}}