@layer modules{section.cardWithSlider{margin-block:var(--spacing-2xl)}section.cardWithSlider>.inner{position:relative;display:grid;gap:var(--spacing-md) var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md);background-color:var(--dark);border-radius:var(--radius-md);font-size:var(--font-size-body-md);container-type:inline-size}section.cardWithSlider>.inner:has(>.slider-wrapper:last-child){padding-bottom:var(--spacing-md)}section.cardWithSlider h2{margin:0}section.cardWithSlider .text{align-self:end}section.cardWithSlider .text p,section.cardWithSlider .text li,section.cardWithSlider .text .p{font-size:inherit}section.cardWithSlider .slider-wrapper{--gap: var(--spacing-xs);display:grid;grid-template-columns:[slider-start arrows-start prev-start] auto [prev-end dots-start] 1fr [dots-end next-start] auto [slider-end arrows-end next-end];grid-template-rows:[slider-start] auto [slider-end arrows-start prev-start next-start dots-start] auto [arrows-end prev-end next-end dots-end];gap:var(--gap)}section.cardWithSlider .slider-wrapper .card{background-color:var(--medium);border-radius:var(--radius-xs);padding:var(--spacing-xs);height:100%}section.cardWithSlider .slider-wrapper .card a{text-decoration:underline;text-underline-offset:.15em}section.cardWithSlider .slider-wrapper .dots{grid-area:dots;display:flex;flex-wrap:wrap;justify-content:center;margin-block:auto;color:var(--darkest)}section.cardWithSlider .slider-wrapper .dots .dot{font-size:var(--font-size-body-lg);border:none;padding:.375em;cursor:pointer}section.cardWithSlider .slider-wrapper .dots .dot::before{content:"";display:block;width:.5em;height:.5em;border:.0625rem solid currentColor;border-radius:50%;transition-property:var(--add-transition-property),background-color,color;transition-duration:var(--transition-duration-fast);transition-timing-function:var(--transition-timing-function)}section.cardWithSlider .slider-wrapper .dots .dot--active::before{background-color:currentColor}section.cardWithSlider .slider-wrapper .arrows{grid-area:arrows;pointer-events:none;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;align-items:center}section.cardWithSlider .slider-wrapper .arrows button{--add-transition-property: filter;font-size:var(--font-size-heading-xs);padding:.5em;pointer-events:all;background-color:var(--light)}section.cardWithSlider .slider-wrapper .arrows button::before,section.cardWithSlider .slider-wrapper .arrows button::after{margin:0}section.cardWithSlider .slider-wrapper .arrows button::after{mask-image:url("/assets/images/thrive-locally-arrow.svg")}section.cardWithSlider .slider-wrapper .arrows button.prev{grid-area:prev;transform:rotate(180deg)}section.cardWithSlider .slider-wrapper .arrows button.next{grid-area:next}section.cardWithSlider .slider-wrapper .arrows button[disabled]{pointer-events:none;filter:contrast(0.25) brightness(1.5) opacity(0.5)}section.cardWithSlider .slider-wrapper .arrows.hidden{display:none}section.cardWithSlider .slider-wrapper .keen-slider{--gap: 16px;grid-area:slider;display:flex}section.cardWithSlider .slider-wrapper .keen-slider .keen-slider__slide{flex:0 0 100%}@media(min-width: 62rem){section.cardWithSlider .slider-wrapper .keen-slider{--gap: 32px}}@container (width > 36rem){section.cardWithSlider .slider-wrapper .keen-slider:has(>.keen-slider__slide:nth-child(2)) .keen-slider__slide{flex-basis:calc((100% - var(--gap))/2)}}@container (width > 72rem){section.cardWithSlider .slider-wrapper .keen-slider:has(>.keen-slider__slide:nth-child(3)) .keen-slider__slide{flex-basis:calc((100% - var(--gap)*2)/3)}}@media(min-width: 32rem){section.cardWithSlider .slider-wrapper{grid-template-columns:[arrows-start prev-start dots-start] auto [prev-end slider-start] 1fr 1fr [slider-end next-start] auto [dots-end arrows-end next-end];grid-template-rows:[arrows-start prev-start next-start slider-start] auto [slider-end arrows-end prev-end next-end dots-start] auto [dots-end]}}@media(min-width: 75rem){section.cardWithSlider>.inner{grid-template-columns:1fr 1fr}section.cardWithSlider>.inner:has(>.slider-wrapper:last-child){padding-bottom:var(--spacing-sm)}section.cardWithSlider h2:not(:has(+.text)),section.cardWithSlider .slider-wrapper{grid-column:1/-1}section.cardWithSlider .text:not(:has(+.slider-wrapper)){margin-block:auto}}}/*# sourceMappingURL=card-with-slider.css.map */