@layer components.widgets{@media screen and (max-width:480px){.mainWidgetHeader{margin:2px!important}}.widgetHeader,.widgetHeader .mainWidgetHeaderButton{margin:0!important}.mainWidgetHeader,.widgetHeader{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin:10px 10px 7px}.mainWidgetHeader .skeletonsContainer,.widgetHeader .skeletonsContainer{flex:1}.mainWidgetHeader .skeletonsContainer .skeletonContainer,.widgetHeader .skeletonsContainer .skeletonContainer{align-items:center;display:flex}.mainWidgetHeader .skeletonsContainer .skeletonContainer.skeletonContainerHeader,.widgetHeader .skeletonsContainer .skeletonContainer.skeletonContainerHeader{height:32px;padding:8px 0 0}.mainWidgetHeader .skeletonsContainer .skeletonContainer.skeletonContainerDetails,.widgetHeader .skeletonsContainer .skeletonContainer.skeletonContainerDetails{height:30px;padding:0 0 8px}.mainWidgetHeader .mainWidgetHeaderIcon,.widgetHeader .mainWidgetHeaderIcon{height:40px;margin:0 7px 0 0;padding:0;width:40px}.mainWidgetHeader .headerTitleContainer,.widgetHeader .headerTitleContainer{align-items:center;display:flex;flex:1;width:90%}.mainWidgetHeader .headerTitleContainer .hideDetailsText,.widgetHeader .headerTitleContainer .hideDetailsText{display:none}.mainWidgetHeader .headerTitleContainer .headerTitleTextContainer,.widgetHeader .headerTitleContainer .headerTitleTextContainer{width:100%}@media screen and (max-width:720px){.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer,.widgetHeader .headerTitleContainer .headerTextStatusContainer{width:auto!important}}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer,.widgetHeader .headerTitleContainer .headerTextStatusContainer{align-items:center;display:flex;white-space:nowrap}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer>*,.widgetHeader .headerTitleContainer .headerTextStatusContainer>*{margin-right:5px}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .flexWrap,.widgetHeader .headerTitleContainer .headerTextStatusContainer .flexWrap{flex-wrap:wrap}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .moreControlsChip,.widgetHeader .headerTitleContainer .headerTextStatusContainer .moreControlsChip{border-radius:7px;height:20px;margin:2.5px 2.5px 7px}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems{align-items:center;display:flex;height:inherit;width:inherit}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl{border-radius:5px;display:flex;justify-content:center;margin:0 3px 0 5px;max-width:20px;padding-bottom:5px}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl.colorSquareDarkFont span,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl.colorSquareDarkFont span{font-size:.875rem;font-weight:500}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl .colorSquare,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl .colorSquare{border-radius:3px;height:20px;width:20px}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton{align-items:center;border-radius:80px;display:flex;height:20px;min-width:25px;padding:0 8px;text-transform:none;white-space:nowrap}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl{align-items:center;cursor:default;padding:0 9px 0 11px}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl span,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl span{font-size:.75rem;font-weight:700;overflow:hidden;text-overflow:ellipsis}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl:hover,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl:hover{max-width:100%!important}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerButtonWithLabel span,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerButtonWithLabel span{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerButtonWithLabel .headerButtonIcon,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerButtonWithLabel .headerButtonIcon{margin-right:6px}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .MuiButton-startIcon,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .MuiButton-startIcon{margin:0}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .headerButtonIconContainer,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .headerButtonIconContainer{display:flex}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .headerButtonIcon,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .headerButtonIcon{height:14px;width:14px}.mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerRuleActionButton,.widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerRuleActionButton{cursor:pointer}.mainWidgetHeader .mainWidgetHeaderButtons,.widgetHeader .mainWidgetHeaderButtons{height:-moz-fit-content;height:fit-content;margin-left:auto;padding:5px}}.headerTitleContainer .detailsText,.headerTitleContainer .headerText{font-weight:700;overflow:hidden;text-overflow:ellipsis}.headerTitleContainer .detailsText{min-width:50px;text-transform:uppercase}.headerTitleContainer .headerTextStatusContainer>*{margin-right:5px}.widgetSystem .widgetSystemDialogContent{height:100vh;overflow-y:hidden;padding:0}.widgetSystem .widgetSystemDialogContent .widgetListSearch{padding:1.25em 1.5em}.widgetSystem .widgetSystemDialogContent .widgetListContainer{height:calc(100% - 5em);overflow-y:auto;padding:0 1.25em 1.5em}.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer{border-bottom:1px solid rgba(0,0,0,.14);display:flex;flex-direction:column;margin-top:.625em;padding-bottom:.625em}.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem{align-items:center;display:flex;padding-bottom:5px}.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .widgetItemIcon{height:1.5em;margin-right:10px;width:1.5em}.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .widgetLabel .title{align-items:center;display:flex}.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .widgetLabel .title h2{font-size:1.3em;padding-right:5px}.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .widgetLabel .title .status{color:#fff;font-size:.75rem}.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .widgetLabel .author{font-size:inherit;opacity:.5}.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .addWidgetButton{height:1.875em;margin-bottom:5px;margin-left:auto}.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetDescription{font-size:inherit;white-space:pre-wrap}