.imageWithCards{display:flex;position:relative;flex-direction:column;gap:.6rem;overflow:hidden;max-width:190rem;margin:0 auto}.imageWithCards__main-container{position:relative;display:flex;overflow:hidden}.imageWithCards__card-container{display:flex;flex-direction:row;gap:.6rem;overflow:hidden;flex:0 1 100%}.imageWithCards__card-container--stacked{flex-direction:column;gap:.6rem;display:flex;flex:0 1 100%}.imageWithCards__card{position:relative;flex:0 1 50%;display:flex;overflow:hidden}.imageWithCards__media.media .imageWithCards__image,.imageWithCards__media.media .imageWithCards__media svg{max-width:none;width:auto;top:50%;transform:translate(-50%,-50%);left:50%;min-width:100%}.imageWithCards__media.media .imageWithCards__image.first-image{display:block}.imageWithCards__media.media .imageWithCards__image.second-image{display:none}@media screen and (min-width: 750px){.imageWithCards__media.media .imageWithCards__image.first-image{display:none}.imageWithCards__media.media .imageWithCards__image.second-image{display:block}}.text-color-lt{color:var(--white)}.text-color-dk{color:var(--black)}.text-color-gr{color:var(--wyze-green)}.text-color-wp{color:var(--wyze-purple)}.imageWithCards__text{margin-top:10px}.imageWithCards__text a{font-weight:var(--font-body-weight)}.imageWithCards__text p{margin:0}.imageWithCards__box--card.imageWithCards__box{padding:3rem 2rem}a.imageWithCards__link{height:100%;width:100%;text-decoration:none}a.imageWithCards__link:focus-visible u{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.imageWithCards__box--card .imageWithCards__heading{line-height:1}@media screen and (max-width: 749px){.imageWithCards--small.imageWithCards--mobile-bottom:not(.imageWithCards--adapt)>.imageWithCards__media,.imageWithCards--small.imageWithCards--stacked:not(.imageWithCards--mobile-bottom):not(.imageWithCards--adapt)>.imageWithCards__media{height:28rem}.imageWithCards--medium.imageWithCards--mobile-bottom:not(.imageWithCards--adapt)>.imageWithCards__media,.imageWithCards--medium.imageWithCards--stacked:not(.imageWithCards--mobile-bottom):not(.imageWithCards--adapt)>.imageWithCards__media{height:34rem}.imageWithCards--large.imageWithCards--mobile-bottom:not(.imageWithCards--adapt)>.imageWithCards__media,.imageWithCards--large.imageWithCards--stacked:not(.imageWithCards--mobile-bottom):not(.imageWithCards--adapt)>.imageWithCards__media{height:39rem}.imageWithCards--small:not(.imageWithCards--mobile-bottom):not(.imageWithCards--adapt) .imageWithCards__card-container--stacked .imageWithCards__content--card,.imageWithCards--small:not(.imageWithCards--mobile-bottom):not(.imageWithCards--adapt) .imageWithCards__content:not(.imageWithCards__content--card){min-height:28rem}.imageWithCards--medium:not(.imageWithCards--mobile-bottom):not(.imageWithCards--adapt) .imageWithCards__card-container--stacked .imageWithCards__content--card,.imageWithCards--medium:not(.imageWithCards--mobile-bottom):not(.imageWithCards--adapt) .imageWithCards__content:not(.imageWithCards__content--card){min-height:34rem}.imageWithCards--large:not(.imageWithCards--mobile-bottom):not(.imageWithCards--adapt) .imageWithCards__card-container--stacked .imageWithCards__content--card,.imageWithCards--large:not(.imageWithCards--mobile-bottom):not(.imageWithCards--adapt) .imageWithCards__content:not(.imageWithCards__content--card){min-height:39rem}.imageWithCards.margin-bottom-mobile .imageWithCards__card:last-of-type{border-radius:8px 0 0 8px}.imageWithCards.margin-bottom-mobile .imageWithCards__card:first-of-type{border-radius:0 8px 8px 0}.imageWithCards:not(.margin-bottom-mobile) .imageWithCards__card:last-of-type{border-radius:8px 0 0}.imageWithCards:not(.margin-bottom-mobile) .imageWithCards__card:first-of-type{border-radius:0 8px 0 0}}@media screen and (min-width: 750px){.imageWithCards.margin-top-desktop .imageWithCards__card:first-of-type{border-radius:8px 0 0 8px}.imageWithCards.margin-bottom-desktop .imageWithCards__card:last-of-type{border-radius:8px 0 0 8px}.imageWithCards:not(.margin-top-desktop) .imageWithCards__card:first-of-type{border-radius:0 0 0 8px}.imageWithCards:not(.margin-bottom-desktop) .imageWithCards__card:last-of-type{border-radius:8px 0 0}.imageWithCards:not(.margin-bottom-desktop) .imageWithCards__main-container{border-radius:0 8px 0 0}.imageWithCards:not(.margin-top-desktop) .imageWithCards__main-container{border-radius:0 0 8px}.imageWithCards:not(.margin-top-desktop,.margin-bottom-desktop) .imageWithCards__main-container{border-radius:0}.imageWithCards.margin-bottom-desktop.margin-top-desktop .imageWithCards__main-container{border-radius:0 8px 8px 0}.imageWithCards__main-container{flex:0 1 70%}.imageWithCards{gap:1rem}.imageWithCards__card-container{flex:0 1 50%;gap:1rem;flex-direction:column}.imageWithCards__card-container--stacked{flex:0 1 40%;gap:1rem;flex-direction:column}.imageWithCards{flex-direction:row}.imageWithCards--small:not(.imageWithCards--adapt){height:48rem}.imageWithCards--medium:not(.imageWithCards--adapt){height:56rem}.imageWithCards--large:not(.imageWithCards--adapt){height:72rem}}@media screen and (max-width: 749px){.imageWithCards:not(.imageWithCards--stacked){flex-direction:row;flex-wrap:wrap}.imageWithCards--stacked{height:auto}.imageWithCards--stacked .imageWithCards__media{flex-direction:column}}.imageWithCards__media{height:100%;position:absolute;left:0;top:0;width:100%}.imageWithCards__media-half{width:50%}.imageWithCards__media-half+.imageWithCards__media-half{right:0;left:auto}@media screen and (max-width: 749px){.imageWithCards--stacked .imageWithCards__media-half{width:100%}.imageWithCards--stacked .imageWithCards__media-half+.imageWithCards__media-half{order:1}}@media screen and (min-width: 750px){.imageWithCards__media{height:100%}}.imageWithCards--adapt{height:auto}@media screen and (max-width: 749px){.imageWithCards--mobile-bottom .imageWithCards__media,.imageWithCards--stacked:not(.imageWithCards--mobile-bottom) .imageWithCards__media{position:relative}.imageWithCards--stacked.imageWithCards--adapt .imageWithCards__content{height:auto}.imageWithCards:not(.imageWithCards--mobile-bottom) .imageWithCards__box{background-color:transparent;--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 0, 0, 0}.imageWithCards:not(.imageWithCards--mobile-bottom) .button--secondary{--color-button: 255, 255, 255;--color-button-text: 255, 255, 255;--alpha-button-background: 0}.imageWithCards--stacked:not(.imageWithCards--mobile-bottom):not(.imageWithCards--adapt) .imageWithCards__content{position:absolute;height:auto}.imageWithCards--stacked.imageWithCards--adapt:not(.imageWithCards--mobile-bottom) .imageWithCards__content{max-height:100%;overflow:hidden;position:absolute}.imageWithCards--stacked:not(.imageWithCards--adapt) .imageWithCards__media{position:relative}.imageWithCards:before{display:none!important}.imageWithCards--stacked .imageWithCards__media-image-half{width:100%}}.imageWithCards__media .placeholder-svg{position:absolute;left:0;top:0;height:100%;width:100%}.imageWithCards__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (max-width: 749px){.imageWithCards--mobile-bottom:not(.imageWithCards--stacked) .imageWithCards__content{order:2}.imageWithCards--medium:not(.imageWithCards--mobile-bottom):not(.imageWithCards--adapt) .imageWithCards__card-container .imageWithCards__content.imageWithCards__content--card{min-height:auto}}@media screen and (min-width: 750px){.imageWithCards__content{padding-bottom:5rem;padding-top:5rem}.imageWithCards__content.imageWithCards__content--card{padding-top:0;padding-bottom:0;height:100%}.imageWithCards__content--center{align-items:center}.imageWithCards__content--flex-start{align-items:flex-start;padding-bottom:15rem}.imageWithCards__content--flex-end{align-items:flex-end;padding-top:15rem}}.imageWithCards__box{border:0;padding:4rem 3.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%}.imageWithCards__box--card .imageWithCards__heading,.imageWithCards__box--card .imageWithCards__text{margin:1rem 0 0;line-height:1.2}@media screen and (min-width: 750px){.imageWithCards--desktop-transparent .imageWithCards__box,.imageWithCards__card--desktop-transparent .imageWithCards__box{background-color:transparent;--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 0, 0, 0;max-width:89rem}.imageWithCards--desktop-transparent .button--secondary{--color-button: 255, 255, 255;--color-button-text: 255, 255, 255;--alpha-button-background: 0}}@media screen and (max-width: 749px){.imageWithCards--mobile-bottom:after{display:none}}.imageWithCards__card:after,.imageWithCards__main-container:after{content:"";position:absolute;background:#000000;opacity:0;z-index:1;width:100%;height:100%}.imageWithCards__box>.imageWithCards__buttons{display:flex;align-items:baseline;gap:1rem;justify-content:center;flex-wrap:wrap}.imageWithCards__box>*+.imageWithCards__buttons--multiple{display:flex;max-width:45rem;flex-wrap:wrap;align-items:baseline;justify-content:center;margin-right:auto;margin-left:auto}@media screen and (min-width: 750px){.imageWithCards__box:not(.imageWithCards__box--card)>*+.imageWithCards__buttons{margin-top:2rem}}.imageWithCards__content .button:last-child{margin-right:0}.imageWithCards__box:not(.imageWithCards__box--card)>*+.imageWithCards__text{margin-top:1.5rem}@media screen and (min-width: 750px){.imageWithCards__box:not(.imageWithCards__box--card)>*+.imageWithCards__text{margin-top:2rem}}.imageWithCards__box>*+*{margin-top:1rem}.imageWithCards__box>*:first-child{margin-top:0}.imageWithCards__content .button:not(:only-child){flex-grow:1}@media screen and (max-width: 749px){.imageWithCards--stacked .imageWithCards__box{width:100%}}@media screen and (min-width: 750px){.imageWithCards__box:not(.imageWithCards__box--card){padding:5rem;width:auto;max-width:79rem}.imageWithCards__box>.imageWithCards__buttons:only-child .button{margin-top:0}}@media screen and (min-width: 1400px){.imageWithCards__box{max-width:90rem}}.imageWithCards__heading>*,.imageWithCards__text>*{word-wrap:break-word}.imageWithCards__heading{margin-bottom:0}.imageWithCards__text{color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/411/assets/section-image-with-cards.css.map?v=16779583188167250341678400416 */