.widget{position:relative;padding:24px;padding-right:24px;margin-bottom:12px;background-color:#fff;border-radius:4px;box-shadow:rgba(0,0,0,0.2) 0px 2px 1px -1px,rgba(0,0,0,0.14) 0px 1px 1px 0px,rgba(0,0,0,0.12) 0px 1px 3px 0px}.widget label{display:block;margin-bottom:24px;font-weight:500;font-variation-settings:'wght' 500;color:#333}.radial-progress{--progress-thickness:12px;position:relative;width:150px;height:150px;background-image:conic-gradient(var(--iso-color) 30%, rgba(80,127,164,0.1) 30%);border-radius:50%}.radial-progress span,.radial-progress a{position:absolute;left:20px;right:20px;text-align:center}.radial-progress span{top:27%;font-size:18px;cursor:default}.radial-progress a{bottom:34%;font-size:12px;line-height:1;transform:translateY(50%)}.radial-progress:before{content:'';position:absolute;left:var(--progress-thickness);top:var(--progress-thickness);right:var(--progress-thickness);bottom:var(--progress-thickness);background-color:#fff;border-radius:50%}@property --complete{syntax:'<percentage>';inherits:true;initial-value:0%}@property --color{syntax:'<color>';inherits:true;initial-value:#004777}@property --color-light{syntax:'<color>';inherits:true;initial-value:#00477719}.asset-widget{display:flex;position:relative;justify-content:center;padding-top:10px;transition:--complete 1s;transition-delay:.2s}.asset-widget .radial-progress{color:var(--color);--progress-thickness:3px;width:100px;height:100px;background-image:conic-gradient(var(--color) var(--complete), var(--color-light) var(--complete))}.asset-widget .radial-progress a{color:var(--color)}.iso{--color:var(--iso-color);--color-light:var(--iso-color-light)}.selected+.iso .asset-employees{--complete:30%}.selected+.iso .asset-accounts{--complete:54%}.selected+.iso .asset-vendors{--complete:88%}.selected+.iso .asset-devices{--complete:78%}.selected+.iso .asset-cloud{--complete:63%}.pause-animation .widget-bar{transition:none}.pause-animation .selected+.widget-bar .asset-employees{--complete:0%}.pause-animation .selected+.widget-bar .asset-accounts{--complete:0%}.pause-animation .selected+.widget-bar .asset-vendors{--complete:0%}.pause-animation .selected+.widget-bar .asset-devices{--complete:0%}.pause-animation .selected+.widget-bar .asset-cloud{--complete:0%}.soc2{--color:var(--soc2-color);--color-light:var(--soc2-color-light)}.selected+.soc2 .asset-employees{--complete:3%}.selected+.soc2 .asset-accounts{--complete:14%}.selected+.soc2 .asset-vendors{--complete:18%}.selected+.soc2 .asset-devices{--complete:18%}.selected+.soc2 .asset-cloud{--complete:13%}.gdpr{--color:var(--gdpr-color);--color-light:var(--gdpr-color-light)}.selected+.gdpr .asset-employees{--complete:9%}.selected+.gdpr .asset-accounts{--complete:19%}.selected+.gdpr .asset-vendors{--complete:21%}.selected+.gdpr .asset-devices{--complete:28%}.selected+.gdpr .asset-cloud{--complete:19%}.dashboard-col-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:16px}.dashboard-col-2 .widget{height:280px}.widget-bar{height:0;display:grid;grid-template-columns:repeat(5, 1fr);margin-left:100px;transition:.5s all;transform:translateY(-20px);overflow:hidden;opacity:0}.bar-container{display:grid;grid-template-columns:90px auto;gap:10px;cursor:pointer}.bar-container span{height:var(--bar-height);line-height:var(--bar-height);font-size:14px;display:block;text-align:right;font-weight:600;font-variation-settings:'wght' 600;pointer-events:none;opacity:.75}.bar-container span.iso{color:var(--iso-color)}.bar-container span.soc2{color:var(--soc2-color)}.bar-container span.gdpr{color:var(--gdpr-color)}.bar-container.selected{cursor:default}.bar-container.selected span{opacity:1}.bar-container.selected .horizontal-bar{opacity:1}.bar-container.selected .horizontal-bar span,.bar-container.selected .horizontal-bar i{height:32px;line-height:32px}.bar-container.selected+.widget-bar{height:140px;opacity:1;transform:none}.bar-container:hover .horizontal-bar,.bar-container:hover span{opacity:1}main{--bar-height:32px}.horizontal-bar{position:relative;height:var(--bar-height);margin-bottom:12px;background-color:#e7e8eb;overflow:hidden;border-radius:3px;opacity:.8;transition:.2s all}.horizontal-bar div{height:100%;background-color:var(--iso-color)}.horizontal-bar span,.horizontal-bar i{height:var(--bar-height);line-height:var(--bar-height);transition:.2s all}.horizontal-bar span{position:absolute;top:0;left:16px;color:#fff;z-index:1;font-size:13px}.horizontal-bar i{position:absolute;width:200px;left:50%;top:0;margin-left:-100px;text-align:center;font-size:12px;color:#555}.iso-bar{background-color:var(--iso-color-light)}.iso-bar i{color:#fff}.soc2-bar{background-color:var(--soc2-color-light)}.soc2-bar div{background-color:var(--soc2-color)}.gdpr-bar{background-color:var(--gdpr-color-light)}.gdpr-bar div{background-color:var(--gdpr-color)}.task-list{display:block;border-top:1px solid #f0f0f0}.task-list li{display:grid;grid-template-columns:auto 160px 60px;height:50px;align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:.2s background-color}.task-list li:hover{background-color:var(--page-bg)}.task-list li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}.task-name{color:#666;font-size:.875rem}.task-date{display:flex;justify-content:center;font-size:.875rem;color:#666}.task-owner{text-align:center}.task-owner img{width:32px;height:32px;border-radius:50%}.task-list-status{position:relative;display:flex;width:116px;align-items:center;justify-content:center;height:24px;border-radius:12px;border:1px solid #363D44;color:#363D44;font-size:12px}.task-list-status.overdue{border-color:#b22222;color:#b22222}