.object-card > a {
    width: 100%;
    position: relative;
    aspect-ratio: 1;
}

.home-banner-webgl {
    position: relative;
    background-image: none !important;
    background: #000;
}

.home-banner-webgl > #webgl-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: #000;
}

#home-banner::before {
    content: "";
    position: absolute;
    inset: 0 0 0 0;
    background-color: #000;
    z-index: -1;
}

.home-info-container {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
    display: grid;
    width: 100%;
}

@media (min-width: 700px) {
    .home-info-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.home-info {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-info > h4 {
}

.home-info > p {
    color: #AAA;
    font-size: 1rem;
}

/* Group header styling */
@media (min-width: 1500px) {
    .var-container .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
        float: left;
    }
}
@media (max-width: 1500px) {
    .var-container .col-xl-6 {
        flex: 0 0 100%;
        max-width: 100%;
        float: left;
    }
}
.var-container-small .col-xl-6 {
    flex: 0 0 100%;
    max-width: 100%;
    float: left;
}

.var-container-no-group {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 1rem !important;
}



.var-container-embed {
    height: 512px;
    overflow: hidden;
}

.var-container-embed-scroll {
    height: 512px;
    overflow-y: auto;
    overflow-x: hidden;
}

.input-header {
    background-color: var(--light-gray);
    color: var(--light);
    padding: 0.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-bottom: 0.5rem;
}

.var-container .input-group {
    padding: 0 !important;
}

.input-group:last-child {
    margin-bottom: 1rem;
}

.var-container .input-group-text {
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.var-container .text-right {
    margin: 0 !important;
    padding-right: 1rem !important;
    padding-left: 0rem !important;
}

.var-container .form-control {
    margin-right: 1rem !important;
}

.var-container {
    overflow: hidden;
}
