.period-field{display:flex;align-items:center;gap:8px;color:#7b8da8;font-size:11px;white-space:nowrap}
.toolbar .period-field input{min-width:0;width:145px;flex:none;font-size:11px;padding:9px;background:#fbfcfe;border:1px solid #d9e0eb}
.toolbar>input#search{min-width:240px}
@media(max-width:1150px){.period-field{flex:1}.toolbar .period-field input{width:145px}}
@media(max-width:680px){.period-field{display:grid;flex:1 1 45%;font-size:10px;gap:5px}.toolbar .period-field input{width:100%;min-width:0;padding:9px 5px;font-size:10px}.toolbar>input#search{min-width:100%}}