22

✏️ Editing: dashboard_widget.css

.chart-container{width:100%;padding:0 12px}.chart-inner{background:#fff;border:1px solid #dedae6;border-radius:5px;padding:24px}.legend-container{flex-wrap:wrap;margin-bottom:16px;display:flex}.adaptive-select-width{visibility:hidden;white-space:nowrap;width:auto;height:auto;padding-left:28px;position:absolute}.metric-select-container{position:relative}.metric-select-container.visible:before,.metric-select-container.visible select{opacity:1}.metric-select-container:before{content:"";z-index:2;opacity:0;background-color:#5123a0;border-radius:50%;width:10px;height:10px;transition:opacity .2s;position:absolute;top:12px;left:12px}.metric-select-container select{opacity:0;border-color:#dedae6;padding-left:28px;transition:opacity .2s}.secondary-metric-select-container{margin-left:6px}.secondary-metric-select-container:before{background-color:#f69d0a}.legend-title{order:1;margin:0;font-size:18px;font-weight:700}.legend{order:3}.chart-interval-select{order:2;width:100%;max-width:none;margin-top:12px;margin-left:auto}.legend-list{margin:12px 0 0}.legend-item{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:18px;align-items:center;margin:0 4px 4px 0;padding:4px 12px 4px 8px;display:inline-flex}.legend-item.hidden{opacity:.5}.legend-item span{border-radius:50%;width:16px;height:16px;margin-right:4px;display:inline-block}.legend-item p{margin:0;font-weight:500}.legend-item-for-views{background-color:#efe8fa}.legend-item-for-views span{background-color:#5123a0}.legend-item-for-visitors{background-color:rgba(246,157,10,.2)}.legend-item-for-visitors span{background-color:#f69d0a}.legend-item-for-sessions{background-color:rgba(217,59,41,.2)}.legend-item-for-sessions span{background-color:#d93b29}.legend-item-for-orders{background-color:rgba(35,125,68,.2)}.legend-item-for-orders span{background-color:#237d44}.legend-item-for-net-sales{background-color:rgba(52,152,219,.2)}.legend-item-for-net-sales span{background-color:#3498db}svg text{stroke-width:0}.google-visualization-tooltip{border:1px solid #dedae6;border-radius:6px;min-width:128px;box-shadow:1px 1px #dedae6;width:-moz-fit-content!important;width:fit-content!important}.google-visualization-tooltip .google-visualization-tooltip-item-list,.google-visualization-tooltip .google-visualization-tooltip-item{margin:0;padding:0}.google-visualization-tooltip .iawp-geo-chart-tooltip{padding:16px}.google-visualization-tooltip .iawp-geo-chart-tooltip img{height:20px;margin-bottom:8px}.google-visualization-tooltip .iawp-geo-chart-tooltip h1{margin-top:0;margin-bottom:8px;font-size:18px}.google-visualization-tooltip .iawp-geo-chart-tooltip p{margin-top:0;margin-bottom:2px}.google-visualization-tooltip .iawp-geo-chart-tooltip p:last-child{margin-bottom:0}.google-visualization-tooltip .iawp-geo-chart-tooltip span{font-weight:700}.chart-converted-to-image{width:100%;display:block}@media (min-width:600px){.legend-title{width:100%}.chart-interval-select{order:3;width:auto;margin-top:0}.legend{order:2}}@media (min-width:650px){.chart-container{padding:0 24px}}@media (min-width:750px){.legend-container{flex-wrap:nowrap;align-items:center}.legend-title{width:auto}.legend-list{justify-content:end;margin:0;display:flex}.legend-item{margin:0 0 0 12px}}.quick-stats{margin:12px;position:relative}.quick-stats .iawp-stats{border:1px solid #dedae6;border-radius:5px;flex-wrap:wrap;display:flex;overflow:hidden}.iawp-stat{z-index:1;background-color:#fff;flex-grow:1;width:100%;padding:18px;display:none;position:relative}.iawp-stat:after{content:"";z-index:-1;border:1px solid #dedae6;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.iawp-stat.visible{display:block}.iawp-stat .metric{justify-content:space-between;align-items:flex-start;font-size:14px;display:flex}.iawp-stat .metric .metric-name{background-color:#f7f5fa;border-radius:5px;padding:4px 8px}.iawp-stat .plugin-label{border-radius:3px;flex-shrink:0;margin-left:24px;line-height:0;overflow:hidden}.iawp-stat .plugin-label svg{width:24px;height:24px}.iawp-stat .values{align-items:baseline;margin:12px 0 18px;display:flex;position:relative}.iawp-stat .count{margin-right:8px;font-size:28px}.iawp-stat .count .unfiltered{color:#c5c2cc;font-size:21px;line-height:0}.iawp-stat .growth{color:#36b366;align-items:center;font-size:14px;display:flex;position:relative}.iawp-stat .percentage{color:#36b366;white-space:nowrap;font-weight:700}.iawp-stat .percentage.bad{color:#d94e3f}.iawp-stat .percentage.down .growth-arrow{transform:rotate(135deg)}.iawp-stat .growth-arrow{width:18px;height:18px;margin-left:-3px;font-size:17px;transform:rotate(45deg)}.iawp-stat .period-label{color:#9a95a6;margin-left:6px}.iawp-stat.net-sales .values{margin-top:6px}.iawp-stat.net-sales .count span:first-child span,.iawp-stat.net-sales .count .unfiltered span span{vertical-align:super;margin-right:2px;font-size:17px}.quick-stats.skeleton-ui .values:before{content:" ";background-color:#f7f5fa;background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 80%),none;background-position:0 0;background-repeat:repeat-y;background-size:60% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:48px;animation:2s infinite shine;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.quick-stats.skeleton-ui .count,.quick-stats.skeleton-ui .growth span{opacity:0}.quick-stats.skeleton-ui .growth:before{content:" ";background-color:#f7f5fa;background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 80%),none;background-position:0 0;background-repeat:repeat-y;background-size:60% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:2s infinite shine;display:block;position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:650px){.quick-stats{margin:24px 24px 12px}.quick-stats .iawp-stats{justify-content:space-between}.iawp-stat{width:50%}}@media (min-width:1200px){.quick-stats .iawp-stat{width:25%}.quick-stats .iawp-stats.total-of-4 .iawp-stat{width:50%}.quick-stats .iawp-stats.total-of-5 .iawp-stat,.quick-stats .iawp-stats.total-of-6 .iawp-stat,.quick-stats .iawp-stats.total-of-9 .iawp-stat{width:33.33%}}.iawp-button{color:#363040;cursor:pointer;background:#fff;border:1px solid #dedae6;border-radius:5px;align-items:center;margin:0;padding:9px 14px;font-size:14px;line-height:1;text-decoration:none;transition:color .1s,background-color .1s,border-color .1s;display:inline-flex;box-shadow:0 1px 1px rgba(0,0,0,.1)}.iawp-button:hover,.iawp-button:active,.iawp-button:focus,.iawp-button:hover .dashicons,.iawp-button:active .dashicons,.iawp-button:focus .dashicons{color:#5123a0}.iawp-button.open{color:#5123a0;border-color:#5123a0}.iawp-button.open .dashicons{color:#5123a0}.iawp-button:disabled{cursor:default;color:#9a95a6;background-color:#f7f5fa}.iawp-button:disabled:hover .dashicons,.iawp-button:disabled.dashicons{color:#9a95a6}.iawp-button:disabled .disabled-button-text{display:inline}.iawp-button:disabled .enabled-button-text{display:none}.iawp-button.sending{color:#fff;background:#fff;position:relative}.iawp-button.sending:hover,.iawp-button.sending:active,.iawp-button.sending:focus{color:#fff;background:#fff}.iawp-button.sending:hover .dashicons,.iawp-button.sending:active .dashicons,.iawp-button.sending:focus .dashicons{color:#fff;background:0 0}.iawp-button.sending:after{content:"";color:#5123a0;font-family:Dashicons;font-size:22px;animation:1s linear infinite dashicons-spin;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.iawp-button.sent{color:#fff;background:#fff;position:relative}.iawp-button.sent:hover,.iawp-button.sent:active,.iawp-button.sent:focus,.iawp-button.sent:hover .dashicons,.iawp-button.sent:active .dashicons,.iawp-button.sent:focus .dashicons{color:#fff;background:0 0}.iawp-button.sent:after{content:"";color:#5123a0;font-family:Dashicons;font-size:22px;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.iawp-button .dashicons{margin-right:6px;transition:color .1s}.iawp-button .count{color:#5123a0;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:flex}.iawp-button .count:not(:empty){width:18px;height:18px;margin-left:8px;margin-right:-2px}.iawp-button .disabled-button-text{display:none}.iawp-button.white{color:#5123a0;background-color:#fff;border-color:#fff;border-radius:3px}.iawp-button.white:hover,.iawp-button.white:active,.iawp-button.white:focus,.iawp-button.white .open{color:#6c46ae}.iawp-button.purple,.iawp-button-purple{color:#fff;background-color:#5123a0;border-color:#5123a0;border-radius:3px}.iawp-button.purple:hover,.iawp-button.purple:active,.iawp-button.purple:focus,.iawp-button.purple .open,.iawp-button-purple:hover,.iawp-button-purple:active,.iawp-button-purple:focus,.iawp-button-purple .open{color:#fff;background-color:#6c46ae;border-color:#6c46ae}.iawp-button.purple:hover .dashicons,.iawp-button.purple:active .dashicons,.iawp-button.purple:focus .dashicons,.iawp-button.purple .open .dashicons,.iawp-button-purple:hover .dashicons,.iawp-button-purple:active .dashicons,.iawp-button-purple:focus .dashicons,.iawp-button-purple .open .dashicons{color:#fff}.iawp-button.purple:disabled,.iawp-button-purple:disabled{color:#9a95a6;background-color:#f7f5fa;border-color:#ece9f2}.iawp-button.purple.sending,.iawp-button-purple.sending{color:#5123a0;background:#5123a0;position:relative}.iawp-button.purple.sending:hover,.iawp-button.purple.sending:active,.iawp-button.purple.sending:focus,.iawp-button-purple.sending:hover,.iawp-button-purple.sending:active,.iawp-button-purple.sending:focus{color:#5123a0}.iawp-button.purple.sending:after,.iawp-button-purple.sending:after{content:"";color:#fff;font-family:Dashicons;font-size:22px;animation:1s linear infinite dashicons-spin;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.iawp-button.purple.sent,.iawp-button-purple.sent{color:#5123a0;background:#5123a0;position:relative}.iawp-button.purple.sent:hover,.iawp-button.purple.sent:active,.iawp-button.purple.sent:focus,.iawp-button-purple.sent:hover,.iawp-button-purple.sent:active,.iawp-button-purple.sent:focus{color:#5123a0;background:#5123a0}.iawp-button.purple.sent:after,.iawp-button-purple.sent:after{content:"";color:#fff;font-family:Dashicons;font-size:22px;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.iawp-button.red{color:#fff;background-color:#d93b29;border-color:#d93b29;border-radius:3px}.iawp-button.red:hover,.iawp-button.red:active,.iawp-button.red:focus,.iawp-button.red .open{color:#fff;background-color:#d94e3f;border-color:#d94e3f}.iawp-button.red:disabled{color:#9a95a6;background-color:#f7f5fa;border-color:#ece9f2}.iawp-button.red.sending{color:#d93b29;background:#d93b29;position:relative}.iawp-button.red.sending:hover,.iawp-button.red.sending:active,.iawp-button.red.sending:focus{color:#d93b29}.iawp-button.red.sending:after{content:"";color:#fff;font-family:Dashicons;font-size:22px;animation:1s linear infinite dashicons-spin;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.iawp-button.red.sent{color:#d93b29;background:#d93b29;position:relative}.iawp-button.red.sent:hover,.iawp-button.red.sent:active,.iawp-button.red.sent:focus{color:#d93b29;background:#d93b29}.iawp-button.red.sent:after{content:"";color:#fff;font-family:Dashicons;font-size:22px;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.iawp-button.orange{color:#fff;background-color:#f69d0a;border-color:#f69d0a;border-radius:3px}.iawp-button.orange:hover,.iawp-button.orange:active,.iawp-button.orange:focus,.iawp-button.orange .open{color:#fff;background-color:#ffa826;border-color:#ffa826}.iawp-button.ghost-white{color:#fff;border-color:#fff;border-radius:3px}.iawp-button.ghost-white:hover,.iawp-button.ghost-white:active,.iawp-button.ghost-white:focus,.iawp-button.ghost-white.open{color:#5123a0;background-color:#fff;border-color:#fff}.iawp-button.ghost-white:hover .count,.iawp-button.ghost-white:active .count,.iawp-button.ghost-white:focus .count,.iawp-button.ghost-white.open .count{color:#fff;background:#5123a0}.iawp-button.ghost-white.sending{color:#5123a0;background:#5123a0;position:relative}.iawp-button.ghost-white.sending:hover,.iawp-button.ghost-white.sending:active,.iawp-button.ghost-white.sending:focus{color:#5123a0}.iawp-button.ghost-white.sending:after{content:"";color:#fff;font-family:Dashicons;font-size:22px;animation:1s linear infinite dashicons-spin;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.iawp-button.ghost-white.sent{color:#5123a0;background:#5123a0;position:relative}.iawp-button.ghost-white.sent:hover,.iawp-button.ghost-white.sent:active,.iawp-button.ghost-white.sent:focus{color:#5123a0;background:#5123a0}.iawp-button.ghost-white.sent:after{content:"";color:#fff;font-family:Dashicons;font-size:22px;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}.iawp-button.ghost-purple{color:#5123a0;background:0 0;border-color:#5123a0;border-radius:3px}.iawp-button.ghost-purple:hover,.iawp-button.ghost-purple:active,.iawp-button.ghost-purple:focus,.iawp-button.ghost-purple .open{color:#fff;background-color:#5123a0;border-color:#5123a0}.iawp-button.ghost-purple:disabled{color:#9a95a6;background-color:#f7f5fa;border-color:#ece9f2}.iawp-button.ghost-red{color:#d93b29;background-color:transparent;border-color:#d93b29;border-radius:3px}.iawp-button.ghost-red:hover,.iawp-button.ghost-red:active,.iawp-button.ghost-red:focus,.iawp-button.ghost-red .open{color:#fff;background-color:#d93b29;border-color:#d93b29}.iawp-button.ghost-red:disabled{color:#9a95a6;background-color:#f7f5fa;border-color:#ece9f2}.iawp-button.text{color:#5123a0;padding:0}.iawp-text-button{color:#5123a0;cursor:pointer;background:0 0;border:none;align-items:center;margin:0;padding:0;font-size:14px;line-height:1;display:flex}.date-picker{padding:14px 16px 14px 36px}.cell:has(.sort-button){cursor:pointer}.sort-button{color:#18141f;cursor:pointer;background:0 0;border:none;align-items:center;width:100%;padding:1px;display:flex}.sort-button:hover,.sort-button:active,.sort-button:focus{color:#5123a0;background-color:#fff;width:auto}.sort-button:hover .name,.sort-button:active .name,.sort-button:focus .name{text-overflow:unset;white-space:wrap;overflow:visible}.sort-button:hover .dashicons-arrow-up,.sort-button:hover .dashicons-arrow-right,.sort-button:hover .dashicons-arrow-down,.sort-button:active .dashicons-arrow-up,.sort-button:active .dashicons-arrow-right,.sort-button:active .dashicons-arrow-down,.sort-button:focus .dashicons-arrow-up,.sort-button:focus .dashicons-arrow-right,.sort-button:focus .dashicons-arrow-down{color:#5123a0}.sort-button .dashicons-arrow-up,.sort-button .dashicons-arrow-down{display:none}.sort-button .name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;transition:color .1s;overflow:hidden}.sort-button .dashicons{color:#c5c2cc}.sort-button[data-sort-direction=asc] .dashicons,.sort-button[data-sort-direction=desc] .dashicons{color:#5123a0}.sort-button[data-sort-direction=asc] .dashicons-arrow-up{display:inline-block}.sort-button[data-sort-direction=asc] .dashicons-arrow-down,.sort-button[data-sort-direction=asc] .dashicons-arrow-right{display:none}.sort-button[data-sort-direction=desc] .dashicons-arrow-down{display:inline-block}.sort-button[data-sort-direction=desc] .dashicons-arrow-up,.sort-button[data-sort-direction=desc] .dashicons-arrow-right{display:none}.delete-button{color:#fff;cursor:pointer;background-color:#5123a0;border:none;border-radius:50%;padding:2px;transition:background-color .1s,color .1s;position:absolute;top:12px;right:-12px}.delete-button:hover,.delete-button .open{background-color:#6c46ae}button.sending{color:#fff;background:#fff;position:relative}button.sending:hover,button.sending:active,button.sending:focus{color:#fff;background:#fff}button.sending:hover .dashicons,button.sending:active .dashicons,button.sending:focus .dashicons{color:#fff;background:0 0}button.sending:after{content:"";color:#5123a0;font-family:Dashicons;font-size:22px;animation:1s linear infinite dashicons-spin;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px)}#iawp,#iawp *{box-sizing:border-box}#iawp .postbox-header .iawp-button{padding:6px 8px;text-decoration:none}#iawp .inside{margin-top:0;padding:0}#iawp .chart-container{padding:6px 0 0}#iawp .chart-inner{border:none;height:250px;padding:6px 12px 12px}#iawp .legend-container{margin-bottom:10px}#iawp .legend-item{margin-left:8px}#iawp .legend-item:first-child{margin-left:0}#iawp .legend-item p{font-size:11px}#iawp .legend-item span{width:13px;height:13px}#iawp .legend-title{display:none}#iawp .quick-stats{margin:0}#iawp .quick-stats .iawp-stats{border:none;border-top:1px solid #dedae6;border-radius:0;gap:0;margin:0;display:flex}#iawp .quick-stats .iawp-stat{border-radius:0;width:50%;max-width:none;margin-bottom:0;padding:12px 18px}#iawp .quick-stats .iawp-stat .metric{font-size:14px}#iawp .quick-stats .iawp-stat .values{flex-wrap:wrap;margin:0;display:flex}#iawp .quick-stats .iawp-stat .growth{margin-top:3px}#iawp .quick-stats .iawp-stat .count{word-break:break-word;font-size:24px}#iawp .quick-stats .iawp-stat .period-label{display:none}@media (min-width:650px){.iawp-stat{margin-right:0}}

MR SKB