/*****
 * LINECO Base: Widgets: Forms
 *
******/

.gauge-graph-layout {
    position: relative;
    text-align: center;
    width: 12.5rem;
}

.gauge-graph {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.gauge-graph-percent {
    display: none !important;
}

.gauge-graph-proper::after {
    background-color: var(--neutral-white);
    width: 84%;
    height: 84%;
    margin: -42% 0 0 -42%;
}

.gauge-graph-ends {
    display: block;
}

.gauge-graph-ends::before,
.gauge-graph-ends::after {
    top: 60%;
    left: -2%;
    width: 24%;
    height: 24%;
    rotate: -52deg;
}

.gauge-graph-ends::after {
    left: auto;
    right: -4px;
    rotate: -15deg;
}

.gauge-graph-layout .graph-label {
    position: relative;
    top: -9rem;
    left: 0;
    width: 12.5rem;
    margin: 0 auto -5rem;
}

.graph-label-main {
    font-size: var(--font-size-400);
}

.graph-label-details {
    color: var(--neutral-600);
}

.graph-label-details strong {
    display: block;
}

.graph-footer {
    position: relative;
    margin: 0 auto 0;
}

.graph-footer-value {
    font-size: var(--font-size-500)
}