.block-overview-graph { position: relative; width: 100%; padding-bottom: 100%; background: #181b2d; display: flex; justify-content: center; align-items: center; } .block-overview-canvas { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; &.clickable { cursor: pointer; } } .loader-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; transition: opacity 500ms 500ms; pointer-events: none; &.hidden { opacity: 0; transition: opacity 500ms; } }