.trends{display:flex;flex-direction:column}.trends-header{align-items:end;justify-content:space-between;padding:12px 0 12px 0;border-bottom:var(--border);margin-bottom:15px}.trends-filters{display:flex;align-items:center;gap:10px;margin-right:auto;flex-wrap:nowrap}.trends-filters .date-range{font-size:var(--text-s)}.trends-filters .date-range>input{padding:8px;height:100%;border:.7px solid var(--brand-color);border-radius:4px;padding-inline:4px;background:var(--brand-light-color)}@media(max-width:1200px){.trends-filters .trends-filters{gap:7px}.trends-filters .trends-filters button{transform:scale(.95)}.trends-filters .date-range{font-size:var(--text-xs2)}.trends-filters .date-range>input{padding:6px}}@media(max-width:1024px){.trends-filters .trends-filters{gap:5px;padding:8px}.trends-filters .trends-filters button{transform:scale(.9)}.trends-filters .date-range input{padding:5px}}@media(max-width:768px){.trends-filters{gap:3px}.trends-filters .trends-filters button{transform:scale(.8)}.trends-filters .date-range{font-size:var(--text-xs)}.trends-filters .date-range>input{padding:4px}.trends-filters button{transform:scale(.9)}}.trends-container{height:calc(100% - 127px);display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:1rem;column-gap:1rem;padding:1rem}.trends-container .trends-table{margin-block:4.3rem;flex:1;min-height:250px;max-height:500px;overflow-y:auto}.trends-container-graph{height:100%;overflow-y:auto}.trends-container-graph label{padding-block:5px;padding-inline:10px;background-color:var(--brand-light-color);box-shadow:0 4px 16px rgba(17,17,26,.05),0 8px 32px rgba(17,17,26,.05);border:.7px solid rgba(30,30,30,.2);border-radius:4px}.lineCharts-single{width:100%}.date-range input{height:100%;border:.7px solid var(--brand-color);border-radius:4px;padding-inline:4px;background:var(--brand-light-color)}.loader{padding:18rem}.selectedMaterial{background-color:#f1f3f5!important}.hw-100{width:100%;height:100%}.apexcharts-menu-icon,.apexcharts-pan-icon,.apexcharts-reset-icon,.apexcharts-zoom-icon,.apexcharts-zoomin-icon,.apexcharts-zoomout-icon{width:25px;height:25px;transform:scale(1)!important}.apexcharts-toolbar{gap:7px;z-index:3!important}.toggle{font-size:1em;padding:.5em 1.2em;color:var(--black);font-weight:500;border:none;box-shadow:.1em .1em .1em rgba(0,0,0,.25);background-color:var(--side-bar-color)}.toggle:active{box-shadow:inset .2em .2em .2em rgba(0,0,0,.25)}.toggle-selected{background-color:var(--brand-color)}select{padding:10px;border:.1px solid #dcd8d8;border-radius:8px}