.card_box{--columns-count: 1;--gap-grid-x: 30px;--gap-grid-y: 30px}.card_box:has(.image) .fixed{background:var(--color-background)}.card_box:has(.image) .contents{background:rgba(0,0,0,0)}.card_box:has(.image) .contents+.items{padding-top:0;margin-top:-5px}.card_box .fixed{display:flex;align-items:stretch;gap:0}.card_box .contents,.card_box .items{flex-basis:50%;flex-grow:1;padding:var(--gap-card);margin:0;background-color:var(--color-background)}.card_box .contents{max-width:none;margin:0;background-color:var(--theme-primary);--gap-contents: var(--gap-card)}.card_box .items{align-content:flex-start;width:auto;padding-right:calc(var(--gap-card) - var(--gap-grid-x));padding-bottom:calc(var(--gap-card) - var(--gap-grid-y));--gap-heading: 15px}.card_box .item{padding-bottom:var(--gap-grid-y);border-bottom:1px solid var(--color-heading)}.card_box .item:last-child{padding-bottom:0;border-bottom-width:0}.card_box .item h3{display:block;position:relative;flex-grow:1;min-width:0;font-size:var(--size-large);font-weight:600}.card_box .item h3.icon:before{content:"";display:inline-block;position:relative;top:-1px;width:24px;height:24px;margin:0 10px 0 0;background-color:var(--color-icon);-webkit-mask:var(--mask-image) 50% 50%/contain no-repeat;vertical-align:middle}.card_box .image{display:block;width:100%}.card_box .image img{display:block;width:100%;height:100%;object-fit:cover}@media(min-width: 40rem){.card_box:has(.image){--gap-card: 30px;--gap-grid-y: 20px;--gap-grid-x: 20px}.card_box:has(.image) .fixed{display:grid;align-items:stretch;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto 1fr;gap:0}.card_box:has(.image) .image{grid-column:1/2;grid-row:1/3}.card_box:has(.image) .items,.card_box:has(.image) .contents{grid-column:2/3}.card_box:has(.image) .contents+.items{padding-top:0;margin-top:-10px}.card_box.is_reversed .fixed{flex-direction:row-reverse}.card_box.is_narrow .contents{flex-basis:calc(50% - var(--gap-section-inner) - var(--gap-card));flex-grow:0;flex-shrink:0}}@media(max-width: 64rem){.card_box{--gap-grid-x: 20px;--gap-grid-y: 20px}}@media(max-width: 40rem){.card_box .fixed{display:block}.card_box .contents{padding:25px var(--gap-card)}.card_box .items{padding:25px 0 5px 20px;--gap-heading: 12px}}
/*# sourceMappingURL=card.css.map */