.card-carousel{display:flex;flex-direction:column;width:100%}@media only screen and (min-width: 48em){.card-carousel{width:calc(100% + var(--carousel-overlap));transform:translate(calc(var(--carousel-overlap) * -1))}}.card-carousel .carousel-description{max-width:400px;margin-bottom:0;font-size:14px;color:var(--Function-Greyscale-600)}.card-carousel .carousel-header{margin-top:32px;padding-inline:20px;order:1}@media only screen and (min-width: 48em){.card-carousel .carousel-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;order:0;max-width:620px;margin-top:0;margin-bottom:32px;margin-left:var(--carousel-overlap)}}.card-carousel .carousel-header .carousel-nav{display:none}@media only screen and (min-width: 48em){.card-carousel .carousel-header .carousel-nav{display:flex}}.card-carousel .carousel-container{display:flex;overflow:hidden}.carousel-nav{display:flex;flex-direction:row;gap:20px}@media only screen and (min-width: 48em){.carousel-nav{justify-content:flex-end}}.carousel-nav>div{display:flex;justify-content:center;align-items:center;position:relative;width:48px;height:48px;border:none;font-size:24px;cursor:pointer;transition:all .2s ease}.carousel-nav>div:before,.carousel-nav>div:after{content:"";position:absolute;top:0;left:0;width:48px;height:48px;background-size:48px;background-repeat:no-repeat}.carousel-nav>div:before{display:block}.carousel-nav>div:after{display:none}@media only screen and (min-width: 48em){.carousel-nav>div:hover:before{display:none}.carousel-nav>div:hover:after{display:block}}.carousel-nav>div.carousel-prev:before{background-image:url(https://funnel.io/hubfs/Icons/icon-arrow-left-black.svg)}.carousel-nav>div.carousel-prev:after{background-image:url(https://funnel.io/hubfs/Icons/icon-arrow-left-orange.svg)}.carousel-nav>div.carousel-next:before{background-image:url(https://funnel.io/hubfs/Icons/icon-arrow-right-black.svg)}.carousel-nav>div.carousel-next:after{background-image:url(https://funnel.io/hubfs/Icons/icon-arrow-right-orange.svg)}.carousel-track{display:flex;gap:var(--article-card-gap);overflow:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media only screen and (min-width: 48em){.carousel-track{overflow:unset}}.carousel-track .card-article{flex:0 0 var(--article-card-width);scroll-snap-align:center}.carousel-track .card-article:first-child{margin-left:20px}@media only screen and (min-width: 48em){.carousel-track .card-article:first-child{margin-left:0}}.carousel-track .card-article:last-child{margin-right:20px}@media only screen and (min-width: 48em){.carousel-track .card-article:last-child{margin-right:0}}.card-article:hover .card-content>img{border-color:var(--black)}.card-article:hover .card-content .card-action{border-color:var(--black)}.card-article:hover .card-content .card-action .card-button:after{right:-44px}.card-article .card-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:16px 12px 4px}.card-article .card-content>header .tags{display:flex;gap:12px}.card-article .card-content>header .tags .tag{display:inline-block;margin-bottom:8px;padding:4px 8px;font-size:.75rem;font-weight:600;line-height:1;letter-spacing:.075em;text-transform:uppercase;background-color:var(--Tertiary-Grey-20)}.card-article .card-content>header>h4{margin-top:0;margin-bottom:24px;font-size:1rem}.card-article .card-content>footer .usp{margin-bottom:16px}.card-article .card-content>footer .usp div{font-size:14px}.card-article .card-content>footer .usp div:first-child{margin-bottom:4px;font-size:40px;font-weight:600;line-height:1}.card-article .card-content>footer .card-action{margin-top:auto;border-top:1px solid var(--Tertiary-Grey-60);transition:all .2s}.card-article .card-content>footer .card-action .card-button{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 0;font-size:.875rem;font-weight:600;transition:all .2s}.card-article .card-content>footer .card-action .card-button:after{content:"";position:absolute;right:-36px;display:inline-block;width:24px;height:24px;background-image:url(https://funnel.io/hubfs/Icons/icon-arrow-right-black.svg);background-size:24px;background-position:50% 50%;background-repeat:no-repeat;transition:all .2s ease}
