.feature-flip-cards .feature-flip-cards--container{margin:0 calc(var(--layout--padding)*-1);position:relative;width:calc(100% + var(--layout--padding)*2)}.feature-flip-cards .feature-flip-cards--container .carousel--viewport{display:flex;gap:var(--spacer-20);padding:5rem var(--layout--padding);scroll-padding:0 var(--layout--padding)}.feature-flip-cards .feature-flip-cards--container .button--carousel{position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--transition-timing--normal);z-index:1}.feature-flip-cards .feature-flip-cards--container .button--carousel[data-direction=next]{right:var(--layout--padding)}@media(width >= 37.5rem){.feature-flip-cards .feature-flip-cards--container .button--carousel[data-direction=next]{right:calc(var(--layout--padding)*.5)}}.feature-flip-cards .feature-flip-cards--container .button--carousel[data-direction=previous]{left:var(--layout--padding)}@media(width >= 37.5rem){.feature-flip-cards .feature-flip-cards--container .button--carousel[data-direction=previous]{left:calc(var(--layout--padding)*.5)}}.feature-flip-cards .feature-flip-cards--container .button--carousel[disabled]{opacity:0;pointer-events:none}.feature-flip-cards .flip-card{flex:0 0 85%;perspective:62.5rem;position:relative;scroll-snap-align:center;transform-style:preserve-3d;width:100%;z-index:0}.feature-flip-cards .flip-card:last-child{scroll-snap-align:end}@media(width >= 37.5rem){.feature-flip-cards .flip-card{flex:0 0 calc(45% - var(--spacer-20)*0.5);scroll-snap-align:start}.feature-flip-cards .flip-card:last-child{scroll-snap-align:end}}@media(width >= 56.25rem){.feature-flip-cards .flip-card{flex:0 0 calc(40% - var(--spacer-20)*0.66667)}}@media(width >= 75rem){.feature-flip-cards .flip-card{flex:0 0 calc(33% - var(--spacer-20)*0.66667)}}@media(width >= 100rem){.feature-flip-cards .flip-card{flex:0 0 calc(28% - var(--spacer-20)*0.75)}}@media(width >= 120rem){.feature-flip-cards .flip-card{flex:0 0 calc(19% - var(--spacer-20)*0.8)}}.feature-flip-cards .flip-card__content--intro{display:flex;flex-direction:column;justify-content:center}.feature-flip-cards .flip-card__back,.feature-flip-cards .flip-card__front{align-items:center;backface-visibility:hidden;display:flex;flex-direction:column;height:100%;justify-content:center;transform-style:preserve-3d;transition:var(--transition-timing--slow);width:100%}.feature-flip-cards .flip-card__back .flip-card__content,.feature-flip-cards .flip-card__front .flip-card__content{align-items:center;background-color:var(--color--ticker-tape);color:var(--color--pure-black);display:flex;flex-direction:column;gap:var(--spacer-10);justify-content:center;padding:1rem;width:100%}.feature-flip-cards .flip-card__back .flip-card__content img,.feature-flip-cards .flip-card__front .flip-card__content img{height:auto}.feature-flip-cards .flip-card__front{background-color:var(--color--charcoal);background-position:50%;background-size:cover;color:var(--color--pure-white);height:100%;justify-content:flex-end;left:0;padding:0;position:absolute;top:0;transform:rotateY(0deg)}.feature-flip-cards .flip-card__back{aspect-ratio:10/15;background:var(--color--pure-white);color:var(--color--pure-black);position:relative;transform:rotateY(180deg)}.feature-flip-cards .flip-card__back .flip-card__content{height:100%;padding:1rem}.feature-flip-cards .flip-card__back .trigger{align-content:center;border:0;border-radius:50%;display:grid;font-size:1rem;font-weight:700;height:2rem;opacity:1;position:absolute;right:.875rem;top:.875rem;transition:color var(--transition-timing--fast),background-color var(--transition-timing--fast);width:2rem}.feature-flip-cards .flip-card__back .trigger.close{display:inline-block;max-width:unset}@media(width >= 56.25rem){.feature-flip-cards .flip-card__back .trigger.close{display:inline-block}.feature-flip-cards .flip-card__back .trigger{align-content:center;display:grid}}.feature-flip-cards .flip-card__back .trigger:focus,.feature-flip-cards .flip-card__back .trigger:hover{background-color:rgba(0,0,0,.7);color:#fff}.feature-flip-cards .flip-card.active .flip-card__front{transform:rotateY(-180deg)}.feature-flip-cards .flip-card.active .flip-card__back{transform:rotateY(0deg)}
/*# sourceMappingURL=feature-flip-cards.css.map*/