@layer spotlight-ui.components{._spotlight_TextField_12bub_2{align-items:flex-start;gap:var(--field-space-element-to-element-vertical-primary);flex-direction:column;flex:1;width:fit-content;display:flex;&[data-readonly]:hover ._spotlight_TextField-Group_12bub_10,&[data-readonly]:hover ._spotlight_TextField-Input_12bub_11{cursor:default}&[data-readonly]{& ._spotlight_TextField-Group_12bub_10{border:var(--input-border-weight-primary) solid var(--input-color-border-read-only-primary)}& ._spotlight_TextField-Group_12bub_10,& ._spotlight_TextField-Input_12bub_11{cursor:default;color:var(--input-color-text-primary);background:var(--input-color-background-read-only-primary)}}& ._spotlight_TextField-Group_12bub_10{align-items:center;gap:var(--input-space-element-to-element-horizontal-primary);border-radius:var(--input-border-radius-primary);border:var(--input-border-weight-primary) solid var(--input-color-border-primary);outline:var(--border-weight-heaviest) solid transparent;outline-offset:calc(-1 * var(--border-weight-heaviest));background:var(--input-color-background-primary);box-sizing:content-box;width:auto;color:var(--color-content-interactive-primary);width:calc(100% - (var(--input-space-element-to-element-horizontal-primary) + 1.313rem));display:flex;overflow:hidden;& i{color:var(--color-content-interactive-primary)}& ._spotlight_TextField-mask-toggle_12bub_51{background:0 0;border:none}&.spotlight_selected-selected{outline-color:var(--input-color-border-primary)}&._sm_12bub_58{padding:var(--input-space-edge-to-element-vertical-secondary) var(--input-space-edge-to-element-horizontal-quaternary)}&._md_12bub_62{padding:var(--input-space-edge-to-element-vertical-primary) var(--input-space-edge-to-element-horizontal-primary)}}& ._spotlight_TextField-Input_12bub_11{background:inherit;color:var(--color-text-interactive-primary);height:var(--input-size-height-primary);border:none;outline:none;width:100%;display:flex}}._spotlight_TextField-full-width_12bub_79{flex:1;width:100%;& ._spotlight_TextField-Group_12bub_10{box-sizing:border-box;width:100%}}}