[data-flick-cards-dragger] { position: absolute; inset: 0; z-index: 1; pointer-events: auto; touch-action: pan-y; } /* Position Slides (also in Webflow Designer) */ [data-flick-cards-item-status] .flick-card__media, :is(.wf-design-mode, .w-editor) .flick-card__media { transition: opacity 0.2s ease; opacity: 0.5; } [data-flick-cards-item-status="2-before"] .flick-card__media, [data-flick-cards-item-status="2-after"] .flick-card__media, :is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(2) .flick-card__media, :is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(1) .flick-card__media{ transition: opacity 0.2s ease; opacity: 0.75; } [data-flick-cards-item-status="active"] .flick-card__media, :is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) .flick-card__media { opacity: 1; } :is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) {z-index: 4;} :is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(2) {transform: translate(25%, 1%) rotate(10deg) scale(0.9, 0.9);z-index: 3;} :is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(3) {transform: translate(45%, 5%) rotate(15deg) scale(0.8, 0.8);z-index: 2;} :is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(1) {transform: translate(-25%, 1%) rotate(-10deg) scale(0.9, 0.9);z-index: 3;} :is(.wf-design-mode, .w-editor) .flick-group__item:nth-last-child(2) {transform: translate(-45%, 5%) rotate(-15deg) scale(0.8, 0.8);z-index: 2;} /* Animate Button */ [data-flick-cards-item-status] .flick-card__btn, :is(.wf-design-mode, .w-editor) .flick-group__item .flick-card__btn { transition: opacity 0.4s cubic-bezier(0.625, 0.05, 0, 1), 1s cubic-bezier(0.16, 1, 0.3, 1); opacity: 0; transform: translate(0%, 50%) rotate(0.001deg); } [data-flick-cards-item-status="active"] .flick-card__btn, :is(.wf-design-mode, .w-editor) .flick-group__item:nth-child(1) .flick-card__btn { opacity: 1; transform: translate(0%, 0%) rotate(0.001deg); }