div[data-role="frame"]::before {
 content: attr(data-title);
 position: absolute;
 top: -14px;
 left: 8px;
 background: #fff;
}
div[data-role="frame"] {
 --bs-card-spacer-y: 1rem;
 --bs-card-spacer-x: 1rem;
 --bs-card-title-spacer-y: 0.5rem;
 --bs-card-title-color: ;
 --bs-card-subtitle-color: ;
 --bs-card-border-width: 1px;
 --bs-card-border-color: rgba(0, 0, 0, 0.175);
 --bs-card-border-radius: 0.375rem;
 --bs-card-box-shadow: ;
 --bs-card-inner-border-radius: calc(0.375rem - 1);
 --bs-card-cap-padding-y: 0.5rem;
 --bs-card-cap-padding-x: 1rem;
 --bs-card-cap-bg: rgba(33,37,41, 0.03);
 --bs-card-cap-color: ;
 --bs-card-height: ;
 --bs-card-color: ;
 --bs-card-bg: #fff;
 --bs-card-img-overlay-padding: 1rem;
 --bs-card-group-margin: 0.75rem;
 position: relative;
 display: flex;
 flex-direction: column;
 min-width: 0;
 height: auto;
 color: #212529;
 word-wrap: break-word;
 background-color: #fff;
 background-clip: border-box;
 border: 1px solid rgba(0, 0, 0, 0.175);
 border-radius: 0.375rem;
 padding: 1rem;
}
*:disabled, .disabled {
 pointer-events: none;
 background: #ededed;
 opacity: 0.5;
}