.flow-templates-section{max-width:100%;overflow-x:clip}@supports not (overflow:clip){.flow-templates-section{overflow-x:hidden}}.flow-template-card{box-shadow:0 14px 40px rgba(0,0,0,.22);transform:translateZ(0) scale(1);transition:box-shadow .3s ease,opacity .3s ease,transform .3s ease}.flow-template-card:focus-visible,.flow-template-card:hover{box-shadow:0 24px 60px rgba(0,0,0,.42);transform:translate3d(0,-8px,0) scale(1.025);will-change:transform}.flow-template-card-media{backface-visibility:hidden;transform:translateZ(0) scale(1);transition:transform .7s ease}.flow-template-card:focus-visible .flow-template-card-media,.flow-template-card:hover .flow-template-card-media{transform:translateZ(0) scale(1.08);will-change:transform}.flow-template-card-arrow svg{display:block}.flow-template-card:focus-visible .flow-template-card-arrow,.flow-template-card:hover .flow-template-card-arrow{background-color:var(--canvas-white);border-color:var(--canvas-white);color:var(--ink-black);transform:translate3d(4px,0,0)}.flow-template-card-gradient{background:linear-gradient(180deg,transparent,rgba(0,0,0,.1) 24%,rgba(0,0,0,.38) 56%,rgba(0,0,0,.62) 78%,rgba(0,0,0,.78))}.flow-template-carousel-button-icon{align-items:center;display:flex;height:24px;justify-content:center;line-height:0;transition:color .2s ease;width:24px}.flow-template-carousel-button-icon svg{display:block;height:24px;width:24px}.flow-template-carousel-button:focus-visible .flow-template-carousel-button-icon,.flow-template-carousel-button:hover .flow-template-carousel-button-icon{color:var(--ink-black)}@media (prefers-reduced-motion:reduce){.flow-template-card,.flow-template-card-media{transition:none}.flow-template-card:focus-visible,.flow-template-card:focus-visible .flow-template-card-media,.flow-template-card:hover,.flow-template-card:hover .flow-template-card-media{transform:none}}