@layer components{.cta-sidebar{--_cta-sidebar-max-width: 1200px;display:grid;grid-template-columns:1fr .4fr;max-width:var(--_cta-sidebar-max-width);margin:0 auto}@media(min-width: 768px){.cta-sidebar{gap:32px}}@media(min-width: 1200px){.cta-sidebar{--fs-ratio-4: 0.40}}@media(max-width: 1399px){.cta-sidebar{grid-template-columns:1fr}}.cta-sidebar>.card-wrapper{display:grid;grid-template-columns:1fr;gap:32px}@media(max-width: 767px){.cta-sidebar>.card-wrapper{margin-bottom:32px}.cta-sidebar>.card-wrapper:has(.card.placeholder) .card.placeholder{display:none}.cta-sidebar>.card-wrapper:has(.card.placeholder) .card.placeholder:has(.picture-component){display:block}}@media(min-width: 768px){.cta-sidebar>.card-wrapper{grid-template-columns:1fr .3fr 1fr;gap:32px;grid-template-areas:"a a b" "c d d"}.cta-sidebar>.card-wrapper>:nth-child(1){grid-area:a}.cta-sidebar>.card-wrapper>:nth-child(2){grid-area:b}.cta-sidebar>.card-wrapper>:nth-child(3){grid-area:c}.cta-sidebar>.card-wrapper>:nth-child(4){grid-area:d}}@media(max-width: 1200px){.cta-sidebar>.card-wrapper{grid-template-rows:1fr 1fr}}.cta-sidebar>.card-wrapper .card.placeholder{background-color:var(--main-color-2)}.cta-sidebar>.card-wrapper .card.placeholder .card-image{display:block}.cta-sidebar>.card-wrapper .card.placeholder .picture-component{position:absolute;width:100%;height:100%}.cta-sidebar>.card-wrapper .card.placeholder img{object-fit:cover;height:100%;width:100%}.cta-sidebar>.card-wrapper .card{background-color:var(--grey-4);display:grid;grid-template-columns:1fr;position:relative;overflow:hidden}.cta-sidebar>.card-wrapper .card-image{grid-column:1;grid-row:1;display:flex;align-items:end;justify-content:end}.cta-sidebar>.card-wrapper .card-image img{object-position:bottom right}.cta-sidebar>.card-wrapper .body{grid-column:1;grid-row:1;display:flex;justify-content:space-between;flex-direction:column;color:var(--white);z-index:1;padding:30px;gap:85px}.cta-sidebar>.card-wrapper .body .card-button .btn-default{--btn-height: 48px;--btn-radius: var(--radius-2);--btn-bg-hover: var(--grey-2);--btn-border-color-hover: var(--grey-2);padding:var(--btn-padding-2)}.cta-sidebar>.card-wrapper .body .card-button .btn-default>span:nth-child(2){left:24px;right:24px}.cta-sidebar>.sidebar{--heading-text-color: var(--white);--_sidebar-rte-size: clamp(2rem, 1.2vw, 2.4rem);background-color:var(--grey-2);padding:30px}.cta-sidebar>.sidebar .sidebar-header{margin-bottom:24px}.cta-sidebar>.sidebar .richtext{--richtext-color: var(--white);display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--_sidebar-rte-size);line-height:1.5;letter-spacing:1px}}
