.cards_box .image{display:block;position:relative;flex-grow:0;flex-shrink:0}.cards_box .image:after{content:"";display:block;padding-bottom:var(--height-image)}.cards_box .image img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .3s;z-index:1;object-fit:cover}.cards_box{--gap-card: 30px;--height-image: 75%}.cards_box .items{display:grid;grid-template-columns:repeat(var(--columns-count), 1fr);grid-auto-flow:row dense;--width-item: 100%;--gap-grid-y: var(--gap-grid-x)}.cards_box .items.carousel{grid-template-columns:none;grid-template-rows:repeat(2, 1fr);grid-auto-flow:column dense;grid-auto-columns:calc(100%/var(--columns-count))}.cards_box .item{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;align-content:flex-start;background-color:var(--color-background);gap:0;--gap-contents: 15px;--gap-content: 10px;--gap-list: 10px}.cards_box .item_image{align-content:stretch;grid-row:1/3;grid-column-start:var(--columns-count)}.cards_box .item h3{display:flex;flex-basis:calc(100% - var(--height-card));flex-grow:1;align-items:center;min-width:0;min-height:var(--height-card);padding:6px var(--gap-card);margin:0;background-color:var(--color-primary-alt);color:var(--color-heading);font-family:var(--font-main);font-size:var(--size-base);font-weight:600;line-height:inherit;text-transform:uppercase}.cards_box .item .content{display:block;flex-grow:1;width:100%;padding:calc(var(--gap-card) - 5px) var(--gap-card);margin:0;font-size:var(--size-base);font-weight:400;line-height:1.5}.cards_box .image{flex-grow:1;width:100%;min-height:0}.cards_box .icon{display:flex;flex-grow:0;flex-shrink:0;align-items:center;justify-content:center;width:var(--height-card);min-height:var(--height-card);background-color:var(--color-primary);color:var(--color-primary-text);font-size:var(--size-base);font-weight:600;line-height:var(--line-base)}.cards_box .icon[style]{color:var(--color-background);font-size:0;line-height:0}.cards_box .icon[style]:before{content:"";display:block;width:24px;height:24px;background-color:currentColor;-webkit-mask:var(--mask-image) 50% 50%/contain no-repeat}@media(min-width: 64rem){.cards_box .items_5,.cards_box .items_6{--gap-card: 20px;--height-card: 64px}}@media(max-width: 64rem){.cards_box{--columns-count: 2;--gap-card: 20px}.cards_box .item:has(.icon,.content):not(:has(h3)){flex-wrap:nowrap}.cards_box .item .content{padding:var(--gap-card)}}@media(max-width: 40rem){.cards_box{--columns-count: 1}.cards_box .item_image{grid-row:auto}}
/*# sourceMappingURL=cards.css.map */