ul.tree{list-style-type:none;padding:0;position:relative}.treeitem2{min-height:32px;--thumbnail-width:110px;--thumnail-height:68px}.treeitem2 .thumbnail{position:relative;width:var(--thumbnail-width);height:var(--thumnail-height);margin-top:5px;border-radius:4px;box-sizing:border-box}.treeitem2 .thumbnail img{width:100%;height:100%;border-radius:4px;box-sizing:border-box;-o-object-fit:cover;object-fit:cover}.treeitem2 .thumbnail img.played{position:absolute;right:6px;bottom:6px;width:18px;height:18px}.treeitem2 .thumbnail .shadow{display:none}.treeitem2:not(.folder):hover .shadow{box-shadow:inset 0 0 0 3px #86c596;content:"";display:block;height:100%;position:absolute;top:0;width:100%;border-radius:4px}.treeitem2>div{padding:3px 0;cursor:pointer}.treeitem2>div .title{line-height:1.2;max-width:var(--thumbnail-width);margin-top:3px}.treeitem2>div.selected{background-color:#eff2f4}.treeitem2>div.selected .thumbnail img:not(.played){opacity:1;border:3px solid #4cad82}.treeitem2>div:hover{background-color:#eff2f4}.treeitem2>div:hover:active{background-color:#e9f4ea}.treeitem2>div.newer{color:#dc3d3d}.treeitem2.folder ul.tree>div{position:absolute;width:1px;height:95%;background-color:#e3e3e3;z-index:10;pointer-events:none}.treeitem2 .folder{min-height:32px;position:relative}.treeitem2 .folder .icon{position:absolute;width:1.5em;height:1.5em;top:.35em;background-size:contain;background-image:url(../img/folder_close.329ca695.svg);background-repeat:no-repeat}.treeitem2 .folder>.title{line-height:1.3;padding-left:.1em}.treeitem2 .folder.opened{margin-bottom:0}.treeitem2 .folder.opened .icon{background-image:url(../img/folder_open.30ba96ac.svg)}.treeitem2 .folder.opened>.title{font-weight:700}.treeitem2:not(.folder)+.folder{margin-top:5px}@media(min-width:1440px){.treeitem2{--thumbnail-width:123px;--thumnail-height:75px}}@media(min-width:1600px){.treeitem2{--thumbnail-width:136px;--thumnail-height:83px}.treeitem2 .folder>.title{padding-left:.4em}}@media(min-width:1920px){.treeitem2{--thumbnail-width:162px;--thumnail-height:100px}}.snackbar{visibility:hidden;opacity:0;min-width:250px;transform:translateX(-50%);background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:12px;position:fixed;z-index:10002;left:50%;bottom:0;font-size:16px;transition:all .5s ease}.snackbar.show{bottom:55px;opacity:1;transition:opacity .5s ease,bottom .5s ease;visibility:visible}.dark .snackbar{background-color:#1b1b1b}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.results2 .conditions{padding:20px 20px 0 20px;overflow:hidden;border-bottom:1px solid #dfe6ea;background-color:#fff}.results2 .conditions .condition{margin-bottom:0;padding-bottom:14px}.results2 .showdetails{color:#80878b;position:absolute;right:10px;top:18px}.results2 .showdetails span{vertical-align:middle;font-size:14px;padding-left:4px}.results2 .showdetails input{vertical-align:middle;cursor:pointer}.results2 .question .title .totalcount{color:#777;font-size:14px;position:absolute;right:0;top:30%;font-weight:400}.results2 .question .title .totalcount span{color:#58b7db;display:inline-block;border-radius:50px;width:25px;height:25px;border:2px solid #58b7db;background-color:#fff;text-align:center;padding-top:2px;margin-right:3px}.results2 .question .title .totalcount span.zero{border:1px solid #777;width:24px;height:24px;color:#777}.results2 .question .title .totalcount span.new{background-color:#58b7db;color:#fff}.results2 .question.ranking .score{font-size:15px;text-align:center}.results2 .question.ranking th{color:#686e71;font-weight:700;font-size:15px;margin-bottom:10px;text-align:left}.results2 .question.ranking .bar{display:flex;gap:2px}.results2 .question .answers .palette{text-align:right;color:#777}.results2 .question .answers .palette span{display:inline-block;margin:0 3px;width:16px;height:16px;border-radius:2px;vertical-align:top}.results2 .question .answers table{width:100%}.results2 .question .answers table th{font-weight:400;color:#777;font-size:15px}.results2 .question .answers table td{padding:15px 0}.results2 .question .answers table .option.hasImage td{padding:4px 0}.results2 .question .answers table .option:last-child td{padding-bottom:15px}.results2 .question .answers table .option:not(:last-child) td{border-bottom:1px solid rgba(216,231,241,.5019607843)}.results2 .question .answers table .option.noborder td{border-bottom:0!important}.results2 .question .answers .correctcount{font-size:13px;float:right}.results2 .question .answers .option .label{font-weight:700;font-size:15px;padding-right:25px;width:50%}.results2 .question .answers .option .label.correct{color:green;position:relative}.results2 .question .answers .option .label.correct:before{content:"";width:20px;height:20px;background:url(../img/check.ef22c03c.svg);position:absolute;left:-40px;top:50%;transform:translateY(-50%)}.results2 .question .answers .option.hasImage table td{padding:4px 0}.results2 .question .answers .option.hasImage .label>div{display:flex;align-items:center}.results2 .question .answers .option.hasImage .label img{width:48px;height:48px;border-radius:4px;margin-right:16px}.results2 .question .answers .option .chart{min-width:400px}.results2 .question .answers .option .chart .bar{width:100%;border-radius:3px;background-color:#eff2f4;height:24px;position:relative}.results2 .question .answers .option .chart .bar .progress{background-color:#58b7db;width:33%;height:24px;border-radius:3px;position:absolute}.results2 .question .answers .option .chart .bar .progress.distribution{flex-basis:30px;width:auto;overflow:hidden;float:left;position:relative}.results2 .question .answers .option .chart .bar .value{position:absolute;left:0;right:0;text-align:center;height:24px;line-height:24px;font-size:12px;font-weight:700}.results2 .question .answers .option .chart .average,.results2 .question .answers .option .chart .sum{color:#80878b;margin-top:5px;font-size:15px}.results2 .question .answers .option .chart .average span,.results2 .question .answers .option .chart .sum span{color:#000;font-weight:700}.results2 .question.likert th{color:#777;white-space:nowrap;padding-bottom:8px}.results2 .question.likert .answers .palette{padding-top:0}.results2 .question.likert .answers table td{padding:10px 0}.results2 .question.likert .answers table .option td{border:none;padding:0 0 20px 0}.results2 .question.likert .textscale{display:flex;justify-content:space-between}.results2 .question.likert .textscale div{flex:1;text-align:center}.results2 .question.likert .chart>div{display:flex;gap:2px;justify-content:space-between}.results2 .question.likert .chart>div div{background-color:#e4ecf1;color:#fff;text-align:center;flex-grow:1;height:24px;line-height:24px;border-radius:2px;font-size:12px;font-weight:700}.results2 .question.rating .answers{padding-bottom:15px}.results2 .question.rating .answers table .option td{padding:10px 0;border-bottom:0}.results2 .question.rating .answers table .option.hasImage td{padding:4px 0}.results2 .question.rating .answers table .option.hasImage:not(:last-child) td{border-bottom:1px solid rgba(216,231,241,.5019607843)}.results2 .question.rating .answers .stars{height:16px;width:95px;background:url(../img/star.bc5e325a.svg) space;position:relative}.results2 .question.rating .answers .stars div{position:absolute;height:16px;width:95px;background:url(../img/yellowstar.08d60b04.svg) space}.results2 .question.rating .chart>div{display:flex;gap:2px;justify-content:space-between}.results2 .question.rating .chart>div div{font-size:12px;font-weight:700;text-align:center;flex-grow:1;height:24px;line-height:24px;border-radius:2px}.results2 .question.interview td,.results2 .question.interview th{padding-right:8px}.results2 .question.interview tr.ivq.collapsed{display:none}.results2 .question.interview tr.ivq td{padding:6px 0}.results2 .question.interview tr.ivq.last>td{border-bottom:1px solid rgba(216,231,241,.5019607843);padding-bottom:20px}.results2 .question.interview tr.ivq .dot{min-width:30px;height:18px;display:block;border-radius:2px;margin-right:8px;text-align:center;font-size:12px;font-weight:700;line-height:18px;flex-grow:0;flex-basis:30px}.results2 .question.interview tr.ivq .left{display:flex;align-items:center}.results2 .question.interview td.toggle{position:relative;width:10px;min-width:10px}.results2 .question.interview td.toggle:after{content:"❮";position:absolute;font-size:18px;left:0;top:30%;color:#00684b;opacity:.5;transform:rotate(90deg);transition:transform .5s ease}.results2 .question.interview .type2 td.toggle,.results2 .question.interview .type3 td.toggle{min-width:30px}.results2 .question.interview td.rank{width:45px}.results2 .question.interview .buttons{height:28px;border-radius:8px;border:2px solid #eef2f5;background-color:#fff;color:#4cad82;position:relative;font-size:15px;display:inline-block}.results2 .question.interview .buttons div{display:inline-block;min-width:96px;padding:0 10px;text-align:center;line-height:28px;height:28px;top:-2px;position:relative;cursor:pointer;border-radius:8px}.results2 .question.interview .buttons div.selected{color:#fff;background-color:#4cad82;height:28px;line-height:28px}.results2 .question.interview .buttons div:not(.selected):hover{color:#000}.results2 .question.interview .tag{padding:2px 6px;border-radius:5px;font-size:12px;border:1px solid #000}.results2 .question.interview .answers table .option:hover{cursor:pointer}.results2 .question.interview .answers table .option:hover .toggle:after{opacity:1}.results2 .question.interview .answers table .option.collapsed td.toggle:after{transform:rotate(270deg)}.results2 .question.interview .answers table .option.collapsed .funnel{display:none}.results2 .question.interview .answers table .option.collapsed .bar{display:block}.results2 .question.interview .answers table .option:not(.collapsed)>td{border-bottom:none;padding-bottom:8px}.results2 .question.interview .answers table .option:not(.collapsed) .bar{display:none}.results2 .question.interview .answers table .option:not(.collapsed) .bar.showWhenExpanded{display:block}.results2 .question.interview .answers table .option.last>td{border-bottom:none}.results2 .question.interview .funnel{display:flex;gap:2px;justify-content:space-between;position:relative}.results2 .question.interview .funnel div.col{background-color:#e4ecf1;color:#000;text-align:left;padding-left:8px;flex-grow:1;height:78px}.results2 .question.interview .funnel div.values{position:absolute;left:0;right:0;display:flex;align-items:center;height:78px}.results2 .question.interview .funnel div.values div{flex-grow:1;text-align:center}.results2 .question.interview .distribution{display:flex;gap:2px;justify-content:space-between}.results2 .question.interview .distribution div{background-color:#e4ecf1;color:#fff;text-align:center;flex-grow:1;height:24px;line-height:24px;border-radius:2px;font-size:12px;font-weight:700}.results2 .question.interview .tagchart{max-height:120px}.results2 .question.interview .followup{display:flex;overflow-x:auto}.results2 .question.interview .followup .q{flex:0 0 382px;justify-content:center;display:flex;flex-direction:column}.results2 .question.interview .followup .q>div{display:flex;align-items:center}.results2 .question.interview .followup .lineclamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.results2 .question.interview .followup .fuQ{height:64px;flex-basis:316px;padding:8px;border-radius:4px;border:2px solid #eef2f5;background-color:#eef2f5;line-height:1.4;margin:11px 0;flex-grow:1;cursor:pointer}.results2 .question.interview .followup .fuQ:hover{box-shadow:0 0 10px #cdebdd}.results2 .question.interview .followup .fuQ.zero{border:2px solid #e4ecf1;background-color:#fff}.results2 .question.interview .followup .fuQ .tag{float:right}.results2 .question.interview .followup .count{margin-right:12px;flex-grow:0;flex-shrink:0;color:#58b7db;display:inline-block;border-radius:50px;width:25px;height:25px;border:2px solid #58b7db;background-color:#fff;text-align:center;padding-top:1px}.results2 .question.interview .followup .count.zero{border:1px solid #777;width:24px;height:24px;color:#777;padding-top:2px}.results2 .question.interview .followup .arrow{width:20px;position:relative;overflow:hidden}.results2 .question.interview .followup .arrow.right{border:1px solid #58b7db;height:0}.results2 .question.interview .followup .arrow.left{height:100%;margin-right:12px}.results2 .question.interview .followup .arrow.left:before{content:"";display:block;border:1px solid #58b7db;height:0;position:absolute;width:20px}.results2 .question.interview .followup .arrow.left:after{content:"";display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #58b7db;position:absolute;right:0}.results2 .question.interview .followup .q>div:first-child .arrow.left:not(.selected):before{width:100px;height:100px;border-radius:10px;border:2px solid #58b7db;top:calc(50% - 1px)}.results2 .question.interview .followup .q>div:last-child .arrow.left:not(.selected):before{width:100px;height:100px;border-radius:10px;border:2px solid #58b7db;top:unset;bottom:calc(50% - 1px)}.results2 .question.interview .followup .q>div:not(:first-child):not(:last-child) .arrow.left:not(.selected){border-left:2px solid #58b7db}.modal2-mask{position:fixed;z-index:20;top:var(--size-header);left:0;bottom:0;right:0;background-color:#585c5e;opacity:.2;transition:opacity .3s ease}.modal2-header{padding-right:30px}.modal2-header h3{margin-top:0;color:#000;font-size:16px;font-weight:700}@media(min-width:1440px){.modal2-header h3{font-size:18px}}@media(min-width:1920px){.modal2-header h3{font-size:20px}}.modal2-header h3 img{margin-right:12px}.modal2-header h3 img,.modal2-header h3 span{vertical-align:middle}.modal2-container{position:fixed;z-index:25;right:0;top:calc(var(--size-header) + 10px);bottom:10px;padding:24px 20px 24px 40px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(60,68,72,.11);max-height:100%;display:flex;flex-direction:column}.modal2-body{padding-right:20px;min-height:100px;flex-grow:1;overflow-y:auto}.modal2-footer{padding:30px 0 0 0}button.modal2-default-button{position:absolute;right:12px;top:12px;width:30px;min-width:30px;height:30px;cursor:pointer;border:none;padding:0;margin:0}button.modal2-default-button,button.modal2-default-button:hover{background-image:url(../img/close.22f4d9bb.svg);background-size:contain;background-repeat:no-repeat;background-color:transparent}button.modal2-default-button:hover{opacity:.8}.center .modal2-mask{top:0;z-index:24}.center .modal2-container{max-width:600px;min-width:456px;min-height:260px;margin:0 auto;right:unset;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);bottom:unset;padding:24px;max-height:90%}.center .modal2-body{margin-top:10px}.center .modal2-footer{margin-top:25px;position:relative;padding:0}.hotspots2 .hotspot{border-bottom:1px solid #dfe6ea}.hotspots2 .chartTitle{padding:17px 100px 17px 40px;color:#1c2629;font-size:16px;font-weight:700;padding-right:100px;cursor:pointer;position:relative}.hotspots2 .chartTitle:after{content:"❮";position:absolute;font-size:18px;left:10px;top:30%;color:#00684b;opacity:.5;transform:rotate(90deg);transition:transform .5s ease}.hotspots2 .chartTitle:hover:after{opacity:1}.hotspots2 .chartTitle.collapsed{overflow:hidden}.hotspots2 .chartTitle.collapsed+.bubbleChartContainer,.hotspots2 .chartTitle.collapsed+.bubbleChartContainer+.bubbleChartLegend,.hotspots2 .chartTitle.collapsed+.sceneChart{max-height:0!important;padding-bottom:0;padding-top:0;overflow:hidden;transform-origin:top;transform:scaleY(0);margin-top:0;margin-bottom:0}.hotspots2 .chartTitle.collapsed:after{transform:rotate(270deg)}.hotspots2 hr{height:0;opacity:.35;border:1px solid #c1cade;margin:8px 0 24px 0}.hotspots2 .bubbleChartContainer{display:flex}.hotspots2 .bubbleChartContainer .sideLegend{width:30%}.hotspots2 .bubbleChart{flex-grow:1;border-left:1px solid rgba(193,202,222,.4392156863);border-bottom:1px solid rgba(193,202,222,.4392156863);padding:12px 25px;display:flex;justify-content:space-between;align-items:center;gap:5px;margin-left:60px;margin-right:60px;margin-top:32px;margin-bottom:50px;position:relative;width:70%}.hotspots2 .bubbleChart .bubble{border-radius:500px;display:flex;justify-content:center;align-content:center;flex-direction:column;text-align:center;background-color:#adff2f;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;transition:all .5s ease}.hotspots2 .bubbleChart .bubble div:first-child{font-size:30px}.hotspots2 .bubbleChart canvas{height:132px}.hotspots2 .bubbleChartLegend{width:100%;display:flex;justify-content:space-between;font-size:16px;color:#323f5b;position:absolute;bottom:-30px;left:0;right:60px}.hotspots2 .bubbleChartLegend span{display:block}.hotspots2 .sideLegend{padding-left:16px;line-height:1.5;color:#7a8391;font-weight:600}.hotspots2 .sideLegend span{display:inline-block;margin-right:8px;width:12px;height:12px;border-radius:8px;background-color:#009f6f}.hotspots2 .sceneChart{margin-top:32px;position:relative;height:240px;display:flex}.hotspots2 .sceneChart .sceneChartContainer{position:relative;flex-grow:1}.hotspots2 .sceneChart .sceneChartContainer>div{position:absolute;top:0;left:0;right:0;bottom:0}.hotspots2 .sceneChart .sideLegend span:last-child{border-radius:2px;background-color:rgba(0,159,111,.3)}.hotspots2 .sceneChart canvas{height:240px}.results2 .question .title.collapsed+.subtitle+.answers{max-height:0!important;padding-bottom:0;padding-top:0;overflow:hidden;transform-origin:top;transform:scaleY(0);margin-top:0;margin-bottom:0}.results2 .question.shopping .title{padding-bottom:10px}.results2 .question.shopping .subtitle{font-size:14px;color:#777;padding:0 0 20px 40px}.results2 .question.shopping .shops{gap:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));padding-bottom:20px}.results2 .question.shopping .shops .shop{display:grid;grid-template-columns:160px 1fr;grid-auto-rows:auto}.results2 .question.shopping .shops .shopinfo{grid-column:1/3;grid-row:1/2;font-size:16px;margin-bottom:15px}.results2 .question.shopping .shops .shopinfo .multi{font-size:14px;color:#777;padding-top:3px}.results2 .question.shopping .shops .shopinfo span{font-size:10px;color:#777;white-space:nowrap}.results2 .question.shopping .shops .piechart{position:relative;min-height:160px;max-height:160px;max-width:160px;grid-column:1/2;grid-row:2/3;align-self:center}.results2 .question.shopping .shops .piechart canvas{max-height:160px;max-width:160px}.results2 .question.shopping .shops .piechart canvas~div{background:radial-gradient(circle,transparent 40%,#ededed 0);border-radius:100%;height:160px;width:160px;margin:0;position:absolute;left:0;top:50%;transform:translateY(-50%);display:none}.results2 .question.shopping .shops .piechart canvas.empty~div{display:block}.results2 .question.shopping .shops .legend{grid-column:2/3;grid-row:2/3;padding-left:12px;display:flex;flex-direction:column;justify-content:center;font-size:14px;gap:5px}.results2 .question.shopping .shops .legend div{position:relative;padding-left:16px}.results2 .question.shopping .shops .legend div .dot{border-radius:20px;width:12px;height:12px;position:absolute;left:0;top:2px}.results2{position:relative;clear:both}.results2 .question{margin:0 20px 0 0;border-bottom:1px solid #dfe6ea}.results2 .question .title{padding:17px 100px 17px 40px;color:#1c2629;font-size:16px;font-weight:700;padding-right:100px;cursor:pointer;position:relative}.results2 .question .title:after{content:"❮";position:absolute;font-size:18px;left:10px;top:30%;color:#00684b;opacity:.5;transform:rotate(90deg);transition:transform .5s ease}.results2 .question .title:hover:after{opacity:1}.results2 .question .title.collapsed{overflow:hidden}.results2 .question .title.collapsed+.answers{max-height:0!important;padding-bottom:0;padding-top:0;overflow:hidden;transform-origin:top;transform:scaleY(0);margin-top:0;margin-bottom:0}.results2 .question .title.collapsed:after{transform:rotate(270deg)}.results2 .question .answers{margin:0 40px 0 40px;transition:all .5s ease;transform:scaleY(1)}.results2 .question.shopping2 .title{padding-bottom:10px}.results2 .question.shopping2 .subtitle{font-size:14px;color:#777;padding:0 0 20px 40px}.results2 .question.shopping2 .answers{display:grid;gap:40px;grid-template-columns:60% 40%}.results2 .question.shopping2 .answers table .option td{border:none}.results2 .question.shopping2 .answers .chart{min-width:unset}.analytics .shopping2 .answers .barline{max-height:200px}.analytics.expanded .shopping2 .answers .barline{max-height:300px}@media(min-height:900px){.analytics .shopping2 .answers .barline{max-height:250px}.analytics.expanded .shopping2 .answers .barline{max-height:350px}}.heatmap2{display:grid;grid-template-columns:1fr 2px 1fr;gap:20px;max-width:100%;height:100%}.heatmap2 .videolist{height:20px}.heatmap2 .videolist div{margin-right:16px;float:left;cursor:pointer}.heatmap2 .videolist div:hover{color:#4cad82}.heatmap2 .videolist div .index{display:inline-block;padding-left:8px;font-size:12px;line-height:20px;width:30px;height:20px;background:url(../img/clip.c8964ceb.svg) no-repeat 0;background-size:30px 20px}.heatmap2 .videolist div .title{padding-left:8px;max-width:100px;text-overflow:ellipsis;display:inline-block;height:20px;overflow:hidden;white-space:nowrap;vertical-align:middle}.heatmap2 .videolist div.selected .index{background:url(../img/clip-full.0f25c7f8.svg) no-repeat 0;color:#fff}.heatmap2 .right{display:flex;flex-direction:column;position:relative}.heatmap2 .right button.advanced{width:16px;height:16px;position:absolute;right:0;top:0}.heatmap2 .right button.advanced img{width:16px;height:16px}.heatmap2 .settings{min-height:70px}.heatmap2 .settings input,.heatmap2 .settings span{vertical-align:middle}.heatmap2 .arealist,.heatmap2 .settings.advanced{flex:1 1 auto;height:0;overflow-y:auto}.heatmap2 .arealist .color{width:20px;height:20px;border-radius:2px;border:1px solid #bababa}.heatmap2 .arealist .chart{width:100%;position:relative;background-color:#e1e9ef;height:28px;container:barchart/size}.heatmap2 .arealist .chart .current,.heatmap2 .arealist .chart .overall{width:100%;position:absolute;left:0;transform-origin:left;height:28px}.heatmap2 .arealist .chart .current{width:3px;height:28px;background-color:#0640a1}.heatmap2 .arealist .chart .overall{background-color:#58b7db}.heatmap2 .buttons{height:40px;margin-top:20px;background-color:#fff}.heatmap2 .buttons button{width:20px;height:20px;min-width:20px;margin:0 8px}.heatmap2 .video-placeholder{width:100%;height:50%;background:url(../img/clip-grey.a3b916a8.svg) 50% no-repeat #f9f9f9}.heatmap2 .heatmapcontainer{position:relative;width:100%;margin-top:10px}.heatmap2 .heatmapcontainer .heatmap{width:100%;position:absolute!important;top:0;left:0;z-index:10}.heatmap2 .heatmapcontainer .heatmap canvas{width:100%;height:100%}.heatmap2 .heatmapcontainer #motionTrailCanvas{position:absolute;left:0;top:0;z-index:11}.heatmap2 .heatmapcontainer video{height:auto}.heatmap2 .heatmapcontainer .sections{width:364px;margin-left:55px;position:relative;height:40px}.heatmap2 .heatmapcontainer .sections .section{border:4px solid #fff;border-top:4px solid #00684b;font-size:12px;position:absolute}.heatmap2 .heatmapcontainer .sections .marker{position:absolute;border-radius:50px;width:12px;height:12px;overflow:visible;background-color:#57af80;border:1px dotted #fff;top:-4px;cursor:pointer;transform:translateX(-50%)}.heatmap2 .heatmapcontainer .sections .marker:hover span{display:inline}.heatmap2 .heatmapcontainer .sections .marker span{display:none;position:absolute;white-space:nowrap;top:-25px;background-color:#57af80;color:#fff;font-size:12px;padding:5px;transform:translate(-45%)}.heatmap2 .heatmapcontainer .mediacontroller{top:0;width:100%;left:0;transition:all .3s ease}.heatmap2 .heatmapcontainer media-controller{--media-icon-color:#00684b;--media-control-background:#fff;--media-control-hover-background:#fff;--media-range-bar-color:#00684b;--media-range-track-background:#e4ecf1;--media-range-thumb-background:#00684b}.heatmap2 .heatmapcontainer media-mute-button:hover,.heatmap2 .heatmapcontainer media-play-button:hover,.heatmap2 .heatmapcontainer media-seek-backward-button:hover,.heatmap2 .heatmapcontainer media-seek-forward-button:hover,.heatmap2 .heatmapcontainer media-time-range:hover{--media-icon-color:#86c596;--media-range-thumb-background:#86c596}.heatmap2 .heatmapcontainer media-time-range{--media-range-track-height:8px;--media-range-track-border-radius:4px;--media-range-thumb-width:16px;--media-range-thumb-height:16px}.heatmap2 .heatmapcontainer media-time-display{color:#000}.heatmap2 .heatmapcontainer media-seek-backward-button,.heatmap2 .heatmapcontainer media-seek-forward-button{transform:scale(1.3)}.heatmap2 .heatmapcontainer media-play-button{border:3px solid #00684b;border-radius:50px;background:#fff;transform:scale(.8);padding:7px;--media-button-icon-transform:scale(1.4)}.heatmap2 .heatmapcontainer media-play-button:hover{border:3px solid #86c596}.heatmap2 .heatmapcontainer media-control-bar{opacity:1;background-color:#fff;padding-top:16px}.heatmap2 .heatmapcontainer .areas{position:absolute!important;top:0;left:0;z-index:20}.heatmap2 .heatmapcontainer .areas .vdr{border:2px dashed #fff;border-radius:4px}.heatmap2 .heatmapcontainer .areas .vdr span.label{display:inline-block;border:1px solid #fff;height:24px;padding:0 2px;font-size:14px;line-height:22px;text-align:center;color:#000;opacity:.8;border-radius:4px;overflow:hidden;position:absolute}.heatmap2 .heatmapcontainer .areas .vdr span.label.top{top:-28px}.heatmap2 .heatmapcontainer .areas .vdr span.label.bottom{bottom:-28px}main.dashboard{display:flex;font-family:Roboto;height:calc(100lvh - var(--size-header));width:100%}main.dashboard .reconnecting{position:fixed;top:0;left:40%;right:40%;text-align:center;z-index:1000;padding:4px;background-color:red;border-radius:3px;color:#fff}main.dashboard .starting{flex-grow:1;border-radius:8px;box-shadow:0 0 8px 0 rgba(0,0,0,.12);border:1px solid #eef2f5;background-color:#fff;height:calc(100lvh - var(--size-header) - 35px);margin-top:15px;margin-left:180px;padding:40px 100px 34px 100px;position:relative;text-align:center;line-height:normal;display:flex;flex-direction:column;justify-content:space-evenly}main.dashboard .starting>a{display:block;text-decoration:none;position:fixed;left:24px;top:70px;color:#000}main.dashboard .starting h2{font-weight:700}main.dashboard .starting .dontforget img{width:40px;margin-right:15px}main.dashboard .leftside{padding:19px 0 19px 24px;margin-right:6px;overflow-y:overlay;flex-shrink:0;display:flex;flex-direction:column}main.dashboard .leftside>div a{padding:0;color:#000;margin-left:-10px}main.dashboard .leftside>div a:hover{color:#00684b}main.dashboard .leftside .tutorial{margin-top:16px}main.dashboard .leftside .tutorial .thumbnail{background-image:url(../img/tutorial.fa1e156d.svg);background-size:cover;position:relative}main.dashboard .leftside .tutorial .thumbnail:after{content:"";width:34px;height:34px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(../img/vimeo-play.112c3c62.svg)}main.dashboard .leftside .tutorial .thumbnail:hover{background-color:unset;box-shadow:inset 0 0 0 3px #86c596}main.dashboard .leftside .tutorial .thumbnail:active{box-shadow:inset 0 0 0 3px #4cad82}main.dashboard .leftside .tutorial .thumbnail:active:after{display:none}main.dashboard .leftside .tutorial .title{position:relative;max-width:var(--thumbnail-width);cursor:default}main.dashboard .leftside .tutorial .title svg{position:absolute;right:0;cursor:pointer}main.dashboard .leftside .tutorial .title svg:hover path{fill:#86c596}main.dashboard .leftside .tutorial .title svg:active path{fill:#4cad82}main.dashboard .leftside .tutorial button.closebtn{width:30px;height:30px;min-width:30px;color:#ccc;padding:0;outline:none;background-color:#000;position:absolute;right:10px;top:10px}main.dashboard .leftside>ul{margin-top:0;flex-grow:1;min-height:100px;overflow-y:overlay;overflow-x:hidden;padding-right:18px}main.dashboard .leftside h2{margin:0 0 16px 0;font-size:13px;font-weight:700}main.dashboard .leftside.playing:before{content:"Stop playback of current segment to enable selecting another one.";position:fixed;max-width:180px;left:30px;top:40lvh;z-index:10000;background-color:#3c4448;color:#fff;text-align:center;padding:10px;border-radius:3px;font-size:14px;line-height:16px;opacity:0;transition:opacity .6s ease;pointer-events:none}main.dashboard .leftside.playing:hover:before{opacity:1;transition:opacity 1s ease;transition-delay:.5s}main.dashboard .leftside.playing div:not(.selected) .thumbnail img{opacity:.5}main.dashboard .middle{flex-grow:1;overflow:hidden;padding-left:10px;padding-right:10px}main.dashboard .rightside{padding:15px 10px 20px 15px}main.dashboard .rightside h2{margin:0 0 10px 0;font-weight:700}main.dashboard header.v2.green{background-color:#86c596}main.dashboard header.v2.green .header-controls span{color:#fff}main.dashboard header.v2.purple{background-color:#8a93fc}main.dashboard header.v2.purple .header-controls span{color:#fff}main.dashboard header.v2.testMode{background-color:#96e2cb}main.dashboard header.v2.gray{background-color:#dddde4}main.dashboard .header-controls{display:flex;align-items:center;height:100%;margin-left:70px}main.dashboard .header-controls .sessiontitle{font-size:14px;font-weight:700}main.dashboard .header-controls>div{flex-grow:1}main.dashboard .header-controls>div:last-child{justify-content:right;display:flex}main.dashboard .header-controls button.icon{margin-left:10px;background-size:contain;width:28px;height:28px}main.dashboard .header-controls button.icon.pause{background-image:url(../img/pause.e5ff380a.svg)}main.dashboard .header-controls button.icon.pause:hover{background-image:url(../img/pause-hover.761d075c.svg)}main.dashboard .header-controls button.icon.pause.active,main.dashboard .header-controls button.icon.pause:active{background-image:url(../img/pause-active.95d021d2.svg)}main.dashboard .header-controls button.icon.pause[disabled]{background-image:url(../img/pause-disabled.a9a58fdb.svg);cursor:unset}main.dashboard .header-controls button.icon.pause.selected{background-image:url(../img/pause-selected.41a05d63.svg)}main.dashboard .header-controls button.icon.selfpace{background-image:url(../img/selfpace.718d846d.svg)}main.dashboard .header-controls button.icon.selfpace:hover{background-image:url(../img/selfpace-hover.6444ff89.svg)}main.dashboard .header-controls button.icon.selfpace.active,main.dashboard .header-controls button.icon.selfpace:active{background-image:url(../img/selfpace-active.b0314f35.svg)}main.dashboard .header-controls button.icon.selfpace[disabled]{background-image:url(../img/selfpace-disabled.6ae966a4.svg);cursor:unset}main.dashboard .header-controls button.icon.selfpace.selected{background-image:url(../img/selfpace-selected.e3259f5c.svg)}main.dashboard .segment{padding:20px 0 20px 0;overflow:visible;display:flex}main.dashboard .segment .image{width:115px}main.dashboard .segment .image img{width:97px;height:60px;border-radius:4px}main.dashboard .segment .text{justify-content:left}main.dashboard .segment .conditions{justify-content:left;padding-right:20px;padding-left:50px}main.dashboard .segment .conditions .dropdown{color:#000;text-align:left}main.dashboard .segment .conditions .dropdown span.spacer:after{content:", "}main.dashboard .segment .conditions .dropdown span.spacer:last-of-type:after{content:"";display:none}main.dashboard .segment span.letter{border-radius:10px;color:#fff;background-color:#57af80;padding:0 10px;font-size:14px;margin:0 2px}main.dashboard .segment .overallprogress{flex-grow:1;padding-left:50px}main.dashboard .segment .overallprogress .title{color:#585c5e}main.dashboard .segment .overallprogress .progressbar{height:25px;background:rgba(195,211,223,.5);border:1px solid #d5d5d6;margin-top:5px;line-height:25px;text-align:center;font-size:16px;position:relative}main.dashboard .segment .overallprogress .progressbar span{position:absolute;left:45%}main.dashboard .segment .overallprogress .progressbar .progress{height:30px;background-color:#58b7db}main.dashboard .segment .overallprogress span.help{display:inline-block;width:20px;height:22px;margin-left:8px;background:url(../img/help.c7a769df.svg);cursor:help;vertical-align:middle}main.dashboard .segment .controls{display:flex;align-items:center;justify-content:left;padding-left:40px}main.dashboard .segment .controls button{width:40px;height:40px;padding:0;min-width:40px;margin-left:10px;border:none;background-size:contain}main.dashboard .segment .controls button.play{background:url(../img/play-icon2.29ef4699.svg)}main.dashboard .segment .controls button.play:hover{background:url(../img/play-hover.cf7b5f85.svg)}main.dashboard .segment .controls button.play.active,main.dashboard .segment .controls button.play:active{background:url(../img/play-active.a51e628a.svg)}main.dashboard .segment .controls button.play[disabled],main.dashboard .segment .controls button.play[disabled]:hover{background:url(../img/play-disabled.09de64e2.svg);cursor:unset}main.dashboard .segment .controls button.stop{background:url(../img/stop.ac15953f.svg);background-size:contain}main.dashboard .segment .controls button.stop:hover{background:url(../img/stop-hover.c602be13.svg);background-size:contain}main.dashboard .segment .controls button.stop.active,main.dashboard .segment .controls button.stop:active{background:url(../img/stop-active.6385810c.svg);background-size:contain}main.dashboard .segment .controls button.stop[disabled],main.dashboard .segment .controls button.stop[disabled]:hover{background:url(../img/stop-disabled.568257d0.svg);background-size:contain;cursor:unset}main.dashboard .condition-tabs{height:40px;border-radius:8px 8px 0 0;border:1px solid #eef2f5;background-color:#f6f9fb;box-sizing:border-box;position:relative;z-index:1}main.dashboard .condition-tabs span{display:inline-block;min-width:120px;padding:10px 24px 0 24px;cursor:pointer;font-size:18px;height:40px;margin-left:-1px;border:1px solid transparent}main.dashboard .condition-tabs span.active{border-radius:8px 8px 0 0;box-shadow:0 0 8px 0 rgba(0,0,0,.12);border:1px solid #eef2f5;background-color:#fff;position:relative}main.dashboard .condition-tabs span.active:after{content:" ";background-color:#fff;height:8px;position:absolute;bottom:-8px;left:0;right:0}main.dashboard .timeline{padding:20px 24px;border-radius:8px;box-shadow:0 0 8px 0 rgba(0,0,0,.12);border:1px solid #eef2f5;background-color:#fff;margin-bottom:14px;height:110px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}main.dashboard .timeline h2{font-size:18px;margin:0}main.dashboard .timeline h2 span.help{display:inline-block;width:18px;height:20px;margin-left:8px;background:url(../img/help.c7a769df.svg);background-size:contain;background-repeat:no-repeat;cursor:help;vertical-align:top;position:relative}main.dashboard .timeline h2 span.help:hover>div{display:block}main.dashboard .timeline h2 span.help>div{display:none;position:absolute;left:40px;top:0;background-color:#fff;border-radius:5px;box-shadow:0 0 8px 0 rgba(0,0,0,.12);padding:10px;z-index:12;font-size:14px;white-space:nowrap}main.dashboard .timeline h2 span.help>div .color,main.dashboard .timeline h2 span.help>div img{width:20px;height:20px;margin-left:10px;vertical-align:middle}main.dashboard .timeline h2 span.help>div th{text-align:left;font-weight:700}main.dashboard .timeline h2 span.help>div td,main.dashboard .timeline h2 span.help>div th{padding:5px}main.dashboard .timeline video{display:none}main.dashboard .timeline .chart{display:flex;gap:10px;position:absolute;bottom:10px;left:24px;right:24px;overflow-x:overlay;padding-bottom:10px}main.dashboard .timeline .chart .item{box-sizing:content-box;height:20px;padding-bottom:6px;min-width:24px;position:relative;display:flex}main.dashboard .timeline .chart .item:not(.duration):after{display:block;position:absolute;content:"";width:16px;height:0;border-radius:2px;border:4px solid grey;bottom:-8px}main.dashboard .timeline .chart .item.duration{text-align:right;border-radius:2px;border-bottom:8px solid grey;min-width:60px}main.dashboard .timeline .chart .item.inProgress,main.dashboard .timeline .chart .item.inProgress:after{border-color:#ff8741}main.dashboard .timeline .chart .item.finished,main.dashboard .timeline .chart .item.finished:after{border-color:#4cad82}main.dashboard .timeline .chart .item .icon{text-align:center;flex-grow:1}main.dashboard .timeline .chart .item .icon img{height:20px}main.dashboard .timeline .chart .item .icon.error{border-radius:5px;background-color:red}main.dashboard .timeline .chart .item .time{text-align:right}main.dashboard .analytics{border-radius:8px;box-shadow:0 0 8px 0 rgba(0,0,0,.12);border:1px solid #eef2f5;background-color:#fff;margin-bottom:20px;height:calc(100lvh - var(--size-header) - 245px);position:relative}main.dashboard .analytics.hasconditions{height:calc(100lvh - var(--size-header) - 285px);border-radius:0 0 8px 8px}main.dashboard .analytics h2{font-size:18px;margin:0}main.dashboard .analytics .ribbon{height:50px;border-bottom:1px solid #eef2f5;display:flex;justify-content:space-between}main.dashboard .analytics .ribbon .tabs{display:flex;height:50px;align-items:flex-end}main.dashboard .analytics .ribbon .tabs span{display:inline-block;font-size:18px;padding:18px 10px 10px 10px;cursor:pointer}main.dashboard .analytics .ribbon .tabs span:hover{color:#00684b}main.dashboard .analytics .ribbon .tabs span.active{color:#00684b;border-bottom:2px solid #00684b}main.dashboard .analytics .ribbon .buttons{display:flex;align-items:center;padding-right:14px;gap:15px}main.dashboard .analytics .data{overflow-y:overlay;overflow-x:auto;position:absolute;top:70px;bottom:15px;left:20px;right:6px;height:unset}main.dashboard .analytics.expanded{position:fixed;top:calc(var(--size-header) + 20px);left:20px;bottom:18px;right:20px;margin:0;height:auto;z-index:20}main.dashboard .devicebar{font-weight:700;font-size:12px;position:relative;min-width:160px;--devicebar-vertical-offset:130px}main.dashboard .devicebar .counter{font-size:12px;margin-bottom:10px;padding-right:12px}main.dashboard .devicebar .counter .filter{cursor:pointer}main.dashboard .devicebar .counter .filter.inactive,main.dashboard .devicebar .counter .filter.inactive span{color:#a2a2a2!important}main.dashboard .devicebar .devicecard{padding:0 12px 0 30px;margin-top:15px;font-size:12px;font-weight:500;background-image:url(../img/headset-icon-orange.ea3c2968.svg);background-size:20px 16px;background-repeat:no-repeat;transition:opacity .5s ease;position:relative}main.dashboard .devicebar .devicecard:first-of-type{margin-top:0}main.dashboard .devicebar .devicecard>div{display:flex;align-items:center}main.dashboard .devicebar .devicecard .condition{text-align:center;position:absolute;width:16px;height:16px;border-radius:24px;left:12px;line-height:16px;font-size:12px;font-weight:700;color:#fff;background-color:#323f5b;margin-top:12px}main.dashboard .devicebar .devicecard .name{flex-grow:1;padding-right:10px}main.dashboard .devicebar .devicecard.testMode:before{content:"⬤";position:absolute;color:#96e2cb;right:0;font-size:12px}main.dashboard .devicebar .devicecard.hasCondition{padding-left:36px}main.dashboard .devicebar .devicecard.hasCondition:not(:first-child){margin-top:17px}main.dashboard .devicebar .devicecard.hasError+.hasError{margin-top:10px}main.dashboard .devicebar .devicecard.hasError{cursor:pointer}main.dashboard .devicebar .devicecard.hasError .tooltiptext{position:fixed;right:265px;top:100px;bottom:unset;left:unset;transform:none;text-align:left}main.dashboard .devicebar .devicecard .error{color:red;font-weight:700;font-size:12px;clear:both}main.dashboard .devicebar .devicecard.offline{opacity:.5;transition:opacity .5s ease}main.dashboard .devicebar .devicecard.onhead{background-image:url(../img/headset-icon.f6ee5b7d.svg)}main.dashboard .devicebar .devicecard.unlinked{background-image:url(../img/headset-unlinked-icon.63949182.svg)}main.dashboard .devicebar .devicecard .battery{float:right;background-image:url(../img/battery-frame.2b471dc7.svg);background-size:16px 8px;background-repeat:no-repeat;background-position:100%;padding-right:18px;font-weight:700;font-size:10px;line-height:16px;color:#00684b;position:relative}main.dashboard .devicebar .devicecard .battery .percentage{height:6px;width:14px;background-color:#57af80;position:absolute;right:0;top:5px;transform-origin:left;transform:scaleX(.6)}main.dashboard .devicebar .devicecard .battery.red{color:#dc3d3d;background-image:url(../img/battery-frame-red.03f377dd.svg)}main.dashboard .devicebar .devicecard .battery.red .percentage{background-color:#dc3d3d}main.dashboard .devicebar.errorFilter .devicecard:not(.hasError),main.dashboard .devicebar.readyFilter .devicecard.hasError,main.dashboard .devicebar.readyFilter .devicecard.offline,main.dashboard .devicebar.readyFilter .devicecard.unlinked,main.dashboard .devicebar.readyFilter .devicecard:not(.onhead){display:none}@media(min-width:1440px){main.dashboard .leftside h2{font-size:14px}main.dashboard .rightside{padding-left:15px}main.dashboard .devicebar{--devicebar-vertical-offset:135px}main.dashboard .devicebar .counter{font-size:14px}}@media(min-width:1600px){main.dashboard .leftside h2{font-size:16px}main.dashboard .header-controls button.icon{width:32px;height:32px}main.dashboard .header-controls .sessiontitle{font-size:16px}main.dashboard .devicebar{--devicebar-vertical-offset:140px}main.dashboard .devicebar .counter{font-size:16px}}@media(min-width:1920px){main.dashboard .starting>a{top:90px}main.dashboard .starting h2{font-size:30px;font-weight:400}main.dashboard .starting h2~span{font-size:20px}main.dashboard .starting .dontforget img{width:60px}main.dashboard .leftside>div a,main.dashboard .leftside h2{font-size:18px}main.dashboard .rightside{padding-left:25px}main.dashboard .header-controls button.icon{width:40px;height:40px}main.dashboard .header-controls .sessiontitle{font-size:20px}main.dashboard .devicebar{min-width:200px;--devicebar-vertical-offset:155px}main.dashboard .devicebar .devicecard{font-size:16px;background-size:28px 24px;min-height:24px;margin-top:17px;padding-left:38px}main.dashboard .devicebar .devicecard.hasCondition{padding-left:42px}main.dashboard .devicebar .devicecard.hasCondition:not(:first-child){margin-top:20px}main.dashboard .devicebar .devicecard.hasError+.hasError{margin-top:15px}main.dashboard .devicebar .devicecard .condition{width:22px;height:22px;line-height:22px;font-size:16px;margin-top:20px}main.dashboard .devicebar .devicecard .battery{background-size:19px 10px;padding-right:23px}main.dashboard .devicebar .devicecard .battery .percentage{right:3px}main.dashboard .devicebar .devicecard.testMode:before{top:1px}}