.mt-3 {
    margin-top: 1rem;
}

.relative {
    position: relative;
}

.text-xs {
    font-size: 0.75rem;
}

.text-xl {
    font-size: 1.25rem;
}

.text-center {
    text-align: center;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-6 {
    padding: 1.5rem;
}

.grid {
    display: grid
}

.gap-y-2 {
    row-gap: .5rem;
}

.gap-y-4 {
    row-gap: 1rem;
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem;
}

.items-center {
    align-items: center;
}

.inline-flex {
    display: inline-flex;
}

.hidden {
    display: none;
}

canvas {
    height: 400px !important;
}

.summary-row {
    display: flex;
    padding: 0;
}

.summary-row>.fi-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-radius: 0.5rem;
    width: 100%;
}