@charset "UTF-8";html,body{height:100%;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-thumb{background-color:#384256;border-radius:8px}*::-webkit-scrollbar-track{border-radius:4px}a{text-decoration:none;color:inherit}.mainAppBar{width:100%;height:60px}.mainAppBar .MuiPaper-root{box-shadow:none}.mainAppBar .headerWrapper{display:flex;width:100%;height:60px;justify-content:space-between;background-color:var(--background_box1)}.mainAppBar .headerWrapper .MuiIconButton-root{color:var(--icon_main);background-color:transparent;border-radius:8px;padding:6px;transition:color .3s,background-color .3s,transform .3s}.mainAppBar .headerWrapper .MuiIconButton-root:hover{color:var(--link)}.mainAppBar .headerWrapper .MuiIconButton-root:active{transform:scale(.96)}.mainAppBar .headerWrapper .MuiIconButton-root svg{font-size:1.6rem}.mainAppBar .headerWrapper .left{display:flex;align-items:center;gap:20px;margin-left:20px;font-weight:700}.mainAppBar .headerWrapper .left .logo{display:flex;align-items:center;gap:10px;font-weight:inherit}.mainAppBar .headerWrapper .left .logo .text{color:var(--text_main);transition:color .3s}.mainAppBar .headerWrapper .alarms{order:2;display:flex;align-items:center;gap:8px}.mainAppBar .headerWrapper .general{order:3;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-right:10px}@media screen and (max-width: 768px){.mainAppBar .headerWrapper{gap:10px}.mainAppBar .headerWrapper .left{order:3}.mainAppBar .headerWrapper .left .logo{display:none}.mainAppBar .headerWrapper .alarms{order:2}.mainAppBar .headerWrapper .general{order:1;margin-left:10px}.mainAppBar .headerWrapper .general .theme{order:2}.mainAppBar .headerWrapper .general .user{order:1}}.logoGCG{fill:var(--Logo_color);width:100%;height:100%;display:block;transform:rotate(180deg) scaleX(-1);transform-origin:"center";transition:all .3s}.navMenu .MuiButtonBase-root{color:var(--text_main);border-radius:10px}.navMenu .MuiButtonBase-root.Mui-selected,.navMenu .MuiButtonBase-root[aria-selected=true]{background-color:var(--link);color:var(--text_main)}.navMenu .MuiButtonBase-root.Mui-focused,.navMenu .MuiButtonBase-root:hover{background-color:var(--background_hoover)}.navMenu .MuiListItemButton-root{min-height:40px;height:40px;padding-block:4px}.navMenu .MuiListItemButton-root .MuiListItemIcon-root{min-width:0;margin-right:20px}.navMenu .MuiListItemButton-root .MuiSvgIcon-root{font-size:1.6rem;color:var(--icon_main)}.navMenu .MuiListItemButton-root .MuiListItemText-root{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navMenu .MuiDrawer-paper{background-color:var(--background_main);border-right:2px solid var(--background_box1);position:fixed;width:250px;top:60px;height:calc(100dvh - 60px);left:0;transition:width .3s}.navMenu .menuContent{display:flex;flex-direction:column;color:var(--text_main);width:100%}.navMenu .menuContent .sectionTitle{margin-left:10px;font-size:small;color:var(--text_1)}.navMenu .menuContent .group{display:flex;flex-direction:column;align-self:center;border-radius:10px;width:80%;margin-top:30px}.navMenu .menuContent .group .item{height:50px;border-radius:10px;margin-bottom:2px}.navMenu .contentMain{margin-top:60px;margin-left:250px;overflow:auto;transition:.3s}.navMenu[data-menu-open=false] .MuiListItemButton-root{justify-content:center;padding-left:0;padding-right:0}.navMenu[data-menu-open=false] .MuiListItemIcon-root{margin-right:0}.navMenu[data-menu-open=false] .contentMain{margin-left:100px;width:calc(100% - 100px)}.navMenu[data-menu-open=false] .MuiDrawer-paper{width:100px}.navMenu[data-menu-open=false] .menuContent .sectionTitle{margin-left:0;align-self:center}.navMenu[data-menu-open=false] .menuContent .group{width:60%}@media screen and (max-width: 768px){.navMenu .contentMain{margin-left:0!important}.navMenu .MuiDrawer-paper{left:auto;right:0;width:100vw;transform:translate(100%)}.navMenu[data-menu-open=true] .MuiDrawer-paper{transform:translate(0);opacity:1;visibility:visible}}.layout{display:flex;flex-direction:column;background-color:var(--background_main);color:var(--text_main);height:100vh;overflow:hidden}.layout .header{top:0;position:sticky;height:60px}.layout .container{display:flex;flex:1;overflow:hidden}.layout .container .menuContainer{padding:5px 20px;border-right:2px solid var(--background_box1);overflow-x:hidden;overflow-y:auto}@media screen and (max-width: 768px){.layout .container .menuContainer.closed{display:none}}@media screen and (max-width: 768px){.layout .container .menuContainer.open{width:100%}}.layout .container .contentContainer{flex:1;margin:5px;overflow-y:auto}@media screen and (max-width: 480px){.layout .container{margin-bottom:110px}}.timeInputData{display:flex;flex-direction:row;align-items:center;width:100%;gap:30px;height:60px}@media screen and (max-width: 1024px){.timeInputData{flex-direction:column;height:fit-content;margin:10px;gap:20px}}.timeInputData .buttons{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.timeInputData .buttons .myButtonGroup{gap:10px}.timeInputData .buttons .myButtonGroup .MuiButton-root{text-transform:none;border-radius:25px;font-weight:100}.timeInputData .buttons .myButtonGroup .MuiButton-outlined{border:2px solid var(--link);color:var(--link)}.timeInputData .buttons .myButtonGroup .MuiButton-outlined:hover{background-color:var(--background_hoover)}.timeInputData .buttons .myButtonGroup .MuiButton-contained{background-color:var(--link);color:var(--text_main)}.timeInputData .buttons .myButtonGroup .MuiButton-contained:hover{background-color:var(--background_hoover);color:var(--link)}.timeInputData .date{min-width:fit-content;font-weight:700;font-size:14px;color:var(--link)}.timeInputpopup{display:flex;flex-direction:column;background-color:var(--background_box2);border:3px solid var(--border_main);border-radius:1%;padding:12px 14px;gap:30px;min-width:250px}.timeInputpopup .headerRow{display:flex}.timeInputpopup .container .timeInputsContainer{display:flex;flex-direction:column;gap:10px}.timeInputpopup .footerRow{display:flex;justify-content:space-between}.MuiPopover-paper.MuiPaper-root{background-color:transparent;box-shadow:3}.MuiToggleButtonGroup-root .MuiButtonBase-root{color:var(--text_main);border-radius:10px;border:2px solid var(--border_main)}.MuiToggleButtonGroup-root .MuiButtonBase-root.Mui-selected{background-color:var(--link);color:var(--text_main)}.MuiToggleButtonGroup-root .MuiButtonBase-root:hover{background-color:var(--background_hoover)}.MuiAutocomplete-popper .MuiAutocomplete-paper,.MuiPickersLayout-root{border:2px solid var(--border_main);background-color:var(--background_box2);color:var(--text_main)}.MuiFormControl-root .MuiIconButton-root .MuiSvgIcon-root,.MuiPickersCalendarHeader-switchViewButton .MuiSvgIcon-root,.MuiPickersArrowSwitcher-root .MuiIconButton-root .MuiSvgIcon-root{color:var(--icon_main)}.MuiFormControl-root .MuiIconButton-root .MuiSvgIcon-root:hover,.MuiPickersCalendarHeader-switchViewButton .MuiSvgIcon-root:hover,.MuiPickersArrowSwitcher-root .MuiIconButton-root .MuiSvgIcon-root:hover{color:var(--link)}.MuiAutocomplete-popper .MuiAutocomplete-noOptions,.MuiFormControl-root .MuiInputBase-input,.MuiPickersSectionList-section,.MuiFormControl-root .MuiFormLabel-root{color:var(--text_main)}.dateTimeInput .MuiFormLabel-root.Mui-focused{color:var(--link)}.MuiInputBase-root .MuiOutlinedInput-notchedOutline,.MuiAutocomplete-root .MuiOutlinedInput-notchedOutline,.MuiFormControl-root .MuiPickersOutlinedInput-notchedOutline{border:2px solid var(--border_main)}.MuiOutlinedInput-root:not(.Mui-disabled):hover .MuiOutlinedInput-notchedOutline,.MuiPickersOutlinedInput-root:not(.Mui-disabled):hover .MuiPickersOutlinedInput-notchedOutline{border-color:var(--link)}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline .MuiPickersOutlinedInput-root.Mui-focused .MuiPickersOutlinedInput-notchedOutline{border-color:var(--link)!important}.MuiAutocomplete-popper .MuiAutocomplete-option,.MuiAutocomplete-listbox .MuiAutocomplete-option,.MuiList-root .MuiButtonBase-root,.MuiDayCalendar-root .MuiDayCalendar-weekDayLabel,.MuiDayCalendar-root .MuiButtonBase-root{color:var(--text_main);border-radius:10px}.MuiAutocomplete-popper .MuiAutocomplete-option.Mui-selected,.MuiAutocomplete-popper .MuiAutocomplete-option[aria-selected=true],.MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-selected,.MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected=true],.MuiList-root .MuiButtonBase-root.Mui-selected,.MuiList-root .MuiButtonBase-root[aria-selected=true],.MuiDayCalendar-root .MuiDayCalendar-weekDayLabel.Mui-selected,.MuiDayCalendar-root .MuiDayCalendar-weekDayLabel[aria-selected=true],.MuiDayCalendar-root .MuiButtonBase-root.Mui-selected,.MuiDayCalendar-root .MuiButtonBase-root[aria-selected=true]{background-color:var(--link);color:var(--text_main)}.MuiAutocomplete-popper .MuiAutocomplete-option.Mui-focused,.MuiAutocomplete-popper .MuiAutocomplete-option:hover,.MuiAutocomplete-listbox .MuiAutocomplete-option.Mui-focused,.MuiAutocomplete-listbox .MuiAutocomplete-option:hover,.MuiList-root .MuiButtonBase-root.Mui-focused,.MuiList-root .MuiButtonBase-root:hover,.MuiDayCalendar-root .MuiDayCalendar-weekDayLabel.Mui-focused,.MuiDayCalendar-root .MuiDayCalendar-weekDayLabel:hover,.MuiDayCalendar-root .MuiButtonBase-root.Mui-focused,.MuiDayCalendar-root .MuiButtonBase-root:hover{background-color:var(--background_hoover)}ul.MuiList-root.MuiMultiSectionDigitalClockSection-root,.MuiMultiSectionDigitalClockSection-root .MuiList-root,.MuiYearCalendar-root,.MuiMonthCalendar-root{scrollbar-width:thin;scrollbar-color:#384256 transparent}ul.MuiList-root.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar,.MuiMultiSectionDigitalClockSection-root .MuiList-root::-webkit-scrollbar,.MuiYearCalendar-root::-webkit-scrollbar,.MuiMonthCalendar-root::-webkit-scrollbar{width:4px}ul.MuiList-root.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar-thumb,.MuiMultiSectionDigitalClockSection-root .MuiList-root::-webkit-scrollbar-thumb,.MuiYearCalendar-root::-webkit-scrollbar-thumb,.MuiMonthCalendar-root::-webkit-scrollbar-thumb{background-color:#384256;border-radius:8px}ul.MuiList-root.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar-track,.MuiMultiSectionDigitalClockSection-root .MuiList-root::-webkit-scrollbar-track,.MuiYearCalendar-root::-webkit-scrollbar-track,.MuiMonthCalendar-root::-webkit-scrollbar-track{background:transparent;border-radius:4px}.MuiDialog-paper{background-color:var(--background_box2)!important}.MuiDialog-paper .title,.MuiDialog-paper .MuiChip-label{color:var(--text_main)}.MuiDialog-paper .MuiSvgIcon-root{color:var(--text_main)!important}.home{display:flex;flex-direction:row;gap:70px;width:100%;height:100%}.home .image{display:flex;align-self:center;align-items:center;justify-content:center;flex:0 0 40%;width:100%}.home .image .svg{width:58%;height:auto}.home .data{display:flex;gap:20px;width:100%;padding:20px;flex-direction:column;justify-content:center;align-items:center}.home .data .timeSettings{display:flex;width:100%!important;max-width:1100px;margin:10px}.home .data .boxWrapper{width:100%;gap:10px;max-width:1100px;margin-bottom:10px;margin-left:50px;margin-right:50px}@media screen and (max-width: 1700px){.home{flex-direction:column;margin-top:30px;gap:10px}.home .image{flex:0 0 20%}.home .data{flex:1 1 100%;max-width:none}.home .data .timeSettings{width:fit-content;align-items:center}}@media screen and (max-width: 1024px){.home .image{width:100%}.home .data .boxWrapper{align-items:center;grid-template-columns:repeat(1,1fr)}}.dataDisplayCompact{display:grid;width:100%;gap:20px;grid-template-columns:repeat(2,1fr);max-width:1100px}.dataDisplayCompact .datasetBox{display:flex;flex-direction:column;border-radius:20px;width:100%;max-width:600px;aspect-ratio:2/1.2;background-color:var(--background_box1);padding:6% 6% 4%}.dataDisplayCompact .datasetBox .content{display:flex;flex-direction:column;height:100%;gap:5px}.dataDisplayCompact .datasetBox .content .boxHeader{height:20%;display:flex;justify-content:space-between;align-items:center}.dataDisplayCompact .datasetBox .content .boxHeader .headerText{font-size:30px;color:var(--text_main)}.dataDisplayCompact .datasetBox .content .boxHeader .headerPerc{font-size:20px;color:var(--link)}.dataDisplayCompact .datasetBox .content .boxContent{display:flex;height:75%;align-items:center}.dataDisplayCompact .datasetBox .content .boxContent .contentText{display:flex;flex-direction:column;width:50%;color:var(--text_main)}.dataDisplayCompact .datasetBox .content .boxContent .contentText .text{font-size:15px}.dataDisplayCompact .datasetBox .content .boxContent .contentText .value{font-size:90px;font-weight:700;margin:0;gap:0px}.dataDisplayCompact .datasetBox .content .boxContent .contentChart{width:100%;height:100%;padding:1%}.dataDisplayCompact .datasetBox .boxFooter{display:flex;justify-content:end;height:5%}@media screen and (max-width: 1024px){.dataDisplayCompact{display:flex;flex-direction:column;align-items:center}}.lineChart{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:10px;background-color:var(--background_main)}.lineChart__canvas{height:100%!important;width:100%!important}.logoEverox{fill:#ff661f;width:100%;height:100%;display:block;transform-origin:center;transition:all .3s}.userPage{padding:16px;background:var(--background_main)}.userPage .header{display:flex;flex-direction:row;margin-bottom:10px}.userPage .header .MuiFormControl-root{width:100%;height:100%;max-width:500px}.userPage .header .MuiFormControl-root .MuiOutlinedInput-input{color:var(--text_main)}.userPage .header .MuiFormControl-root .MuiOutlinedInput-notchedOutline{border-color:var(--border_main)}.userPage .header .MuiFormControl-root .MuiOutlinedInput-root:not(.Mui-disabled):hover .MuiOutlinedInput-notchedOutline,.userPage .header .MuiFormControl-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--link)}.userPage .header .MuiIconButton-root{width:50px;color:var(--icon_main);background-color:transparent;border-radius:8px;padding:6px;transition:color .3s,background-color .3s,transform .3s}.userPage .header .MuiIconButton-root:hover{color:var(--link)}.userPage .header .MuiIconButton-root:active{transform:scale(.96)}.userPage .header .MuiIconButton-root svg{font-size:2rem}.userPage .MuiDataGrid-columnHeaders,.userPage .css-t7bxd2-MuiDataGrid-root .MuiDataGrid-columnHeaders .MuiDataGrid-filler{background-color:var(--background_main)}.userPage .MuiDataGrid-root{background:var(--background_main);border:2px solid var(--border_main)}.userPage .userTable .MuiDataGrid-overlay{border-top:2px solid var(--border_main);background-color:var(--background_main);color:var(--text_main)}.userPage .userTable .MuiDataGrid-row{width:100%}.userPage .userTable .MuiDataGrid-filler{border:none!important;background:var(--background_main)}.userPage .userTable .MuiDataGrid-columnHeader{border:none!important;background:var(--background_main);color:var(--text_main)}.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator,.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-sortIcon{color:var(--icon_main)}.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator:hover,.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-sortIcon:hover{color:var(--link)}.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-columnSeparator:active,.userPage .userTable .MuiDataGrid-columnHeader .MuiDataGrid-sortIcon:active{transform:scale(.9)}.userPage .userTable .MuiDataGrid-cell{background:var(--background_main);color:var(--text_main);border-color:var(--border_main)}.userPage .userTable .MuiDataGrid-cell:focus,.userPage .userTable .MuiDataGrid-columnHeader:focus{outline:none}.userPage .userTable .cellAvatar,.userPage .userTable .cellUsername,.userPage .userTable .cellEmail,.userPage .userTable .cellLastLogin{color:var(--text_main)}.userPage .userTable .rowAvatar{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.userPage .userTable .rowAvatar .avatarIcon{border-radius:50%;height:80%}.database .header{display:flex;height:0;position:sticky;width:100%;justify-content:center;align-items:center;height:fit-content}.database .content{display:flex;overflow:auto;width:100%}.database .addButton{position:fixed;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--link);width:50px;height:50px;bottom:24px;right:24px;z-index:1000}.database .addButton .MuiIconButton-root{display:flex;color:var(--icon_main);background-color:transparent;border-radius:8px;padding:6px;transition:color .3s,background-color .3s,transform .3s}.database .addButton .MuiIconButton-root:active{transform:scale(.96)}.database .addButton .MuiIconButton-root svg{font-size:2rem}.database .addButton:hover{background-color:var(--background_hoover)}.database .addButton:hover .MuiIconButton-root{color:var(--link)}.addChartDialog .MuiDialog-paper{width:350px}.addChartDialog .MuiDialog-paper .MuiDialogActions-root{display:flex;justify-content:space-between;margin-right:20px;margin-left:20px;margin-bottom:10px}.gridResLayout{display:flex;width:100%}.gridResLayout .layout .item{display:flex;flex-direction:column;height:100%}.gridResLayout .layout .item .boxHeader{background-color:var(--background_box2);height:40px}.gridResLayout .layout .item .chart{height:calc(100% - 40px);background-color:var(--background_box1)}.gridResLayout .layout .addItem{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:3px dashed var(--background_hoover)}.gridResLayout .layout .addItem .MuiSvgIcon-root{width:50%;height:50%;color:var(--background_hoover)}.gridResLayout .layout .addItem:hover{background-color:var(--background_hoover)}.gridResLayout .layout .addItem:hover .MuiSvgIcon-root{color:var(--link)}.gridResLayout .layout{width:100%}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{opacity:.9;transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:#313030;border:3px dashed #51504F;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.gridItemHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%}.gridItemHeader .left{margin-left:10px}.gridItemHeader .right .MuiIconButton-root{color:var(--icon_main);background-color:transparent;border-radius:8px;padding:6px;transition:color .3s,background-color .3s,transform .3s}.gridItemHeader .right .MuiIconButton-root:hover{color:var(--link)}.gridItemHeader .right .MuiIconButton-root:active{transform:scale(.96)}.gridItemHeader .right .MuiIconButton-root svg{font-size:1.6rem}.lineChartDetailed{display:flex;align-items:center;justify-content:center;height:100%!important;width:100%!important}.lineChartDetailed__canvas{height:100%!important;width:100%!important}:root[data-theme=dark]{--background_main: #112635;--background_box1: #434951;--background_box2: #222b3c;--background_hoover: #384256;--border_main: #384256;--border_1: white;--icon_main: white;--text_main: #ffffff;--text_1: #ddd;--text_2: #2a3447;--link_color: cyan;--Logo_color: #FC5908;--alert_red: #ff0000;--alert_warning: #FE9413;--delete_red: #b53333;--edit_blue: #3f75b7;--OK_collor: #35dc1f;--link: #2c90f4}:root[data-theme=light]{--background_main: #f4f4f4;--background_box1: #ffffff;--background_box2: #adadad;--background_hoover: #cecfd1;--border_main: #cecfd1;--border_1: black;--icon_main: rgb(57, 57, 57);--text_main: #112635;--text_1: rgb(73, 54, 54);--text_2: #38455c;--link_color: rgb(5, 116, 116);--Logo_color: #FC5908;--alert_red: #ff0000;--alert_warning: #FE9413;--delete_red: #f85050;--edit_blue: #53a0ff;--OK_collor: #35dc1f;--link: #60abf5}:export{sm:480px;md:768px;lg:1024px;xl:1200px;xxl:1700px}.headerText{color:var(--text_main)}