plural-card-hybrid .card-hybrid{
    display: flex;
    flex-direction: row;
}

plural-card-hybrid .card-hybrid .card-hybrid-img, plural-card-hybrid .card-hybrid .card-hybrid-content{
    display: flex;
    box-sizing: border-box;
}

plural-card-hybrid .card-hybrid .card-hybrid-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

plural-card-hybrid .card-hybrid.content-9-3 .card-hybrid-img{
    width: 75%;
}

plural-card-hybrid .card-hybrid.content-9-3 .card-hybrid-content{
    width: 25%;
}

plural-card-hybrid .card-hybrid.content-8-4 .card-hybrid-img{
    width: 66.67%;
}

plural-card-hybrid .card-hybrid.content-8-4 .card-hybrid-content{
    width: 33.33%;
}

plural-card-hybrid .card-hybrid.content-7-5 .card-hybrid-img{
    width: 58.33%;
}

plural-card-hybrid .card-hybrid.content-7-5 .card-hybrid-content{
    width: 41.67%;
}

plural-card-hybrid .card-hybrid.content-6-6 .card-hybrid-img{
    width: 50%;
}

plural-card-hybrid .card-hybrid.content-6-6 .card-hybrid-content{
    width: 50%;
}

plural-card-hybrid .card-hybrid.content-5-7 .card-hybrid-img{
    width: 41.67%;
}

plural-card-hybrid .card-hybrid.content-5-7 .card-hybrid-content{
    width: 58.33%;
}

plural-card-hybrid .card-hybrid.content-4-8 .card-hybrid-img{
    width: 33.33%;
}

plural-card-hybrid .card-hybrid.content-4-8 .card-hybrid-content{
    width: 66.67%;
}

plural-card-hybrid .card-hybrid.content-3-9 .card-hybrid-img{
    width: 25%;
}

plural-card-hybrid .card-hybrid.content-3-9 .card-hybrid-content{
    width: 75%;
}

plural-card-hybrid .card-hybrid .card-hybrid-img.ratio-1-1{
    aspect-ratio: 1/ 1;
}

plural-card-hybrid .card-hybrid .card-hybrid-img.ratio-4-3{
    aspect-ratio: 4 / 3;
}

plural-card-hybrid .card-hybrid .card-hybrid-img.ratio-2-1{
    aspect-ratio: 2 / 1;
}

plural-card-hybrid .card-hybrid .card-hybrid-img.ratio-16-9{
    aspect-ratio: 16 / 9;
}

plural-card-hybrid .card-hybrid .card-hybrid-content{
    display: flex;
    flex-direction: column;
    padding: var(--container-size-inset-medium);
    background-color: var(--primary-color-contrast);
}

plural-card-hybrid .card-hybrid .card-hybrid-content.center{
    justify-content: center;
}

plural-card-hybrid .card-hybrid .card-hybrid-content .accent {
    color: var(--accent-color) !important;
}

plural-card-hybrid .card-hybrid .card-hybrid-content strong {
    font-weight: bold !important;
}

plural-card-hybrid .card-hybrid .card-hybrid-content .accent strong {
    font-weight: 800 !important;
}

plural-card-hybrid .card-hybrid .card-hybrid-content .title h1, 
plural-card-hybrid .card-hybrid .card-hybrid-content .title h2,
plural-card-hybrid .card-hybrid .card-hybrid-content .title h3, 
plural-card-hybrid .card-hybrid .card-hybrid-content .title h4, 
plural-card-hybrid .card-hybrid .card-hybrid-content .title h5, 
plural-card-hybrid .card-hybrid .card-hybrid-content .title h6, 
plural-card-hybrid .card-hybrid .card-hybrid-content .title p{
    font-size: var(--title-size-font-large);
    font-weight: var(--title-weight-font-large);
    line-height: var(--title-size-line-height-large);
    font-family: var(--title-family-font-large);
    font-style: var(--title-style-font-large);
    margin-bottom: var(--content-size-stack-medium);
    color: var(--primary-color);
    margin-top: 0px;
}

plural-card-hybrid .card-hybrid .card-hybrid-content .subtitle h1, 
plural-card-hybrid .card-hybrid .card-hybrid-content .subtitle h2, 
plural-card-hybrid .card-hybrid .card-hybrid-content .subtitle h3, 
plural-card-hybrid .card-hybrid .card-hybrid-content .subtitle h4, 
plural-card-hybrid .card-hybrid .card-hybrid-content .subtitle h5, 
plural-card-hybrid .card-hybrid .card-hybrid-content .subtitle h6, 
plural-card-hybrid .card-hybrid .card-hybrid-content .subtitle p{
    font-size: var(--body-size-font-large);
    font-weight: var(--body-weight-font-large);
    line-height: var(--body-size-line-height-large);
    font-family: var(--body-family-font-large);
    font-style: var(--body-style-font-large);
    margin-bottom: var(--content-size-stack-medium);
    color: var(--surface-1-color-contrast);
    margin-top: 0px;
}

