[data-metric] {
    width: 400px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    goioChartSchema {
        display: none;
    }

    div.icons {
        position: absolute;
        right: 20px;
        top: 20px;
        svg {
            height: 30px;
            display: none;
        }
    }

    div.template-wrapper {
        margin-top: 20px;
    }

    &.loading {
        svg.loading {
            display: block;
        }
    }

    &:not(.loading) {
        svg.reload {
            display: block;
        }
    }
}