.accessibility-btn { z-index:9998 !important; } .enpara-mobile-sticky-banner { display: none; position: fixed; z-index: 9998 !important; right: 0; bottom: 0; left: 0; width: 100%; padding: 0 12px 12px; box-sizing: border-box; font-family: "Geogrotesque", sans-serif; transform: translate3d(0, 110%, 0); pointer-events: none; touch-action: none; background-color: #fff; } .enpara-mobile-sticky-banner__carousel { display: flex; gap: 12px; width: 100%; overflow: visible; transition: transform .32s cubic-bezier(.22, .61, .36, 1); touch-action: pan-y; } .enpara-mobile-sticky-banner__slide { overflow: visible; } .enpara-mobile-sticky-banner__carousel-dots { pointer-events: none; } .enpara-mobile-sticky-banner__slide { display: block; position: relative; flex: 0 0 100%; background-repeat: no-repeat; background-size: cover; cursor: pointer; } .enpara-mobile-sticky-banner__carousel.has-multiple-items .enpara-mobile-sticky-banner__slide { flex-basis: calc(100% - 12px); } .enpara-mobile-sticky-banner__slide.is-active { display: block; } .enpara-mobile-sticky-banner__slide .enpara-mobile-sticky-banner__inner { position: relative; display: flex; align-items: center; min-height: 92px; padding: 27px 22px 16px; overflow: hidden; border: 1px solid #fff; border-radius: 18px; background-color: #b44ea7; box-sizing: border-box; box-shadow: 0 0 6px #fff, 0 0 14px #00b3fd, 0 0 24px #b44ea7, inset 0 0 16px rgba(255, 255, 255, .22); } .enpara-mobile-sticky-banner__slide .enpara-mobile-sticky-banner__inner:before { position: absolute; top: 0; left: -45%; z-index: 1; width: 35%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent); content: ""; transform: skewX(-22deg); animation: enparaMobileBannerShine 3.2s ease-in-out infinite; } .enpara-mobile-sticky-banner__slide .enpara-mobile-sticky-banner__inner[style*="background-image"] { background-size: cover; background-repeat: no-repeat; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__inner[style*="--cms-banner-background-image"] { background-image: var(--cms-banner-background-image); background-position: var(--cms-banner-background-position); } .enpara-mobile-sticky-banner__slide .enpara-mobile-sticky-banner__content { position: relative; z-index: 2; min-width: 0; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__inner:after { position: absolute; content: ""; height: 100%; width: 100%; background-image: linear-gradient(248deg, rgba(180, 78, 167, .1), rgba(35, 11, 57, .3) 48%, rgba(7, 6, 23, .9)); left: 0; top: 0; z-index: 1; pointer-events: none; } .enpara-mobile-sticky-banner__carousel-dots { position: absolute; right: 0; bottom: 17px; left: 0; z-index: 3; text-align: center; } .enpara-mobile-sticky-banner__carousel-dot { display: inline-block; width: 6px; height: 6px; margin: 0 3px; border-radius: 50%; background: rgba(255, 255, 255, .5); } .enpara-mobile-sticky-banner__carousel-dot.is-active { background: #fff; box-shadow: 0 0 6px #fff; } .enpara-mobile-sticky-banner.is-visible { animation: enparaMobileBannerIn .7s cubic-bezier(.22, .61, .36, 1) forwards; pointer-events: auto; } .enpara-mobile-sticky-banner.is-hidden { animation: enparaMobileBannerOut .45s ease-in forwards; pointer-events: none; } .enpara-mobile-sticky-banner.is-dragging { animation: none !important; transition: none !important; } .enpara-mobile-sticky-banner.is-settled { animation: none !important; transform: translate3d(0, 0, 0) !important; } .enpara-mobile-sticky-banner.is-swipe-dismissed { animation: none !important; pointer-events: none; transition: transform .3s cubic-bezier(.22, .61, .36, 1), opacity .3s ease; transform: translate3d(0, -110%, 0); opacity: 0; } .enpara-banner-target-highlight { position: relative !important; border: 0 !important; border-radius: 8px; box-shadow: none; } .enpara-banner-target-highlight:after { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; background-image: linear-gradient(90deg, rgba(180, 78, 167, .48), rgba(255, 255, 255, .42), rgba(180, 78, 167, .48)), linear-gradient(180deg, rgba(180, 78, 167, .48), rgba(255, 255, 255, .42), rgba(180, 78, 167, .48)), linear-gradient(270deg, rgba(180, 78, 167, .48), rgba(255, 255, 255, .42), rgba(180, 78, 167, .48)), linear-gradient(0deg, rgba(180, 78, 167, .48), rgba(255, 255, 255, .42), rgba(180, 78, 167, .48)); background-position: top left, top right, bottom right, bottom left; background-repeat: no-repeat; background-size: 0 2px, 2px 0, 0 2px, 2px 0; content: ""; pointer-events: none; filter: drop-shadow(0 0 3px rgba(180, 78, 167, .45)) drop-shadow(0 0 6px rgba(180, 78, 167, .3)); opacity: 1; animation: enparaBannerTargetSnake 0.8s ease-out 1 forwards; } .enpara-mobile-sticky-banner__inner { position: relative; display: flex; align-items: center; min-height: 92px; padding: 27px 22px 16px; overflow: hidden; border: 1px solid #fff; border-radius: 18px; background: linear-gradient(115deg, #b44ea7 0%, #7d3c98 48%, #00b3fd 100%); box-shadow: 0 0 6px #fff, 0 0 14px #00b3fd, 0 0 24px #b44ea7, inset 0 0 16px rgba(255, 255, 255, .22); box-sizing: border-box; } .enpara-mobile-sticky-banner__inner:before { position: absolute; top: 0; left: -45%; width: 35%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .35), transparent); content: ""; transform: skewX(-22deg); animation: enparaMobileBannerShine 3.2s ease-in-out infinite; } .enpara-mobile-sticky-banner__glow { display: none; position: absolute; right: 20%; bottom: 1px; left: 20%; height: 2px; border-radius: 50%; background: #ff9b07; box-shadow: 0 0 8px #ff9b07, 0 0 18px #ff9b07; animation: enparaMobileBannerPulse 1.5s ease-in-out infinite; } .enpara-mobile-sticky-banner__content { position: relative; z-index: 1; min-width: 0; } .enpara-mobile-sticky-banner__eyebrow { display: block; margin-bottom: 2px; color: #ff9b07; font-size: 10px; font-weight: 700; letter-spacing: 2px; } .enpara-mobile-sticky-banner__title { margin: 0; color: #fff; font-size: 18px; line-height: 1.2; } .enpara-mobile-sticky-banner__description { max-width: 275px; margin: 5px 0 0; color: #fff; font-size: 12px; line-height: 1.35; } .enpara-mobile-sticky-banner__button { display: inline-block; margin-top: 9px; padding: 7px 14px; border-radius: 16px; background: #ff9b07; color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; } .enpara-mobile-sticky-banner__swipe-hint { position: absolute; z-index: 1; top: 4px; left: 50%; width: 40px; height: 30px; transform: translateX(-50%); } .enpara-mobile-sticky-banner__swipe-icon { position: absolute; top: 0; left: 0; width: 40px; height: 30px; fill: none; filter: drop-shadow(0 0 4px rgba(180, 78, 167, .55)); stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; animation: enparaMobileBannerArrow 1.1s ease-in-out 3 both; } .enpara-mobile-sticky-banner__image-wrap { position: relative; z-index: 1; flex: 0 0 56px; margin-right: 13px; } .enpara-mobile-sticky-banner__image { display: block; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__inner { min-height: 140px; padding: 30px 20px 17px; border: 1px solid #fff !important; border-radius: 16px;  background-size: cover; background-color: #b44ea7; background-position: top 18px right -110px; box-shadow: 0 0 8px rgba(180, 78, 167, .55), 0 0 18px rgba(180, 78, 167, .35), inset 0 0 14px rgba(180, 78, 167, .18); will-change: box-shadow; animation: enparaDesignThreeNeon 3.2s cubic-bezier(.4, 0, .2, 1) infinite; background-repeat: no-repeat; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__inner:after { position: absolute; content: ""; height: 100%; width: 100%; background-image: linear-gradient(248deg, rgba(180, 78, 167, .1), rgba(35, 11, 57, .3) 48%, rgba(7, 6, 23, .9)); left: 0; top: 0; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__inner:before { display: block; z-index: 1; width: 45%; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .08) 30%, rgba(255, 255, 255, .72) 50%, rgba(255, 255, 255, .08) 70%, transparent 100%); opacity: .55; animation: enparaMobileBannerShine 5s cubic-bezier(.4, 0, .2, 1) infinite; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__image-wrap, .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__image { display: none; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__content { position: absolute; top: 18%; left: 20px; display: flex; width: auto; padding: 0; text-align: left; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__title { font-size: 19px; text-shadow: -2px 2px 0px #b44ea7; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__description { max-width: none; text-shadow: 0 1px 4px rgba(0, 0, 0, .35); } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__swipe-hint { top: 3px; width: 48px; height: 30px; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__swipe-icon { width: 48px; height: 30px; opacity: 1 !important; filter: drop-shadow(0 0 1px #fff) drop-shadow(-2px 2px 0 #b44ea7) drop-shadow(0 0 6px rgba(180, 78, 167, 0.2)); stroke-width: 2.4; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__glow { right: 12%; left: 12%; background: #ff9b07; box-shadow: 0 0 8px #ff9b07, 0 0 18px #ff9b07; } .enpara-mobile-sticky-banner--2 .enpara-mobile-sticky-banner__inner { min-height: 124px; padding: 26px 20px 18px; border: 1px solid rgba(255, 255, 255, .72) !important; border-radius: 10px;  background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 0 9px 24px rgba(13, 9, 40, .58), inset 0 0 0 1px rgba(0, 179, 253, .25); animation: enparaDesignTwoImageGlow 5.8s ease-in-out infinite; } .enpara-mobile-sticky-banner--2 .enpara-mobile-sticky-banner__inner[style*="--cms-banner-background-image"] { background-image: linear-gradient(90deg, rgba(180, 78, 167, .96) 0%, rgba(180, 78, 167, .84) 37%, rgba(180, 78, 167, .12) 82%), var(--cms-banner-background-image); background-position: var(--cms-banner-background-position); } .enpara-mobile-sticky-banner--2 .enpara-mobile-sticky-banner__inner:before { display: none; } .enpara-mobile-sticky-banner--2 .enpara-mobile-sticky-banner__image-wrap, .enpara-mobile-sticky-banner--2 .enpara-mobile-sticky-banner__image { display: none; } .enpara-mobile-sticky-banner--2 .enpara-mobile-sticky-banner__title { color: #fff; letter-spacing: .25px; text-shadow: 0 2px 8px rgba(0, 0, 0, .8); } .enpara-mobile-sticky-banner--2 .enpara-mobile-sticky-banner__description { color: rgba(255, 255, 255, .9); } .enpara-mobile-sticky-banner--2 .enpara-mobile-sticky-banner__swipe-icon { stroke: #fff; } .enpara-mobile-sticky-banner--2 .enpara-mobile-sticky-banner__glow { display: none; } .enpara-mobile-sticky-banner--3 .enpara-mobile-sticky-banner__inner { min-height: 124px; padding: 26px 20px 18px; border: 1px solid rgba(255, 255, 255, .72) !important; border-radius: 10px;  background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 0 9px 24px rgba(13, 9, 40, .58), inset 0 0 0 1px rgba(0, 179, 253, .25); animation: enparaDesignThreeImageGlow 5.8s ease-in-out infinite; } .enpara-mobile-sticky-banner--3 .enpara-mobile-sticky-banner__inner[style*="--cms-banner-background-image"] { background-image: linear-gradient(90deg, rgba(13, 9, 40, .96) 0%, rgba(13, 9, 40, .84) 37%, rgba(13, 9, 40, .12) 82%), var(--cms-banner-background-image); background-position: var(--cms-banner-background-position); } .enpara-mobile-sticky-banner--3 .enpara-mobile-sticky-banner__inner:before { display: none; } .enpara-mobile-sticky-banner--3 .enpara-mobile-sticky-banner__image-wrap { display: none; } .enpara-mobile-sticky-banner--3 .enpara-mobile-sticky-banner__image { display: none; } .enpara-mobile-sticky-banner--3 .enpara-mobile-sticky-banner__title { color: #fff; letter-spacing: .25px; text-shadow: -2px 2px 0px rgb(180 78 167); } .enpara-mobile-sticky-banner--3 .enpara-mobile-sticky-banner__description { color: rgba(255, 255, 255, .9); } .enpara-mobile-sticky-banner--3 .enpara-mobile-sticky-banner__swipe-icon { stroke: #fff; } .enpara-mobile-sticky-banner--3 .enpara-mobile-sticky-banner__glow { display: none; } .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__inner { min-height: 124px; padding: 26px 20px 18px; border: 1px solid #fff !important; border-radius: 15px;  background-size: cover; background-position: 58% center; background-repeat: no-repeat; box-shadow: 0 9px 26px rgba(54, 14, 73, .5), 0 0 18px rgba(180, 78, 167, .5); animation: enparaDesignFourImageGlow 6.2s ease-in-out infinite; } .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__inner[style*="--cms-banner-background-image"] { background-image: linear-gradient(135deg, rgba(180, 78, 167, .86), rgba(35, 11, 57, .72) 48%, rgba(7, 6, 23, .9)), var(--cms-banner-background-image); background-position: var(--cms-banner-background-position); } .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__inner:before { display: none; } .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__inner:after { position: absolute; top: 0; left: -45%; width: 35%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .42), transparent); content: ""; transform: skewX(-22deg); animation: enparaMobileBannerShine 3.8s ease-in-out infinite; } .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__content { position: absolute; right: 20px; bottom: 17px; left: 20px; z-index: 2; } .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__title { color: #fff; font-size: 19px; font-weight: 700; letter-spacing: .4px; text-shadow: 0 0 2px #fff, 0 0 8px #b44ea7, 0 0 18px #b44ea7; animation: enparaDesignFourText 2.5s ease-in-out infinite; } .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__description { color: rgba(255, 255, 255, .86); text-shadow: 0 0 2px #fff, 0 0 8px #b44ea7, 0 0 18px #b44ea7; animation: enparaDesignFourText 2.5s ease-in-out .12s infinite; } .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__swipe-icon { stroke: #fff; animation-fill-mode: forwards; opacity: 1 !important; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__inner, .enpara-mobile-sticky-banner--6 .enpara-mobile-sticky-banner__inner, .enpara-mobile-sticky-banner--7 .enpara-mobile-sticky-banner__inner, .enpara-mobile-sticky-banner--8 .enpara-mobile-sticky-banner__inner { min-height: 140px; padding: 29px 20px 18px; background-size: cover; background-repeat: no-repeat; } .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__inner, .enpara-mobile-sticky-banner--2 .enpara-mobile-sticky-banner__inner, .enpara-mobile-sticky-banner--3 .enpara-mobile-sticky-banner__inner, .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__inner { min-height: 140px; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__inner { border: 1px solid #fff !important; border-radius: 24px 8px 24px 8px;  background-position: center; box-shadow: 0 12px 30px rgba(0, 0, 0, .7), 0 0 18px rgba(180, 78, 167, .82); } .enpara-mobile-sticky-banner--6 .enpara-mobile-sticky-banner__inner { border: 1px solid #8aca2d !important; border-radius: 10px;  background-position: center; box-shadow: 0 12px 30px rgba(0, 0, 0, .72), 0 0 18px rgba(138, 202, 45, .75); } .enpara-mobile-sticky-banner--7 .enpara-mobile-sticky-banner__inner { border: 1px solid #ff9b07 !important; border-radius: 8px 28px 8px 28px;  background-position: 58% center; box-shadow: 0 12px 30px rgba(0, 0, 0, .72), 0 0 18px rgba(255, 155, 7, .82); } .enpara-mobile-sticky-banner--8 .enpara-mobile-sticky-banner__inner { border: 1px solid #b44ea7 !important; border-radius: 40px;  background-position: center; box-shadow: 0 12px 30px rgba(0, 0, 0, .72), 0 0 20px rgba(180, 78, 167, .9), inset 0 0 20px rgba(255, 255, 255, .12); } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__content, .enpara-mobile-sticky-banner--6 .enpara-mobile-sticky-banner__content, .enpara-mobile-sticky-banner--7 .enpara-mobile-sticky-banner__content, .enpara-mobile-sticky-banner--8 .enpara-mobile-sticky-banner__content { position: relative; z-index: 2; max-width: 285px; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--6 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--7 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--8 .enpara-mobile-sticky-banner__title { color: #fff; font-size: 18px; font-weight: 700; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__description { text-shadow: 0 0 2px #fff, 0 0 8px #b44ea7, 0 0 18px #b44ea7; animation: enparaDesignFiveText 2.7s ease-in-out infinite; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__title { font-size: 19px; text-shadow: 0 0 2px #fff, 0 0 8px #b44ea7, 0 0 18px #b44ea7; animation: enparaDesignFourText 2.5s ease-in-out infinite; } .enpara-mobile-sticky-banner--6 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--6 .enpara-mobile-sticky-banner__description { text-shadow: 0 0 2px #fff, 0 0 8px #8aca2d, 0 0 18px #8aca2d; animation: enparaDesignSixText 3s ease-in-out infinite; } .enpara-mobile-sticky-banner--7 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--7 .enpara-mobile-sticky-banner__description { text-shadow: 0 0 2px #fff, 0 0 8px #ff9b07, 0 0 18px #ff9b07; animation: enparaDesignSevenText 2.5s ease-in-out infinite; } .enpara-mobile-sticky-banner--8 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--8 .enpara-mobile-sticky-banner__description { text-shadow: 0 0 2px #fff, 0 0 8px #b44ea7, 0 0 20px #b44ea7; animation: enparaDesignEightText 3.4s ease-in-out infinite; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__swipe-icon, .enpara-mobile-sticky-banner--6 .enpara-mobile-sticky-banner__swipe-icon, .enpara-mobile-sticky-banner--7 .enpara-mobile-sticky-banner__swipe-icon, .enpara-mobile-sticky-banner--8 .enpara-mobile-sticky-banner__swipe-icon { stroke: #fff; opacity: 1 !important; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__inner { min-height: 140px; padding: 30px 20px 17px; border: 1px solid #fff !important; border-radius: 16px;  background-size: cover; background-color: #b44ea7; background-position: top 18px right -110px; background-repeat: no-repeat; box-shadow: 0 0 8px rgba(180, 78, 167, .55), 0 0 18px rgba(180, 78, 167, .35), inset 0 0 14px rgba(180, 78, 167, .18); animation: enparaDesignThreeNeon 3.2s cubic-bezier(.4, 0, .2, 1) infinite; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__inner:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(248deg, rgba(180, 78, 167, .1), rgba(35, 11, 57, .3) 48%, rgba(7, 6, 23, .9)); content: ""; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__inner:before { display: block; z-index: 1; width: 45%; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .08) 30%, rgba(255, 255, 255, .72) 50%, rgba(255, 255, 255, .08) 70%, transparent 100%); opacity: .55; animation: enparaMobileBannerShine 5s cubic-bezier(.4, 0, .2, 1) infinite; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__content { position: absolute; top: 18%; left: 20px; display: flex; width: auto; padding: 0; text-align: left; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__title { font-size: 19px; text-shadow: 0 0 2px #fff, 0 0 8px #b44ea7, 0 0 18px #b44ea7; animation: enparaDesignFourText 2.5s ease-in-out infinite; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__description { max-width: none; text-shadow: 0 0 2px #fff, 0 0 8px #b44ea7, 0 0 18px #b44ea7; animation: enparaDesignFourText 2.5s ease-in-out .12s infinite; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__swipe-hint { top: 3px; width: 48px; height: 30px; } .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__swipe-icon { width: 48px; height: 30px; filter: drop-shadow(0 0 1px #fff) drop-shadow(-2px 2px 0 #b44ea7) drop-shadow(0 0 6px rgba(180, 78, 167, 0.2)); stroke-width: 2.4; } @keyframes enparaMobileBannerIn { from { transform: translate3d(0, 110%, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes enparaMobileBannerOut { from { transform: translate3d(0, 0, 0); opacity: 1; } to { transform: translate3d(0, 110%, 0); opacity: 0; } } @keyframes enparaMobileBannerPulse { 0%, 100% { opacity: .55; transform: scaleX(.8); } 50% { opacity: 1; transform: scaleX(1.15); } } @keyframes enparaMobileBannerShine { 0%, 55% { left: -45%; } 100% { left: 125%; } } @keyframes enparaMobileBannerArrow { 0%, 100% { transform: translateY(5px); opacity: .55; } 50% { transform: translateY(-4px); opacity: 1; } } @keyframes enparaBannerTargetSnake { 0%, 8% { background-size: 0 1px, 1px 0, 0 1px, 1px 0; opacity: 0; } 22% { background-size: 100% 1px, 1px 0, 0 1px, 1px 0; opacity: .82; } 42% { background-size: 100% 1px, 1px 100%, 0 1px, 1px 0; opacity: .76; } 62% { background-size: 100% 1px, 1px 100%, 100% 1px, 1px 0; opacity: .68; } 78% { background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; opacity: .58; } 100% { background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; opacity: 0; } } @keyframes enparaModernNeonBlink { 0%, 100% { box-shadow: 0 8px 24px #b44ea7, 0 0 6px #b44ea7, inset 0 0 12px #b44ea7; } 50% { box-shadow: 0 8px 24px #b44ea7, 0 0 22px #b44ea7, inset 0 0 22px #b44ea7; } } @keyframes enparaDesignThreeNeon { 0% { box-shadow: 0 0 8px rgba(180, 78, 167, .55), 0 0 18px rgba(180, 78, 167, .35), inset 0 0 14px rgba(180, 78, 167, .18); } 50% { box-shadow: 0 0 10px rgba(180, 78, 167, .66), 0 0 21px rgba(180, 78, 167, .43), inset 0 0 16px rgba(180, 78, 167, .23); } 100% { box-shadow: 0 0 8px rgba(180, 78, 167, .55), 0 0 18px rgba(180, 78, 167, .35), inset 0 0 14px rgba(180, 78, 167, .18); } } @keyframes enparaDesignFiveText { 0%, 100% { opacity: 1; text-shadow: 0 0 2px #fff, 0 0 8px #b44ea7, 0 0 18px #b44ea7; } 46% { opacity: .85; text-shadow: 0 0 1px #fff, 0 0 4px #b44ea7; } 52% { opacity: 1; text-shadow: 0 0 3px #fff, 0 0 12px #b44ea7, 0 0 25px #b44ea7; } } @keyframes enparaDesignSixText { 0%, 100% { opacity: 1; text-shadow: 0 0 2px #fff, 0 0 8px #8aca2d, 0 0 18px #8aca2d; } 34% { opacity: .88; text-shadow: 0 0 1px #fff, 0 0 4px #8aca2d; } 40% { opacity: 1; text-shadow: 0 0 3px #fff, 0 0 12px #8aca2d, 0 0 24px #8aca2d; } } @keyframes enparaDesignSevenText { 0%, 100% { opacity: 1; text-shadow: 0 0 2px #fff, 0 0 8px #ff9b07, 0 0 18px #ff9b07; } 8% { opacity: .78; text-shadow: 0 0 1px #fff, 0 0 3px #ff9b07; } 13% { opacity: 1; text-shadow: 0 0 3px #fff, 0 0 12px #ff9b07, 0 0 25px #ff9b07; } 62% { opacity: .9; text-shadow: 0 0 2px #fff, 0 0 5px #ff9b07; } } @keyframes enparaDesignFourText { 0%, 100% { opacity: 1; text-shadow: 0 0 2px #fff, 0 0 8px #b44ea7, 0 0 18px #b44ea7; } 8% { opacity: .78; text-shadow: 0 0 1px #fff, 0 0 3px #b44ea7; } 13% { opacity: 1; text-shadow: 0 0 3px #fff, 0 0 12px #b44ea7, 0 0 25px #b44ea7; } 62% { opacity: .9; text-shadow: 0 0 2px #fff, 0 0 5px #b44ea7; } } @keyframes enparaDesignEightText { 0%, 100% { opacity: 1; text-shadow: 0 0 2px #fff, 0 0 8px #b44ea7, 0 0 20px #b44ea7; } 48% { opacity: .82; text-shadow: 0 0 1px #fff, 0 0 3px #b44ea7; } 55% { opacity: 1; text-shadow: 0 0 3px #fff, 0 0 13px #b44ea7, 0 0 27px #b44ea7; } } @media (max-width: 767px) { .enpara-mobile-sticky-banner { display: none; } .enpara-mobile-sticky-banner.is-visible, .enpara-mobile-sticky-banner.is-hidden { display: block; } .enpara-mobile-sticky-banner[style*="display:none"] { display: none !important; } } @media (prefers-reduced-motion: reduce) { .enpara-mobile-sticky-banner.is-visible, .enpara-mobile-sticky-banner.is-hidden, .enpara-mobile-sticky-banner__inner:before, .enpara-mobile-sticky-banner__glow, .enpara-mobile-sticky-banner__swipe-icon, .enpara-mobile-sticky-banner--1 .enpara-mobile-sticky-banner__inner, .enpara-mobile-sticky-banner--2 .enpara-mobile-sticky-banner__inner, .enpara-mobile-sticky-banner--3 .enpara-mobile-sticky-banner__inner, .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__inner, .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__inner:after, .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--4 .enpara-mobile-sticky-banner__description, .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--5 .enpara-mobile-sticky-banner__description, .enpara-mobile-sticky-banner--6 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--6 .enpara-mobile-sticky-banner__description, .enpara-mobile-sticky-banner--7 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--7 .enpara-mobile-sticky-banner__description, .enpara-mobile-sticky-banner--8 .enpara-mobile-sticky-banner__title, .enpara-mobile-sticky-banner--8 .enpara-mobile-sticky-banner__description, .enpara-banner-target-highlight, .enpara-banner-target-highlight:after { animation: none; } .enpara-banner-target-highlight { border-color: #b44ea7 !important; } .enpara-mobile-sticky-banner.is-visible { transform: translate3d(0, 0, 0); } }