<label class="s-label" for="example-item2">Display name</label>

<div class="d-flex ps-relative">

<input class="s-input" id="example-item2" type="text" placeholder="Enter your input here" disabled />

<p class="s-description mtn2 mb0">This will be shown only to employers and other Team members.</p>

<input class="s-input" id="example-item1" type="text" placeholder="Enter your input here" />

</div>

<label class="s-label" for="example-item2">Display name</label>

<div class="d-flex ps-relative">

<input class="s-input" id="example-item2" type="text" placeholder="Enter your input here" disabled />

});

// MODIFIERS

fieldset[disabled] &,

&[disabled] {

--_in-o: var(--_o-disabled-static);

}

--_in-bg: var(--black-150);

--_in-bc: var(--bc-light);

--_in-fc: var(--black-400);

}

.s-label {

--_la-fs: var(--fs-body2);

// CONTEXTUAL STYLES

&[for] {

}

fieldset[disabled] &,

opacity: unset;

}

opacity: var(--_o-disabled-static);

}

.is-readonly & {

}

// MODIFIERS

padding: 0;

}

font-size: var(--_la-fs);

color: var(--fc-medium);