.input-icon-group{--sinch-input-icon-padding-s:1rem;--sinch-input-icon-padding-e:0.5rem;--sinch-input-icon-size:1rem;--sinch-input-icon-color:#000;position:relative}.input-icon-group .input-icon{pointer-events:none;display:flex;align-items:center;position:absolute;top:0;bottom:0;left:0;padding-inline-start:var(--sinch-input-icon-padding-s);padding-inline-end:var(--sinch-input-icon-padding-e);color:var(--sinch-input-icon-color);font-size:var(--sinch-input-icon-size);line-height:var(--sinch-input-icon-size);text-align:center;text-decoration:none}.input-icon-group .input-icon>*{width:var(--sinch-input-icon-size);height:var(--sinch-input-icon-size);overflow:hidden}.input-icon-group:not(.input-icon-after)>.form-control,.input-icon-group:not(.input-icon-after)>.form-select{padding-inline-start:calc(var(--sinch-input-icon-padding-s) + var(--sinch-input-icon-size) + var(--sinch-input-icon-padding-e))}.input-icon-group.input-icon-after .input-icon{left:auto;right:0;padding-inline-start:var(--sinch-input-icon-padding-e);padding-inline-end:var(--sinch-input-icon-padding-s)}.input-icon-group.input-icon-after>.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:calc(var(--sinch-input-icon-padding-s) + var(--sinch-input-icon-size) + var(--sinch-input-icon-padding-e))}[data-theme=dark] .input-icon-group{--sinch-input-icon-color:#FFFFFF}