<style include="scanning-shared scanning-fonts">
:host-context(body.jelly-enabled) ::slotted([slot=label]) {
font: var(--cros-body-2-font);
}
#selectDiv {
align-items: center;
display: flex;
height: var(--scan-setting-section-height, 48px);
margin-bottom: 8px;
margin-inline-end: 40px;
margin-inline-start: 32px;
margin-top: 0;
}
::slotted([slot=label]),
::slotted([slot=settings]) {
display: flex;
flex-direction: column;
}
::slotted([slot=label]) {
color: var(--scanning-scan-setting-text-color);
flex: none;
flex-basis: 68px;
flex-grow: 0;
flex-shrink: 0;
font-family: var(--scanning-scan-setting-font-family);
font-size: var(--scanning-scan-setting-font-size);
font-weight: var(--scanning-regular-font-weight);
line-height: var(--scanning-scan-setting-line-height);
padding-inline-end: 20px;
word-break: break-word;
}
::slotted([slot=settings]) {
flex: 1;
flex-grow: 0;
flex-shrink: 0;
width: 192px;
}
::slotted([slot=error]) {
display: block;
margin-bottom: 8px;
margin-inline-end: 40px;
margin-inline-start: 120px;
margin-top: -8px;
width: 192px;
}
</style>
<div id="selectDiv">
<slot name="label"></slot>
<slot name="settings"></slot>
</div>
<slot name="error"></slot>