.card { --phoenix-card-spacer-y: 1.5rem; --phoenix-card-spacer-x: 1.5rem; --phoenix-card-title-spacer-y: 1rem; --phoenix-card-border-width: 1px; --phoenix-card-border-color: var(--phoenix-gray-200); --phoenix-card-border-radius: 0.5rem; --phoenix-card-box-shadow: ; --phoenix-card-inner-border-radius: calc(0.5rem - 1px); --phoenix-card-cap-padding-y: 1.5rem; --phoenix-card-cap-padding-x: 1.5rem; --phoenix-card-cap-bg: var(--phoenix-card-cap-bg); --phoenix-card-cap-color: ; --phoenix-card-height: ; --phoenix-card-color: ; --phoenix-card-bg: #fff; --phoenix-card-img-overlay-padding: 1rem; --phoenix-card-group-margin: 1rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; height: var(--phoenix-card-height); word-wrap: break-word; background-color: var(--phoenix-card-bg); background-clip: border-box; border: var(--phoenix-card-border-width) solid var(--phoenix-card-border-color); border-radius: var(--phoenix-card-border-radius); -webkit-box-shadow: var(--phoenix-card-box-shadow); box-shadow: var(--phoenix-card-box-shadow); } .h-100 { height: 100% !important; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--phoenix-card-spacer-y) var(--phoenix-card-spacer-x); color: var(--phoenix-card-color); } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .pt-3 { padding-top: 1rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .bullet-item { height: 0.5rem; width: 1rem; border-radius: 2px; } .bg-primary { --phoenix-bg-opacity: 1; background-color: rgba(var(--phoenix-primary-rgb), var(--phoenix-bg-opacity)) !important; } .me-2 { margin-right: 0.5rem !important; } .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .text-900 { --phoenix-text-opacity: 1; color: rgba(var(--phoenix-900-rgb), var(--phoenix-text-opacity)) !important; } .fw-semi-bold { font-weight: 600 !important; } .mb-0 { margin-bottom: 0 !important; } h6, .h6 { font-size: 0.8rem; }