.view[name='find']:not([time]) {
    background-color: rgba(37, 37, 37, 0.6);
    border: 0.7px solid #434343;
}
.view[name='find'][time] {
    background-color: rgba(255, 206, 9, 0.3);
    border: 0.7px solid #9e8634;
}
.view[name='find']:not([time]) > .header {
    background: linear-gradient(to bottom, rgba(30, 30, 31) 0, rgba(30, 30, 31, 0.9) 20%, rgba(30, 30, 31, 0.7) 50%, transparent 100%);
}
.view[name='find'][time] > .header {
    background: linear-gradient(to bottom, rgba(94, 79, 29) 0, rgba(94, 79, 29, 0.9) 20%, rgba(94, 79, 29, 0.7) 50%, transparent 100%);
}
.view[name='find'] > .content > .formWrapper > .fForm > .fields > .field > input {
    color: #e3e3e3;
}
.view[name='find']:not([time]) > .content > .formWrapper > .fForm > .fields > .field > input {
    background-color: rgba(51, 51, 51, 0.7);
}
.view[name='find'][time] > .content > .formWrapper > .fForm > .fields > .field > input {
    background-color: rgba(202, 179, 105, 0.2);
}
.view[name='find']:not([time]) > .content > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: #666666;
}
.view[name='find'][time] > .content > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: #cab369;
}
.view[name='find']:not([time]) > .content > .formWrapper > .fForm > .fields > .field[key='wholeWord']:not(.active),
.view[name='find']:not([time]) > .content > .formWrapper > .fForm > .fields > .field[key='caseSensitive']:not(.active),
.view[name='find']:not([time]) > .content > .formWrapper > .fForm > .fields > .field[key='regex']:not(.active) {
    background-color: rgba(51, 51, 51, 0.7);
}
.view[name='find'][time] > .content > .formWrapper > .fForm > .fields > .field[key='wholeWord']:not(.active),
.view[name='find'][time] > .content > .formWrapper > .fForm > .fields > .field[key='caseSensitive']:not(.active),
.view[name='find'][time] > .content > .formWrapper > .fForm > .fields > .field[key='regex']:not(.active) {
    background-color: rgba(202, 179, 105, 0.2);
}
.view[name='find'] > .content > .formWrapper > .fForm > .fields > .field[key='wholeWord'].active,
.view[name='find'] > .content > .formWrapper > .fForm > .fields > .field[key='caseSensitive'].active,
.view[name='find'] > .content > .formWrapper > .fForm > .fields > .field[key='regex'].active {
    background-color: #e3e3e3;
}
.view[name='find'] > .content > .formWrapper > .fForm > .fields > .field[key='wholeWord']:not(.active) > label,
.view[name='find'] > .content > .formWrapper > .fForm > .fields > .field[key='caseSensitive']:not(.active) > label,
.view[name='find'] > .content > .formWrapper > .fForm > .fields > .field[key='regex']:not(.active) > label {
    color: #e3e3e3;
}
.view[name='find'] > .content > .formWrapper > .fForm > .fields > .field[key='wholeWord'].active > label,
.view[name='find'] > .content > .formWrapper > .fForm > .fields > .field[key='caseSensitive'].active > label,
.view[name='find'] > .content > .formWrapper > .fForm > .fields > .field[key='regex'].active > label {
    color: #121316;
}
.view[name='find'] > .content > .button {
    color: #e3e3e3;
}
.view[name='find']:not([time]) > .content > .button {
    background-color: #172257;
    border: 1px solid #31386c;
}
.view[name='find'][time] > .content > .button {
    background-color: rgba(255, 206, 9, 0.5);
    border: 1px solid #bda758;
}
.view[name='find']:not([time]) > .content > .results > .items > div > .path {
    background-color: #333333;
    color: #666666;
}
.view[name='find'][time] > .content > .results > .items > div > .path {
    background-color: rgba(202, 179, 105, 0.2);
    color: #cab369;
}