@keyframes image1SlideIn{0%{transform:translateX(0);left:0}100%{transform:translateX(-50%);left:50%}}@keyframes image3slideIn{0%{transform:translateX(0);right:0}100%{transform:translateX(50%);right:50%}}@keyframes image1SlideOut{0%{transform:translateX(-50%);left:50%}
100%{transform:translateX(0);left:0}}@keyframes image3slideOut{0%{transform:translateX(50%);right:50%}100%{transform:translateX(0);right:0}}.giftcard-slider{display:block;position:relative}.giftcard-slider__trigger{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%)}.giftcard-slider__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.giftcard-slider__background .image{width:100%;height:100%}.giftcard-slider__wrapper{padding:var(--space-40);display:flex;flex-direction:column;gap:var(--space-20)}.giftcard-slider__content{text-align:center;color:var(--gift-card-text-color);z-index:2}.giftcard-slider__images{position:relative;display:flex;gap:var(--space-50);justify-content:center;max-width:900px;width:100%;margin:0 auto}
@media(min-width:960px){.giftcard-slider__images{justify-content:space-between}}.giftcard-slider__images>*{width:100%;min-width:280px;max-width:400px}@media(min-width:960px){.giftcard-slider__images>*{min-width:none}}@media(min-width:960px){.giftcard-slider__images.animate-cards [data-image-1]{animation:image1SlideIn 3s forwards;animation-delay:.5s}
.giftcard-slider__images.animate-cards [data-image-2]{animation:image3slideIn 3s forwards;animation-delay:.5s}.giftcard-slider__images.animate-cards--out [data-image-1]{animation:image1SlideOut 1s forwards;animation-delay:.5s}.giftcard-slider__images.animate-cards--out [data-image-2]{animation:image3slideOut 1s forwards;animation-delay:.5s}
}.giftcard-slider__image-1{display:none;position:relative;z-index:2}@media(min-width:960px){.giftcard-slider__image-1{display:initial;left:0;transform:translateX(0);z-index:3}}.giftcard-slider__image-2{position:relative;z-index:2}.giftcard-slider__cta{text-align:center;z-index:2}