@property --icon-color{syntax:"<color>";inherits:true;initial-value:#121212}@media screen and (min-width: 1200px){section#page-sidebar .block-popup-cards .popup-cards-container{grid-template-columns:repeat(3, 1fr)}}.block-popup-cards .popup-cards-container{display:grid;grid-template-columns:repeat(1, 1fr);gap:4rem}@media screen and (min-width: 576px){.block-popup-cards .popup-cards-container{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 768px){.block-popup-cards .popup-cards-container{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1200px){.block-popup-cards .popup-cards-container{grid-template-columns:repeat(4, 1fr)}}.block-popup-cards .post.popover-container div[popover]::backdrop{background-color:var(--backdrop)}.block-popup-cards .post.popover-container .post-image picture{display:block}.block-popup-cards .post.popover-container .post-image picture img{height:18rem}@media screen and (min-width: 768px){.block-popup-cards .post.popover-container .post-image picture img{height:15rem}}@media screen and (min-width: 992px){.block-popup-cards .post.popover-container .post-image picture img{height:20rem}}.block-popup-cards .post.popover-container h3{margin-top:0}.block-popup-cards .post.popover-container .popover-open{background:none;border:0;color:var(--text);cursor:pointer;display:flex;flex-direction:column;text-align:left;padding:0;margin:0;width:100%;height:100%;font:inherit}.block-popup-cards .post.popover-container .popover-open:hover .button span,.block-popup-cards .post.popover-container .popover-open:focus .button span{color:var(--primary-light);padding:.8rem .6rem .8rem 2.6rem}@media screen and (min-width: 992px){.block-popup-cards .post.popover-container .popover-open:hover .button span,.block-popup-cards .post.popover-container .popover-open:focus .button span{padding:1.6rem 1.8rem 1.6rem 3.8rem}}.block-popup-cards .post.popover-container .popover-open:hover .button i,.block-popup-cards .post.popover-container .popover-open:focus .button i{background:var(--primary-light);margin-right:-0.3rem}.block-popup-cards .post.popover-container .popover-container-content{width:calc(100% - 3rem);text-align:left;border:none;outline:0;padding:1.5rem;max-height:calc(100vh - 5rem);border-radius:var(--radius);background:var(--white)}@media screen and (min-width: 768px){.block-popup-cards .post.popover-container .popover-container-content{width:80rem;padding:3rem}}@media screen and (min-width: 1200px){.block-popup-cards .post.popover-container .popover-container-content{width:100rem}}.block-popup-cards .post.popover-container .popover-container-content .popover-flex{display:flex;flex-direction:column}@media screen and (min-width: 768px){.block-popup-cards .post.popover-container .popover-container-content .popover-flex{flex-direction:row;gap:var(--p-x-size-s)}}.block-popup-cards .post.popover-container .popover-container-content .popover-image img{height:auto;border-radius:var(--radius);margin-bottom:1.6rem;max-width:25rem}.block-popup-cards .post.popover-container .popover-container-content .popover-content .post-date{color:var(--grey);margin:0 0 .8rem;font-size:1.2rem}.block-popup-cards .post.popover-container .popover-container-content .popover-content .title{font-size:2rem;padding-right:4rem;display:block;font-weight:700}.block-popup-cards .post.popover-container .popover-container-content .popover-content .description{margin-top:1.6rem}.block-popup-cards .post.popover-container .popover-container-content .popover-content .description p{margin:0 0 1.6rem}.block-popup-cards .post.popover-container .popover-container-content .popover-content .description p:last-child{margin-bottom:0}.block-popup-cards .post.popover-container .popover-close{position:absolute;top:1.5rem;right:1.5rem;width:2.4rem;height:2.4rem;padding:0;background:none;border:0;cursor:pointer;color:var(--text)}.block-popup-cards .post.popover-container .popover-close:hover::before,.block-popup-cards .post.popover-container .popover-close:hover::after,.block-popup-cards .post.popover-container .popover-close:focus::before,.block-popup-cards .post.popover-container .popover-close:focus::after{background-color:var(--tertiary)}.block-popup-cards .post.popover-container .popover-close::before,.block-popup-cards .post.popover-container .popover-close::after{content:"";position:absolute;top:50%;left:50%;width:2.2rem;height:.1rem;background-color:currentColor}.block-popup-cards .post.popover-container .popover-close::before{transform:translate(-50%, -50%) rotate(45deg)}.block-popup-cards .post.popover-container .popover-close::after{transform:translate(-50%, -50%) rotate(-45deg)}/*# sourceMappingURL=popup-cards.css.map */