.date-picker-filter{width:100%;min-width:220px}.date-picker-filter__tabs{background:#fff;padding:6px;border-radius:4px;border:1px solid #e7e9f0}.date-picker-filter__tabs-list{display:flex;justify-content:space-around;align-items:center}.date-picker-filter__tabs-list-item{outline:none;margin:0 2px;border-radius:4px;border:1px solid transparent;width:100%;height:100%;transition:all .3s ease;text-align:center;color:#525662;text-transform:uppercase;font-size:12px;line-height:24px;overflow:hidden;text-overflow:ellipsis}.date-picker-filter__tabs-list-item.active,.date-picker-filter__tabs-list-item.active:hover{background:#5072ff;color:#fff!important}.date-picker-filter__tabs-list-item:hover{background:#f3f5fd;color:#5072ff;border:1px solid #5072ff;cursor:pointer}.date-picker-filter__tabs-list-item:first-child{margin-left:0}.date-picker-filter__tabs-list-item:last-child{margin-right:0}.date-picker-filter__calendar{margin-top:12px}.date-picker-filter__calendar .el-input__inner{min-height:40px!important}.date-picker-filter__calendar .el-input__inner .el-range-separator{height:25px}.date-picker-filter--hidden-date-picker{position:relative}.date-picker-filter--hidden-date-picker .date-picker-filter__calendar{margin:0;height:0;overflow-y:hidden;transform:translateY(-40px)}@media (max-width:768px){.el-date-range-picker.has-sidebar{width:365px!important;min-width:365px!important}.el-date-range-picker .el-picker-panel__body,.el-picker-panel__body{width:254px!important;min-width:254px!important}.el-picker-panel__icon-btn{padding-left:6px;padding-right:6px}.el-date-range-picker__header div{white-space:nowrap;overflow:hidden}.el-date-range-picker__content{padding:8px}.el-date-range-picker__content.is-right{width:0;margin:0;padding:0;display:none}.el-date-range-picker__content.is-left{width:100%}.el-date-range-picker__content.is-right table{display:none}.el-date-range-picker__content.is-right .el-date-range-picker__header{position:absolute;left:-70px;top:8px;display:block;width:60px}.el-date-range-picker__content.is-right .el-date-range-picker__header>div{display:none}}.export-button{line-height:16px}.export-button .el-button-group{display:flex}.export-button .el-button:hover{background:#f3f5fd}.export-button .el-button.active,.export-button .el-button:active,.export-button .el-button:focus,.export-button .el-button:hover{outline:none;color:#5072ff;transform:translateY(0)}.export-button[disabled=disabled] .el-button{color:#bababa!important;background:#e7e9f0!important;border-color:#e7e9f0!important;outline:transparent!important;font-weight:400!important;box-shadow:none}.export-button[disabled=disabled] .el-button:before{background-color:transparent}.svg-bar-cont{display:inline-block;position:relative;width:100%}.svg-bar-cont .bar-chart{outline:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:auto}.svg-bar-cont .bar-chart .axis text{fill:#525662;font-size:11px;-webkit-font-smoothing:antialiased}.svg-bar-cont .bar-chart .axis .domain{stroke:transparent}.svg-bar-cont .bar-chart .axis .tick line{stroke:#e7e9f0}.svg-bar-cont .bar-chart .axis .axis-x text{font-size:11px;text-anchor:middle;transform:translate(-5px,6px) rotate(0deg);-webkit-font-smoothing:antialiased}.svg-bar-cont .bar-chart__bar{transition:all .4s ease-out,opacity .2s,stroke .3s ease,fill .3s ease;outline:transparent}.svg-bar-cont .bar-chart .interactive .bar-chart__wrapper:hover .bar-chart__bar:not(:hover){fill:#f3f5fd;stroke:#e7e9f0}.svg-bar-cont .bar-chart .interactive .bar-chart__wrapper:hover .bar-chart__bar:hover{fill:#4561ff}@media (max-width:450px){.svg-bar-cont .bar-chart .axis .axis-x text,.svg-bar-cont .bar-chart .axis text{font-size:16px}}.performance-metrics-overview-list-item{position:relative;cursor:pointer;height:80px;display:flex;align-items:center;flex-direction:column-reverse;justify-content:space-between}.performance-metrics-overview-list-item__details{position:relative;flex:1;width:100%;z-index:1}.performance-metrics-overview-list-item__details-metric,.performance-metrics-overview-list-item__details-name{padding:0;margin:0;color:#525662}.performance-metrics-overview-list-item__details-name{font-size:10px!important;line-height:12px;font-weight:400}.performance-metrics-overview-list-item__details-metric{font-size:14px!important;font-weight:700;color:#262626;overflow:hidden;text-overflow:ellipsis}.performance-metrics-overview-list-item__chart{width:80%;height:40px;max-width:100%;display:flex;align-items:center}.performance-metrics-overview-list-item__chart path{transition:stroke .3s ease-in}.performance-metrics-overview-list-item--active .performance-metrics-overview-list-item__chart path{stroke:#5072ff}.performance-metrics-overview-list-item--active:hover .performance-metrics-overview-list-item__details-metric,.performance-metrics-overview-list-item--active:hover .performance-metrics-overview-list-item__details-name,.performance-metrics-overview-list-item:hover .performance-metrics-overview-list-item__details-metric,.performance-metrics-overview-list-item:hover .performance-metrics-overview-list-item__details-name{color:#262626}.performance-metrics-overview-list-item:before{content:"";z-index:1;width:100%;max-width:128px;height:100%;left:0;top:0;position:absolute;pointer-events:none;display:none;background:linear-gradient(270deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.02922) 10.46%,hsla(0,0%,100%,.08796) 19.73%,hsla(0,0%,100%,.17031) 28.07%,hsla(0,0%,100%,.27037) 35.7%,hsla(0,0%,100%,.38223) 42.87%,hsla(0,0%,100%,.5) 49.81%,hsla(0,0%,100%,.61777) 56.76%,hsla(0,0%,100%,.72963) 63.96%,hsla(0,0%,100%,.82969) 71.65%,hsla(0,0%,100%,.91204) 80.06%,hsla(0,0%,100%,.97078) 89.43%,#fff)}@media (min-width:450px){.performance-metrics-overview-list-item__details-name{font-size:12px!important}.performance-metrics-overview-list-item__details-metric{font-size:16px!important}.performance-metrics-overview-list-item__chart{min-width:60px;max-width:80px}}@media (min-width:768px){.performance-metrics-overview-list-item{padding:4px 0}.performance-metrics-overview-list-item__chart{position:absolute;left:0}}@media (min-width:992px){.performance-metrics-overview-list-item{flex-direction:row-reverse;height:100%;padding:0}.performance-metrics-overview-list-item__chart{left:auto;right:0;height:100%;width:auto;max-width:90px}.performance-metrics-overview-list-item:before{display:block;left:-16px}}.jb-mobile-device .performance-metrics-overview-list-item__chart path{transition:none}.performance-metrics-overview-list{height:100%;display:flex;flex-direction:row;align-items:flex-start;text-align:center;margin-right:0;justify-content:space-between;padding-top:24px}.performance-metrics-overview-list__item-wrapper{position:relative;transition:.3s ease;height:auto;width:23%}.performance-metrics-overview-list__item-wrapper:before{content:" ";background-color:transparent;position:absolute;left:0;top:-24px;width:100%;height:4px;transition:background-color .3s ease-in}.performance-metrics-overview-list__item-wrapper--active:before{background-color:#5072ff}.performance-metrics-overview-list__item-wrapper:hover:before{background-color:#4561ff}@media (min-width:450px){.performance-metrics-overview-list{padding-bottom:12px}}@media (min-width:768px){.performance-metrics-overview-list{display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:0}.performance-metrics-overview-list__item-wrapper{height:25%;width:100%}.performance-metrics-overview-list__item-wrapper:before{top:auto;left:-24px;width:4px;height:100%}}.jb-mobile-device .performance-metrics-overview-list__item-wrapper:before{transition:none!important}.campaign-reporting__header{display:flex;align-items:center;justify-content:space-between;margin:24px 0 16px;max-height:33px;min-height:33px}.campaign-reporting__header-right{line-height:24px;display:flex;padding-top:4px;justify-content:flex-start;align-items:center;min-width:117px}.campaign-reporting__header-right-title{font-size:12px}.performance-metrics-ranking{display:flex;flex-direction:column;margin-left:12px}.performance-metrics-ranking .metric-header{width:100%}.performance-metrics-ranking .metric-header h5{margin:0 0 24px}.performance-metrics-ranking .metric-content{display:flex;flex-direction:column;height:100%}.performance-metrics-ranking .metric-content .ranking-item{width:100%;margin-bottom:12px}.performance-metrics-ranking .metric-content .ranking-item p{line-height:12px;font-size:12px}.performance-metrics-ranking .metric-content .ranking-item .ranking-bar-container{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}.performance-metrics-ranking .metric-content .ranking-item .ranking-bar-container .el-progress{margin:0;width:calc(100% - 42px);height:16px}.performance-metrics-ranking .metric-content .ranking-item .ranking-bar-container .el-progress-bar__inner,.performance-metrics-ranking .metric-content .ranking-item .ranking-bar-container .el-progress-bar__outer{border-radius:0}.performance-metrics-ranking .metric-content .ranking-item .ranking-bar-container small{font-size:10px;line-height:12px;width:42px;text-align:right;font-weight:300}.performance-metrics-ranking .metric-content .ranking-item:hover p{color:#262626}.performance-metrics-ranking .metric-content .ranking-item:hover .el-progress-bar__inner{background-color:#4561ff}.performance-metrics-visualization{display:flex;flex-direction:column;height:auto;align-items:normal;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.performance-metrics-visualization .performance-metrics-overview-list{grid-area:list}.performance-metrics-visualization .performance-metrics-main-chart{grid-area:chart;display:flex;align-items:flex-end}.performance-metrics-visualization .performance-metrics-main-chart>svg{display:flex;height:auto}.performance-metrics-visualization .performance-metrics-ranking{grid-area:ranking;display:none}@media (min-width:768px){.performance-metrics-visualization{display:grid;grid-gap:10px;grid-template:"list chart" 310px/1fr minmax(300px,552px)}.performance-metrics-visualization .no-data{top:100px}}@media (min-width:860px){.performance-metrics-visualization{grid-template:"list chart ranking" 310px/1fr minmax(300px,552px) 1fr}.performance-metrics-visualization .performance-metrics-ranking{display:block}}
/*# sourceMappingURL=CampaignSetupMarketingInformation~PerformanceDashboard.6c0a8da7.css.map */