.i-panel {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
}

.i-panel-element {
    
}

.i-panel-title {
    background-color: #F8F8F9;
    border: 1px solid var(--border);
    padding: 12px 16px;
}

.i-panel-body {
    background-color: white;
    border: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 16px;
    flex-grow: 1;
}

.i-panel-footer {
    border: 1px solid var(--border);
    background-color: #F8F8F9;
    padding: 12px 16px;
}

.i-panel-element:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.i-panel-element:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.i-panel-element:not(:only-child):not(:first-child) {
    border-top: 0;
}