.form-control-sni {
    background-color: var(--surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-main);
    box-shadow: none !important;
}

.form-control-sni-padding {
    background-color: var(--surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-main);
    box-shadow: none !important;
    padding-left: 3.6rem;
}
.form-control-sni-padding-2 {
    background-color: var(--surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-main);
    box-shadow: none !important;
    padding-left: 4rem;
}

.form-select {
    cursor: pointer !important;
}

[data-theme="dark"] .form-control-sni, [data-theme="dark"] .form-control-sni-padding, [data-theme="dark"] .form-control-sni-padding-2{
    background-color: var(--surface-secondary);
}

.form-control-sni-padding:focus, .form-control-sni:focus, .form-control-sni-padding-2:focus {
    background-color: var(--surface);
    border-color: var(--sni-primary);
    outline: none;
    caret-color: var(--text-main) !important;
    color: var(--text-main)
}

[data-theme="dark"] .form-control-sni-padding:focus, [data-theme="dark"] .form-control-sni:focus, [data-theme="dark"] .form-control-sni-padding-2:focus {
    background-color: var(--surface-secondary) !important;
}

.form-control-sni:disabled, .form-control-sni-padding:disabled, .form-control-sni-padding-s:disabled {
    background-color: var(--surface) !important;
    color: var(--text-muted) !important;
}
[data-theme="dark"] .form-control-sni:disabled, [data-theme="dark"] .form-control-sni-padding:disabled, [data-theme="dark"] .form-control-sni-padding-2:disabled {
    background-color: var(--surface-secondary) !important;
}