plural-card-hybrid .card-hybrid .card-hybrid-content .paragraph p, 
plural-card-hybrid .card-hybrid .card-hybrid-content .paragraph h1, 
plural-card-hybrid .card-hybrid .card-hybrid-content .paragraph h2, 
plural-card-hybrid .card-hybrid .card-hybrid-content .paragraph h3, 
plural-card-hybrid .card-hybrid .card-hybrid-content .paragraph h4, 
plural-card-hybrid .card-hybrid .card-hybrid-content .paragraph h5, 
plural-card-hybrid .card-hybrid .card-hybrid-content .paragraph h6{
    font-size: var(--body-size-font-medium);
    font-weight: var(--body-weight-font-medium);
    line-height: var(--body-size-line-height-medium);
    font-family: var(--body-family-font-medium);
    font-style: var(--body-style-font-medium);
    margin-bottom: var(--content-size-stack-medium);
    color: var(--surface-1-color-contrast);
    margin-top: 0px;
}

plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-large h1, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-large h2, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-large h3,
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-large h4, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-large h5, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-large h6, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-large p{
    font-size: var(--display-size-font-large) !important;
    line-height: var(--display-size-line-height-large) !important;
}

plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-small h1, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-small h2, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-small h3, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-small h4, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-small h5, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-small h6, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-display-small p{
    font-size: var(--display-size-font-small) !important;
    line-height: var(--display-size-line-height-small) !important;
}

plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-large h1, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-large h2, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-large h3, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-large h4, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-large h5, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-large h6, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-large p{
    font-size: var(--title-size-font-large) !important;
    line-height: var(--title-size-line-height-large) !important;
}

plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-medium h1, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-medium h2, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-medium h3, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-medium h4, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-medium h5, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-medium h6, 
plural-card-hybrid .card-hybrid .card-hybrid-content .font-title-medium p{
    font-size: var(--title-size-font-medium) !important;
    line-height: var(--title-size-line-height-medium) !important;
}

plural-card-hybrid .card-hybrid .card-hybrid-content a{
    width: fit-content;
    display: inline-block;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--primary-color-contrast);
    font-weight: var(--body-weight-font-medium);
    font-size: var(--body-size-font-medium);
    line-height: var(--body-size-line-height-medium);
    font-family: var(--body-family-font-medium);
    font-style: var(--body-style-font-medium);
    text-decoration: none;
    border-radius: calc(1.25rem);
    border-style: solid;
    border-width: 0rem;
    padding: 0 var(--content-size-inline-medium);
    height: 2.5rem;
    box-sizing: border-box;
    fill: var(--accent-color);
    vertical-align: baseline;
}

plural-card-hybrid .card-hybrid .card-hybrid-content a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

plural-card-hybrid .card-hybrid .card-hybrid-content a:hover{
    background-color: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
    color: var(--primary-color-hover-contrast);
    text-decoration: none;
}

plural-card-hybrid .card-hybrid.vertical{
    display: block;
    flex-direction: unset;
}

plural-card-hybrid .card-hybrid.vertical .card-hybrid-img, plural-card-hybrid .card-hybrid.vertical .card-hybrid-content{
    width: 100%;
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 480px) {

}


/* temp control */
plural-card-hybrid .card-hybrid .card-hybrid-content button{
    width: fit-content;
    display: inline-block;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--primary-color-contrast);
    font-weight: var(--body-weight-font-medium);
    font-size: var(--body-size-font-medium);
    line-height: var(--body-size-line-height-medium);
    font-family: var(--body-family-font-medium);
    font-style: var(--body-style-font-medium);
    text-decoration: none;
    border-radius: calc(1.25rem);
    border-style: solid;
    border-width: 0rem;
    padding: 0 var(--content-size-inline-medium);
    height: 2.5rem;
    box-sizing: border-box;
    fill: var(--accent-color);
    vertical-align: baseline;
}


plural-card-hybrid .card-hybrid .card-hybrid-content button::after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

plural-card-hybrid .card-hybrid .card-hybrid-content button:hover{
    background-color: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
    color: var(--primary-color-hover-contrast);
    text-decoration: none;
    cursor: pointer;
}

plural-card-hybrid .card-hybrid .card-hybrid-content .caption h1, 
plural-card-hybrid .card-hybrid .card-hybrid-content .caption h2, 
plural-card-hybrid .card-hybrid .card-hybrid-content .caption h3, 
plural-card-hybrid .card-hybrid .card-hybrid-content .caption h4, 
plural-card-hybrid .card-hybrid .card-hybrid-content .caption h5, 
plural-card-hybrid .card-hybrid .card-hybrid-content .caption h6, 
plural-card-hybrid .card-hybrid .card-hybrid-content .caption p{
    font-size: var(--body-size-font-large);
    font-weight: var(--body-weight-font-large);
    line-height: var(--body-size-line-height-large);
    font-family: var(--body-family-font-large);
    font-style: var(--body-style-font-large);
    margin-bottom: var(--content-size-stack-medium);
    color: var(--surface-1-color-contrast);
    margin-top: 0px;
}