.comparison-graph-container{padding:calc(var(--gap) * 2) 0;background:#e9e9e9}.comparison-graph-container comparison-selectors{padding:0 calc(var(--gap) * 2) calc(var(--gap) * 2)}.comparison-graph-container comparison-selectors .products{padding:calc(var(--gap) * 2);background-color:#fff}comparison-graph{position:relative;display:grid;grid-gap:calc(var(--gap) * 2);text-align:center;transition:opacity .1s ease-out}comparison-graph #comparison-graph{width:100%;height:500px}comparison-graph.loading{opacity:.5}comparison-graph::after{--size: 100px;content:"";position:absolute;top:calc(50% - var(--size)/2);left:calc(50% - var(--size)/2);opacity:0;width:var(--size);height:var(--size);border-radius:50%;border:5px solid var(--loader-colour, #DF3035);border-top-color:transparent;border-bottom-color:transparent;-webkit-animation-name:loader-rotate;animation-name:loader-rotate;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transition:opacity .2s cubic-bezier(0.42, 0, 0.58, 1);-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes loader-rotate{from{transform:rotate(180deg)}to{transform:rotate(0deg)}}@keyframes loader-rotate{from{transform:rotate(180deg)}to{transform:rotate(0deg)}}comparison-graph.loading::after{opacity:1;-webkit-animation-play-state:running;animation-play-state:running}