Untitled
unknown
plain_text
a year ago
7.5 kB
2
Indexable
.eg-popup-show>.eg-exitintent-popup { z-index: 999999999999 !important; width: 100%; height: 100vh; backdrop-filter: blur(2px); background-color: rgba(0, 0, 0, 0.5) !important; flex-direction: column; justify-content: center; align-items: center; padding-top: 1.6rem; padding-bottom: 1.6rem; transition: all .4s cubic-bezier(.215, .61, .355, 1); display: flex; position: fixed; top: 0%; bottom: 0%; left: 0%; right: 0%; } .eg-popup-show>.eg-exitintent-popup>.container { width: 100%; max-width: unset !important; min-height: 1rem; margin-left: auto; margin-right: auto; padding-left: 2.4rem; padding-right: 2.4rem; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100vh; overflow: scroll; } .eg-popup-show>.eg-exitintent-popup>.container .eg-container_new { width: 100%; max-width: 44.7rem; grid-column-gap: 1.2rem; grid-row-gap: 1.2rem; border-radius: .8rem; background-color: white; text-align: center; background-image: url(https://assets-global.website-files.com/64ad6f1aef87635bd23449f1/64c0cff160dc481720e1881d_gradient-hero-centered.svg); background-position: 50%; background-repeat: no-repeat; background-size: cover; flex-direction: column; justify-content: flex-start; align-items: center; margin-left: auto; margin-right: auto; padding: 3.6rem; display: flex; position: relative; flex-direction: row; justify-content: center; align-items: center; padding-top: 2rem !important; padding-bottom: 2rem !important; } .eg-popup-show>.eg-exitintent-popup>.container .popup a.button { grid-column-gap: 0.6rem; color: white !important; justify-content: center; align-items: center; padding-left: 1.4rem; padding-right: 1.6rem; display: none; } .eg-popup-show>.eg-exitintent-popup .popup a.button>div { mask-image: linear-gradient(to bottom, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 30%) 100%); z-index: 0; height: 100%; object-fit: cover; border-radius: 0; transition: all .3s cubic-bezier(.215, .61, .355, 1); position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .eg-popup-show>.eg-exitintent-popup .popup .ratings { grid-column-gap: 1.2rem; flex-flow: row; align-items: center; display: flex; margin-top: 85px !important; justify-content: center; align-items: center; } .eg-popup-show>.eg-exitintent-popup .popup .ratings>.rating { grid-column-gap: 0.5rem; flex-flow: row; flex: none; justify-content: flex-start; align-items: center; font-size: .8rem; display: flex; position: relative; } .eg-popup-show>.eg-exitintent-popup .popup .ratings>.rating img { max-width: 100%; display: inline-block; } .eg-popup-show>.eg-exitintent-popup .popup .rating-number { margin-bottom: -0.2rem; font-size: 1.6rem; font-weight: 600; position: relative; } .eg-popup-show>.eg-exitintent-popup .popup .rating-star { -webkit-text-fill-color: transparent; background-image: linear-gradient(#efffc2, #e8e148); background-clip: text; font-family: Latticon, sans-serif; font-size: 1.3rem; position: relative; bottom: 0.1rem; left: 0.2rem; } .eg-popup-show>.eg-exitintent-popup .popup .rating-divider { width: 1px; height: 1.6rem; opacity: .4; flex: none; position: relative; background-color: currentcolor; } .eg-popup-show>.eg-exitintent-popup .popup .popup-close { width: 1.6rem !important; height: 1.6rem !important; aspect-ratio: 1/1 !important; border-radius: var(--radius--small) !important; font-family: var(--font--latticon) !important; color: var(--color--grey-600) !important; text-align: center !important; flex-flow: row !important; flex: none !important; justify-content: center !important; align-items: center !important; padding-top: 0.24em !important; line-height: 1 !important; transition-duration: .5s !important; transition-timing-function: cubic-bezier(.175, .885, .32, 1.275) !important; display: flex !important; position: absolute !important; top: 1.2rem !important; bottom: auto !important; left: auto !important; right: 1.2rem !important; font-weight: 600; } .eg-popup-show .eg-exitintent-popup { display: none; } .eg-popup-show .eg-show { display: block !important; } .eg-popup-show>.eg-exitintent-popup .popup .popup-close:hover { transform: rotate(90deg); } .eg-popup-show>.eg-exitintent-popup .popup .player-button-circle-icon::before { content: "▶︎"; font-family: 'Latticon'; font-size: .7em; display: flex; flex: 0 0 auto; font-weight: 400; position: relative; width: 1.1rem; height: 0.9rem; padding-top: 0.3em; color: var(--color-turquoise-800); background-image: linear-gradient(white, var(--color-blue-50)); border-radius: 50%; z-index: 1; justify-content: center; align-items: center; transition: var(--transition-default); align-content: center; flex-wrap: wrap; flex-direction: column; } .eg-popup-show>.eg-exitintent-popup>.container .eg-container_new>div { width: 50% !important; } .eg-exitintent-popup>.container .eg-container_new .eg-form-section .eg-stage-1submit-cta_mkto { display: none !important; } html body .eg-form-section { margin-top: 0px; display: flex; justify-content: center; align-items: center; padding: 30px; border-radius: 15px; background: white !important; box-shadow: 0 48px 48px rgba(14, 14, 41, .04), 0 32px 32px rgba(14, 14, 41, .04), 0 24px 24px rgba(14, 14, 41, .04), 0 16px 16px rgba(14, 14, 41, .04), 0 8px 8px rgba(14, 14, 41, .04), 0 4px 4px rgba(14, 14, 41, .04), 0 2px 2px rgba(14, 14, 41, .08); } html body .eg-separator-mkto_row { display: none !important; } html body .eg-step-submit-form button[type="submit"] { width: 100% !important; margin-top: 0px !important; } html body .eg-marketo-captcha { text-align: center !important; margin-top: 15px; } html body.eg-popup-show #drift-frame-controller { display: none !important; } html body.eg-popup-show { overflow: hidden !important; height: 100vh !important; } @media(min-width:768px) { .eg-popup-show>.eg-exitintent-popup>.container { display: flex; align-items: center; } } @media(max-width:767px) { html body .eg-marketo-captcha { text-align: center !important; margin-top: 15px; } .eg-popup-show>.eg-exitintent-popup>.container .eg-container_new { flex-direction: column !important; padding: 50px 20px 20px 20px !important; grid-gap: 30px; } .eg-popup-show>.eg-exitintent-popup>.container { padding: 14px !important; } .eg-popup-show>.eg-exitintent-popup>.container .eg-container_new>div { width: 100% !important; } .eg-popup-show>.eg-exitintent-popup .popup .ratings { margin-top: 28px !important; justify-content: center !important; } } @media(min-width:102px) { .eg-popup-show>.eg-exitintent-popup>.container .eg-container_new .popup { margin-top: 30px; } .eg-popup-show>.eg-exitintent-popup>.container .eg-container_new { justify-content: flex-start !important; } }
Editor is loading...
Leave a Comment