Created
April 19, 2021 20:06
-
-
Save icirellik/0e1ef71ed34c936d65367e6bc17d0645 to your computer and use it in GitHub Desktop.
@blaze/web-sdk Embedded CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .ab-pause-scrolling, | |
| body.ab-pause-scrolling, | |
| html.ab-pause-scrolling { | |
| overflow: hidden; | |
| touch-action: none | |
| } | |
| .ab-centering-div, | |
| .ab-iam-root.v3 { | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| pointer-events: none; | |
| z-index: 1050; | |
| -webkit-tap-highlight-color: transparent | |
| } | |
| .ab-centering-div:focus, | |
| .ab-iam-root.v3:focus { | |
| outline: 0 | |
| } | |
| .ab-centering-div.ab-effect-fullscreen, | |
| .ab-centering-div.ab-effect-html, | |
| .ab-centering-div.ab-effect-modal, | |
| .ab-iam-root.v3.ab-effect-fullscreen, | |
| .ab-iam-root.v3.ab-effect-html, | |
| .ab-iam-root.v3.ab-effect-modal { | |
| opacity: 0 | |
| } | |
| .ab-centering-div.ab-effect-fullscreen.ab-show, | |
| .ab-centering-div.ab-effect-html.ab-show, | |
| .ab-centering-div.ab-effect-modal.ab-show, | |
| .ab-iam-root.v3.ab-effect-fullscreen.ab-show, | |
| .ab-iam-root.v3.ab-effect-html.ab-show, | |
| .ab-iam-root.v3.ab-effect-modal.ab-show { | |
| opacity: 1 | |
| } | |
| .ab-centering-div.ab-effect-fullscreen.ab-show.ab-animate-in, | |
| .ab-centering-div.ab-effect-html.ab-show.ab-animate-in, | |
| .ab-centering-div.ab-effect-modal.ab-show.ab-animate-in, | |
| .ab-iam-root.v3.ab-effect-fullscreen.ab-show.ab-animate-in, | |
| .ab-iam-root.v3.ab-effect-html.ab-show.ab-animate-in, | |
| .ab-iam-root.v3.ab-effect-modal.ab-show.ab-animate-in { | |
| -webkit-transition: opacity .5s; | |
| -moz-transition: opacity .5s; | |
| -o-transition: opacity .5s; | |
| transition: opacity .5s | |
| } | |
| .ab-centering-div.ab-effect-fullscreen.ab-hide, | |
| .ab-centering-div.ab-effect-html.ab-hide, | |
| .ab-centering-div.ab-effect-modal.ab-hide, | |
| .ab-iam-root.v3.ab-effect-fullscreen.ab-hide, | |
| .ab-iam-root.v3.ab-effect-html.ab-hide, | |
| .ab-iam-root.v3.ab-effect-modal.ab-hide { | |
| opacity: 0 | |
| } | |
| .ab-centering-div.ab-effect-fullscreen.ab-hide.ab-animate-out, | |
| .ab-centering-div.ab-effect-html.ab-hide.ab-animate-out, | |
| .ab-centering-div.ab-effect-modal.ab-hide.ab-animate-out, | |
| .ab-iam-root.v3.ab-effect-fullscreen.ab-hide.ab-animate-out, | |
| .ab-iam-root.v3.ab-effect-html.ab-hide.ab-animate-out, | |
| .ab-iam-root.v3.ab-effect-modal.ab-hide.ab-animate-out { | |
| -webkit-transition: opacity .5s; | |
| -moz-transition: opacity .5s; | |
| -o-transition: opacity .5s; | |
| transition: opacity .5s | |
| } | |
| .ab-centering-div.ab-effect-slide .ab-in-app-message, | |
| .ab-iam-root.v3.ab-effect-slide .ab-in-app-message { | |
| -webkit-transform: translateX(535px); | |
| -moz-transform: translateX(535px); | |
| -ms-transform: translateX(535px); | |
| transform: translateX(535px) | |
| } | |
| .ab-centering-div.ab-effect-slide.ab-show .ab-in-app-message, | |
| .ab-iam-root.v3.ab-effect-slide.ab-show .ab-in-app-message { | |
| -webkit-transform: translateX(0); | |
| -moz-transform: translateX(0); | |
| -ms-transform: translateX(0); | |
| transform: translateX(0) | |
| } | |
| .ab-centering-div.ab-effect-slide.ab-show.ab-animate-in .ab-in-app-message, | |
| .ab-iam-root.v3.ab-effect-slide.ab-show.ab-animate-in .ab-in-app-message { | |
| -webkit-transition: transform .5s ease-in-out; | |
| -moz-transition: transform .5s ease-in-out; | |
| -o-transition: transform .5s ease-in-out; | |
| transition: transform .5s ease-in-out | |
| } | |
| .ab-centering-div.ab-effect-slide.ab-hide .ab-in-app-message, | |
| .ab-iam-root.v3.ab-effect-slide.ab-hide .ab-in-app-message { | |
| -webkit-transform: translateX(535px); | |
| -moz-transform: translateX(535px); | |
| -ms-transform: translateX(535px); | |
| transform: translateX(535px) | |
| } | |
| .ab-centering-div.ab-effect-slide.ab-hide .ab-in-app-message.ab-swiped-left, | |
| .ab-iam-root.v3.ab-effect-slide.ab-hide .ab-in-app-message.ab-swiped-left { | |
| -webkit-transform: translateX(-535px); | |
| -moz-transform: translateX(-535px); | |
| -ms-transform: translateX(-535px); | |
| transform: translateX(-535px) | |
| } | |
| .ab-centering-div.ab-effect-slide.ab-hide .ab-in-app-message.ab-swiped-up, | |
| .ab-iam-root.v3.ab-effect-slide.ab-hide .ab-in-app-message.ab-swiped-up { | |
| -webkit-transform: translateY(-535px); | |
| -moz-transform: translateY(-535px); | |
| -ms-transform: translateY(-535px); | |
| transform: translateY(-535px) | |
| } | |
| .ab-centering-div.ab-effect-slide.ab-hide .ab-in-app-message.ab-swiped-down, | |
| .ab-iam-root.v3.ab-effect-slide.ab-hide .ab-in-app-message.ab-swiped-down { | |
| -webkit-transform: translateY(535px); | |
| -moz-transform: translateY(535px); | |
| -ms-transform: translateY(535px); | |
| transform: translateY(535px) | |
| } | |
| .ab-centering-div.ab-effect-slide.ab-hide.ab-animate-out .ab-in-app-message, | |
| .ab-iam-root.v3.ab-effect-slide.ab-hide.ab-animate-out .ab-in-app-message { | |
| -webkit-transition: transform .5s ease-in-out; | |
| -moz-transition: transform .5s ease-in-out; | |
| -o-transition: transform .5s ease-in-out; | |
| transition: transform .5s ease-in-out | |
| } | |
| .ab-centering-div .ab-ios-scroll-wrapper, | |
| .ab-iam-root.v3 .ab-ios-scroll-wrapper { | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| overflow: auto; | |
| pointer-events: all; | |
| touch-action: auto; | |
| -webkit-overflow-scrolling: touch | |
| } | |
| .ab-centering-div .ab-in-app-message, | |
| .ab-iam-root.v3 .ab-in-app-message { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| position: fixed; | |
| text-align: center; | |
| -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3); | |
| -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3); | |
| box-shadow: 0 0 4px rgba(0, 0, 0, .3); | |
| line-height: normal; | |
| letter-spacing: normal; | |
| font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; | |
| z-index: 1050; | |
| max-width: 100%; | |
| overflow: hidden; | |
| display: inline-block; | |
| pointer-events: all; | |
| color: #333 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-no-shadow, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-no-shadow { | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .ab-centering-div .ab-in-app-message :focus, | |
| .ab-centering-div .ab-in-app-message:focus, | |
| .ab-iam-root.v3 .ab-in-app-message :focus, | |
| .ab-iam-root.v3 .ab-in-app-message:focus { | |
| outline: 0 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-clickable, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-clickable { | |
| cursor: pointer | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-background, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-background { | |
| background-color: #fff | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-close-button, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-close-button { | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| background-color: transparent; | |
| background-repeat: no-repeat; | |
| background-origin: content-box; | |
| background-size: 15px; | |
| border: none; | |
| width: 15px; | |
| height: 15px; | |
| -webkit-border-radius: 7.5px; | |
| -moz-border-radius: 7.5px; | |
| border-radius: 7.5px; | |
| cursor: pointer; | |
| display: block; | |
| font-size: 15px; | |
| line-height: 0; | |
| padding-top: 15px; | |
| padding-right: 15px; | |
| padding-left: 15px; | |
| padding-bottom: 15px; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| text-align: center; | |
| z-index: 1060 | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-close-button svg, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-close-button svg { | |
| -webkit-transition: .2s ease; | |
| -moz-transition: .2s ease; | |
| -o-transition: .2s ease; | |
| transition: .2s ease; | |
| fill: #9b9b9b | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-close-button svg.ab-chevron, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-close-button svg.ab-chevron { | |
| display: none | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-close-button:active, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-close-button:active { | |
| background-color: transparent | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-close-button:focus, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-close-button:focus { | |
| background-color: transparent | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-close-button:hover, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-close-button:hover { | |
| background-color: transparent | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-close-button:hover svg, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-close-button:hover svg { | |
| fill-opacity: .8 | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-text { | |
| float: none; | |
| line-height: 1.5; | |
| margin: 20px 25px; | |
| max-width: 100%; | |
| overflow: hidden; | |
| overflow-y: auto; | |
| vertical-align: text-bottom; | |
| word-wrap: break-word; | |
| white-space: pre-wrap | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-text.start-aligned, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-text.start-aligned { | |
| text-align: left; | |
| text-align: start | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-text.end-aligned, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-text.end-aligned { | |
| text-align: right; | |
| text-align: end | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-text.center-aligned, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-text.center-aligned { | |
| text-align: center | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-text::-webkit-scrollbar, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-text::-webkit-scrollbar { | |
| -webkit-appearance: none; | |
| width: 14px | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-text::-webkit-scrollbar-thumb, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-text::-webkit-scrollbar-thumb { | |
| -webkit-appearance: none; | |
| border: 4px solid transparent; | |
| background-clip: padding-box; | |
| -webkit-border-radius: 7px; | |
| -moz-border-radius: 7px; | |
| border-radius: 7px; | |
| background-color: rgba(0, 0, 0, .2) | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-text::-webkit-scrollbar-button, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-text::-webkit-scrollbar-button { | |
| width: 0; | |
| height: 0; | |
| display: none | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-text::-webkit-scrollbar-corner, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-text::-webkit-scrollbar-corner { | |
| background-color: transparent | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-header, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-header { | |
| float: none; | |
| letter-spacing: 0; | |
| margin: 0; | |
| font-weight: 700; | |
| display: block; | |
| font-size: 20px; | |
| margin-bottom: 10px; | |
| line-height: 1.3 | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-header.start-aligned, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-header.start-aligned { | |
| text-align: left; | |
| text-align: start | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-header.end-aligned, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-header.end-aligned { | |
| text-align: right; | |
| text-align: end | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-header.center-aligned, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-header.center-aligned { | |
| text-align: center | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen, | |
| .ab-centering-div .ab-in-app-message.ab-modal, | |
| .ab-centering-div .ab-in-app-message.ab-slideup, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup { | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| border-radius: 8px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup { | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| cursor: pointer; | |
| overflow: hidden; | |
| word-wrap: break-word; | |
| text-overflow: ellipsis; | |
| font-size: 14px; | |
| font-weight: 700; | |
| margin: 20px; | |
| margin-top: calc(constant(safe-area-inset-top, 0) + 20px); | |
| margin-right: calc(constant(safe-area-inset-right, 0) + 20px); | |
| margin-bottom: calc(constant(safe-area-inset-bottom, 0) + 20px); | |
| margin-left: calc(constant(safe-area-inset-left, 0) + 20px); | |
| margin-top: calc(env(safe-area-inset-top, 0) + 20px); | |
| margin-right: calc(env(safe-area-inset-right, 0) + 20px); | |
| margin-bottom: calc(env(safe-area-inset-bottom, 0) + 20px); | |
| margin-left: calc(env(safe-area-inset-left, 0) + 20px); | |
| max-height: 150px; | |
| padding: 10px; | |
| right: 0; | |
| background-color: #efefef | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone { | |
| max-height: 66px; | |
| margin: 10px; | |
| margin-top: calc(constant(safe-area-inset-top, 0) + 10px); | |
| margin-right: calc(constant(safe-area-inset-right, 0) + 10px); | |
| margin-bottom: calc(constant(safe-area-inset-bottom, 0) + 10px); | |
| margin-left: calc(constant(safe-area-inset-left, 0) + 10px); | |
| margin-top: calc(env(safe-area-inset-top, 0) + 10px); | |
| margin-right: calc(env(safe-area-inset-right, 0) + 10px); | |
| margin-bottom: calc(env(safe-area-inset-bottom, 0) + 10px); | |
| margin-left: calc(env(safe-area-inset-left, 0) + 10px); | |
| max-width: 90%; | |
| max-width: calc(100% - 40px); | |
| min-width: 90%; | |
| min-width: calc(100% - 40px) | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone .ab-close-button, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-close-button { | |
| display: none | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone .ab-close-button svg:not(.ab-chevron), | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-close-button svg:not(.ab-chevron) { | |
| display: none | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone.ab-clickable .ab-close-button, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone.ab-clickable .ab-close-button { | |
| display: block; | |
| height: 20px; | |
| padding: 0 20px 0 18px; | |
| pointer-events: none; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -moz-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| width: 12px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone.ab-clickable .ab-close-button svg.ab-chevron, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone.ab-clickable .ab-close-button svg.ab-chevron { | |
| display: inline | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone.ab-clickable .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone.ab-clickable .ab-message-text { | |
| border-right-width: 40px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-message-text { | |
| max-width: 100%; | |
| border-right-width: 10px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone .ab-message-text span, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-message-text span { | |
| max-height: 66px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone .ab-message-text.ab-with-icon, | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone .ab-message-text.ab-with-image, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-message-text.ab-with-icon, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-message-text.ab-with-image { | |
| max-width: 80%; | |
| max-width: calc(100% - 50px - 5px - 10px - 25px) | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-image-area { | |
| width: 50px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.simulate-phone .ab-image-area img, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-image-area img { | |
| max-width: 50px; | |
| max-height: 50px; | |
| width: auto | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.ab-clickable:active .ab-message-text, | |
| .ab-centering-div .ab-in-app-message.ab-slideup.ab-clickable:focus .ab-message-text, | |
| .ab-centering-div .ab-in-app-message.ab-slideup.ab-clickable:hover .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.ab-clickable:active .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.ab-clickable:focus .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.ab-clickable:hover .ab-message-text { | |
| opacity: .8 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup.ab-clickable:active .ab-close-button svg.ab-chevron, | |
| .ab-centering-div .ab-in-app-message.ab-slideup.ab-clickable:focus .ab-close-button svg.ab-chevron, | |
| .ab-centering-div .ab-in-app-message.ab-slideup.ab-clickable:hover .ab-close-button svg.ab-chevron, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.ab-clickable:active .ab-close-button svg.ab-chevron, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.ab-clickable:focus .ab-close-button svg.ab-chevron, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.ab-clickable:hover .ab-close-button svg.ab-chevron { | |
| fill-opacity: .8 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-message-text { | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| display: table-cell; | |
| border-color: transparent; | |
| border-style: solid; | |
| border-width: 5px 25px 5px 10px; | |
| max-width: 430px; | |
| vertical-align: middle; | |
| margin: 0 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-message-text span, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-message-text span { | |
| display: block; | |
| max-height: 150px; | |
| overflow: auto | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-message-text.ab-with-icon, | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-message-text.ab-with-image, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-message-text.ab-with-icon, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-message-text.ab-with-image { | |
| max-width: 365px; | |
| border-top: 0; | |
| border-bottom: 0 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-close-button, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button { | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| background-color: transparent; | |
| background-repeat: no-repeat; | |
| background-origin: content-box; | |
| background-size: 15px; | |
| border: none; | |
| width: 15px; | |
| height: 15px; | |
| -webkit-border-radius: 7.5px; | |
| -moz-border-radius: 7.5px; | |
| border-radius: 7.5px; | |
| cursor: pointer; | |
| display: block; | |
| font-size: 15px; | |
| line-height: 0; | |
| padding-top: 15px; | |
| padding-right: 15px; | |
| padding-left: 15px; | |
| padding-bottom: 15px; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| text-align: center; | |
| z-index: 1060 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-close-button svg, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button svg { | |
| -webkit-transition: .2s ease; | |
| -moz-transition: .2s ease; | |
| -o-transition: .2s ease; | |
| transition: .2s ease; | |
| fill: #9b9b9b | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-close-button svg.ab-chevron, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button svg.ab-chevron { | |
| display: none | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-close-button:active, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button:active { | |
| background-color: transparent | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-close-button:focus, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button:focus { | |
| background-color: transparent | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-close-button:hover, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button:hover { | |
| background-color: transparent | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-close-button:hover svg, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button:hover svg { | |
| fill-opacity: .8 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-image-area { | |
| float: none; | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| display: table-cell; | |
| border-color: transparent; | |
| border-style: solid; | |
| border-width: 5px 0 5px 5px; | |
| vertical-align: top; | |
| width: 60px; | |
| margin: 0 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-image-area.ab-icon-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-image-area.ab-icon-area { | |
| width: auto | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-slideup .ab-image-area img, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-image-area img { | |
| float: none; | |
| width: 100% | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen, | |
| .ab-centering-div .ab-in-app-message.ab-modal, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal { | |
| font-size: 14px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen .ab-image-area, | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-image-area { | |
| float: none; | |
| position: relative; | |
| display: block; | |
| overflow: hidden | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen .ab-image-area .ab-center-cropped-img, | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-image-area .ab-center-cropped-img, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen .ab-image-area .ab-center-cropped-img, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-image-area .ab-center-cropped-img { | |
| background-size: cover; | |
| background-repeat: no-repeat; | |
| background-position: 50% 50%; | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen .ab-icon, | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-icon, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen .ab-icon, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-icon { | |
| margin-top: 20px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.graphic, | |
| .ab-centering-div .ab-in-app-message.ab-modal.graphic, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.graphic, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic { | |
| padding: 0 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.graphic .ab-message-text, | |
| .ab-centering-div .ab-in-app-message.ab-modal.graphic .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.graphic .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic .ab-message-text { | |
| display: none | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.graphic .ab-message-buttons, | |
| .ab-centering-div .ab-in-app-message.ab-modal.graphic .ab-message-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.graphic .ab-message-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic .ab-message-buttons { | |
| bottom: 0; | |
| left: 0 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.graphic .ab-image-area, | |
| .ab-centering-div .ab-in-app-message.ab-modal.graphic .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.graphic .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic .ab-image-area { | |
| float: none; | |
| height: auto; | |
| margin: 0 | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.graphic .ab-image-area img, | |
| .ab-centering-div .ab-in-app-message.ab-modal.graphic .ab-image-area img, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.graphic .ab-image-area img, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic .ab-image-area img { | |
| display: block; | |
| top: 0; | |
| -webkit-transform: none; | |
| -moz-transform: none; | |
| -ms-transform: none; | |
| transform: none | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal { | |
| padding-top: 20px; | |
| width: 450px; | |
| max-width: 450px; | |
| max-height: 720px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal.simulate-phone, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal.simulate-phone { | |
| max-width: 91%; | |
| max-width: calc(100% - 30px) | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal.simulate-phone.graphic .ab-image-area img, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal.simulate-phone.graphic .ab-image-area img { | |
| max-width: 91vw; | |
| max-width: calc(100vw - 30px) | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text { | |
| max-height: 660px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-message-text.ab-with-image, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text.ab-with-image { | |
| max-height: 524.82758621px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-message-text.ab-with-icon, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text.ab-with-icon { | |
| max-height: 610px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-message-text.ab-with-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text.ab-with-buttons { | |
| margin-bottom: 93px; | |
| max-height: 587px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-message-text.ab-with-buttons.ab-with-image, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text.ab-with-buttons.ab-with-image { | |
| max-height: 451.82758621px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-message-text.ab-with-buttons.ab-with-icon, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text.ab-with-buttons.ab-with-icon { | |
| max-height: 537px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-image-area { | |
| margin-top: -20px; | |
| max-height: 155.17241379px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-image-area img, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-image-area img { | |
| max-width: 100%; | |
| max-height: 155.17241379px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal .ab-image-area.ab-icon-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-image-area.ab-icon-area { | |
| height: auto | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal.graphic, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic { | |
| width: auto; | |
| overflow: hidden | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal.graphic .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic .ab-image-area { | |
| display: inline | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-modal.graphic .ab-image-area img, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic .ab-image-area img { | |
| max-height: 720px; | |
| max-width: 450px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen { | |
| width: 450px; | |
| max-height: 720px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.landscape, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape { | |
| width: 720px; | |
| max-height: 450px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.landscape .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape .ab-image-area { | |
| height: 225px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.landscape.graphic .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape.graphic .ab-image-area { | |
| height: 450px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.landscape .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape .ab-message-text { | |
| max-height: 112px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen .ab-message-text { | |
| max-height: 247px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen .ab-message-text.ab-with-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen .ab-message-text.ab-with-buttons { | |
| margin-bottom: 93px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen .ab-image-area { | |
| height: 360px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.graphic .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.graphic .ab-image-area { | |
| height: 720px | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone { | |
| -webkit-transition: top none; | |
| -moz-transition: top none; | |
| -o-transition: top none; | |
| transition: top none; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| height: 100%; | |
| width: 100%; | |
| max-height: none; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| -webkit-transform: none; | |
| -moz-transform: none; | |
| -ms-transform: none; | |
| transform: none; | |
| height: auto!important | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone.landscape .ab-close-button, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone.landscape .ab-close-button { | |
| margin-right: calc(constant(safe-area-inset-bottom, 0) + constant(safe-area-inset-top, 0)); | |
| margin-right: calc(env(safe-area-inset-bottom, 0) + env(safe-area-inset-top, 0)); | |
| margin-left: calc(constant(safe-area-inset-bottom, 0) + constant(safe-area-inset-top, 0)); | |
| margin-left: calc(env(safe-area-inset-bottom, 0) + env(safe-area-inset-top, 0)) | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone .ab-image-area, | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone.landscape .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone.landscape .ab-image-area { | |
| height: 50% | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone .ab-message-text { | |
| max-height: 48%; | |
| max-height: calc(50% - 20px - 20px) | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone .ab-message-text.ab-with-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone .ab-message-text.ab-with-buttons { | |
| margin-bottom: 20px; | |
| max-height: 30%; | |
| max-height: calc(50% - 93px - 20px) | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone.landscape .ab-message-text.ab-with-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone.landscape .ab-message-text.ab-with-buttons { | |
| max-height: 20%; | |
| max-height: calc(50% - 93px - 20px) | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone:not(.graphic), | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone:not(.graphic) { | |
| padding-bottom: 0; | |
| padding-bottom: constant(safe-area-inset-bottom, 0); | |
| padding-bottom: env(safe-area-inset-bottom, 0) | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone:not(.graphic) .ab-message-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone:not(.graphic) .ab-message-buttons { | |
| padding-top: 0; | |
| position: relative | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone.graphic, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone.graphic { | |
| display: block | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone.graphic .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone.graphic .ab-image-area { | |
| height: 100% | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-fullscreen.simulate-phone.graphic .ab-message-button, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone.graphic .ab-message-button { | |
| margin-bottom: 0; | |
| margin-bottom: constant(safe-area-inset-bottom, 0); | |
| margin-bottom: env(safe-area-inset-bottom, 0) | |
| } | |
| .ab-centering-div .ab-in-app-message.ab-html-message, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-html-message { | |
| background-color: transparent; | |
| border: none; | |
| height: 100%; | |
| overflow: auto; | |
| position: relative; | |
| touch-action: auto; | |
| width: 100% | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-buttons { | |
| position: absolute; | |
| bottom: 0; | |
| width: 100%; | |
| padding: 17px 25px 30px 25px; | |
| z-index: inherit; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-button, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-button { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| cursor: pointer; | |
| display: inline-block; | |
| font-size: 14px; | |
| font-weight: 700; | |
| height: 44px; | |
| line-height: normal; | |
| letter-spacing: normal; | |
| margin: 0; | |
| max-width: 100%; | |
| min-width: 80px; | |
| padding: 0 12px; | |
| position: relative; | |
| text-transform: none; | |
| width: 48%; | |
| width: calc(50% - 5px); | |
| border: 1px solid #1b78cf; | |
| -webkit-transition: .2s ease; | |
| -moz-transition: .2s ease; | |
| -o-transition: .2s ease; | |
| transition: .2s ease; | |
| overflow: hidden; | |
| word-wrap: break-word; | |
| text-overflow: ellipsis; | |
| word-wrap: normal; | |
| white-space: nowrap | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-button:first-of-type, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-button:first-of-type { | |
| float: left; | |
| background-color: #fff; | |
| color: #1b78cf | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-button:last-of-type, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-button:last-of-type { | |
| float: right; | |
| background-color: #1b78cf; | |
| color: #fff | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-button:first-of-type:last-of-type, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-button:first-of-type:last-of-type { | |
| float: none; | |
| width: auto | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-button:after, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-button:after { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-color: transparent | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-button:after, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-button:after { | |
| -webkit-transition: .2s ease; | |
| -moz-transition: .2s ease; | |
| -o-transition: .2s ease; | |
| transition: .2s ease | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-button:hover, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-button:hover { | |
| opacity: .8 | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-button:active:after, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-button:active:after { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-color: rgba(0, 0, 0, .08) | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-button:focus:after, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-button:focus:after { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-color: rgba(0, 0, 0, .15) | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-message-button a, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-message-button a { | |
| color: inherit; | |
| text-decoration: inherit | |
| } | |
| .ab-centering-div .ab-in-app-message img, | |
| .ab-iam-root.v3 .ab-in-app-message img { | |
| float: none; | |
| display: inline-block | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-icon, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-icon { | |
| float: none; | |
| display: inline-block; | |
| padding: 10px; | |
| -webkit-border-radius: 8px; | |
| -moz-border-radius: 8px; | |
| border-radius: 8px | |
| } | |
| .ab-centering-div .ab-in-app-message .ab-icon .fa, | |
| .ab-iam-root.v3 .ab-in-app-message .ab-icon .fa { | |
| float: none; | |
| font-size: 30px; | |
| width: 30px | |
| } | |
| .ab-centering-div .ab-start-hidden, | |
| .ab-iam-root.v3 .ab-start-hidden { | |
| visibility: hidden | |
| } | |
| .ab-centering-div .ab-centered, | |
| .ab-centering-div.ab-centering-div .ab-modal, | |
| .ab-iam-root.v3 .ab-centered, | |
| .ab-iam-root.v3.ab-centering-div .ab-modal { | |
| margin: auto; | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| -webkit-transform: translate(-50%, -50%); | |
| -moz-transform: translate(-50%, -50%); | |
| -ms-transform: translate(-50%, -50%); | |
| transform: translate(-50%, -50%) | |
| } | |
| .ab-email-capture, | |
| .ab-iam-root.v3 { | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0 | |
| } | |
| .ab-email-capture .ab-page-blocker, | |
| .ab-iam-root.v3 .ab-page-blocker { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 1040; | |
| pointer-events: all; | |
| background-color: rgba(51, 51, 51, .75) | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal .ab-email-capture-input { | |
| margin-bottom: 30px | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal .ab-message-buttons~.ab-message-text { | |
| max-height: 541px; | |
| margin-bottom: 160px | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal .ab-message-buttons~.ab-message-text.with-explanatory-link { | |
| max-height: 513px; | |
| margin-bottom: 188px | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal .ab-image-area~.ab-message-text { | |
| max-height: 385.82758621px | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal .ab-image-area~.ab-message-text.with-explanatory-link { | |
| max-height: 357.82758621px | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal .ab-email-validation-error { | |
| margin-top: 62px | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal .ab-explanatory-link { | |
| display: block | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal .ab-background, | |
| .ab-email-capture .ab-in-app-message.ab-modal .ab-mask { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: -1 | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal .ab-close-button { | |
| line-height: normal | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal .ab-html-close-button { | |
| right: 3px; | |
| top: -1px; | |
| font-size: 34px; | |
| padding-top: 0 | |
| } | |
| @media (max-width:600px) { | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup { | |
| max-height: 66px; | |
| margin: 10px; | |
| margin-top: calc(constant(safe-area-inset-top, 0) + 10px); | |
| margin-right: calc(constant(safe-area-inset-right, 0) + 10px); | |
| margin-bottom: calc(constant(safe-area-inset-bottom, 0) + 10px); | |
| margin-left: calc(constant(safe-area-inset-left, 0) + 10px); | |
| margin-top: calc(env(safe-area-inset-top, 0) + 10px); | |
| margin-right: calc(env(safe-area-inset-right, 0) + 10px); | |
| margin-bottom: calc(env(safe-area-inset-bottom, 0) + 10px); | |
| margin-left: calc(env(safe-area-inset-left, 0) + 10px); | |
| max-width: 90%; | |
| max-width: calc(100% - 40px); | |
| min-width: 90%; | |
| min-width: calc(100% - 40px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button { | |
| display: none | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button svg:not(.ab-chevron) { | |
| display: none | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.ab-clickable .ab-close-button { | |
| display: block; | |
| height: 20px; | |
| padding: 0 20px 0 18px; | |
| pointer-events: none; | |
| top: 50%; | |
| -webkit-transform: translateY(-50%); | |
| -moz-transform: translateY(-50%); | |
| -ms-transform: translateY(-50%); | |
| transform: translateY(-50%); | |
| width: 12px | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.ab-clickable .ab-close-button svg.ab-chevron { | |
| display: inline | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup.ab-clickable .ab-message-text { | |
| border-right-width: 40px | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-message-text { | |
| max-width: 100%; | |
| border-right-width: 10px | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-message-text span { | |
| max-height: 66px | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-message-text.ab-with-icon, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-message-text.ab-with-image { | |
| max-width: 80%; | |
| max-width: calc(100% - 50px - 5px - 10px - 25px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-image-area { | |
| width: 50px | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-image-area img { | |
| max-width: 50px; | |
| max-height: 50px; | |
| width: auto | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen, | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape { | |
| -webkit-transition: top none; | |
| -moz-transition: top none; | |
| -o-transition: top none; | |
| transition: top none; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| height: 100%; | |
| width: 100%; | |
| max-height: none; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| -webkit-transform: none; | |
| -moz-transform: none; | |
| -ms-transform: none; | |
| transform: none; | |
| height: auto!important | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape .ab-close-button, | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape.landscape .ab-close-button { | |
| margin-right: calc(constant(safe-area-inset-bottom, 0) + constant(safe-area-inset-top, 0)); | |
| margin-right: calc(env(safe-area-inset-bottom, 0) + env(safe-area-inset-top, 0)); | |
| margin-left: calc(constant(safe-area-inset-bottom, 0) + constant(safe-area-inset-top, 0)); | |
| margin-left: calc(env(safe-area-inset-bottom, 0) + env(safe-area-inset-top, 0)) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape.landscape .ab-image-area { | |
| height: 50% | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape .ab-message-text { | |
| max-height: 48%; | |
| max-height: calc(50% - 20px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen .ab-message-text.ab-with-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape .ab-message-text.ab-with-buttons { | |
| margin-bottom: 20px; | |
| max-height: 30%; | |
| max-height: calc(50% - 93px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape .ab-message-text.ab-with-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape.landscape .ab-message-text.ab-with-buttons { | |
| max-height: 20%; | |
| max-height: calc(50% - 93px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape:not(.graphic), | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen:not(.graphic) { | |
| padding-bottom: 0; | |
| padding-bottom: constant(safe-area-inset-bottom, 0); | |
| padding-bottom: env(safe-area-inset-bottom, 0) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape:not(.graphic) .ab-message-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen:not(.graphic) .ab-message-buttons { | |
| padding-top: 0; | |
| position: relative | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.graphic, | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape.graphic { | |
| display: block | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.graphic .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape.graphic .ab-image-area { | |
| height: 100% | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.graphic .ab-message-button, | |
| .ab-iam-root.v3 .ab-in-app-message:not(.force-desktop).ab-fullscreen.landscape.graphic .ab-message-button { | |
| margin-bottom: 0; | |
| margin-bottom: constant(safe-area-inset-bottom, 0); | |
| margin-bottom: env(safe-area-inset-bottom, 0) | |
| } | |
| } | |
| @media (max-width:480px) { | |
| .ab-email-capture .ab-in-app-message.ab-modal:not(.force-desktop), | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop) { | |
| max-width: 91%; | |
| max-width: calc(100% - 30px) | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal:not(.force-desktop).graphic .ab-image-area img, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop).graphic .ab-image-area img { | |
| max-width: 91vw; | |
| max-width: calc(100vw - 30px) | |
| } | |
| } | |
| @media (max-height:750px) { | |
| .ab-email-capture .ab-in-app-message.ab-modal:not(.force-desktop), | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop) { | |
| max-height: 91%; | |
| max-height: calc(100% - 30px) | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal:not(.force-desktop).graphic .ab-image-area img, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop).graphic .ab-image-area img { | |
| max-height: 91vh; | |
| max-height: calc(100vh - 30px) | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text { | |
| max-height: 65vh; | |
| max-height: calc(100vh - 30px - 60px) | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text.ab-with-image, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text.ab-with-image { | |
| max-height: 45vh; | |
| max-height: calc(100vh - 30px - 155.17241379310346px - 40px) | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text.ab-with-icon, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text.ab-with-icon { | |
| max-height: 45vh; | |
| max-height: calc(100vh - 30px - 70px - 40px) | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text.ab-with-buttons, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text.ab-with-buttons { | |
| max-height: 50vh; | |
| max-height: calc(100vh - 30px - 93px - 40px) | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text.ab-with-buttons.ab-with-image, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text.ab-with-buttons.ab-with-image { | |
| max-height: 30vh; | |
| max-height: calc(100vh - 30px - 155.17241379310346px - 93px - 20px) | |
| } | |
| .ab-email-capture .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text.ab-with-buttons.ab-with-icon, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop) .ab-message-text.ab-with-buttons.ab-with-icon { | |
| max-height: 30vh; | |
| max-height: calc(100vh - 30px - 70px - 93px - 20px) | |
| } | |
| } | |
| @media (min-width:601px) { | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen .ab-image-area img { | |
| max-height: 100%; | |
| max-width: 100% | |
| } | |
| } | |
| @media (max-height:750px) and (min-width:601px) { | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop) { | |
| -webkit-transition: top none; | |
| -moz-transition: top none; | |
| -o-transition: top none; | |
| transition: top none; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| height: 100%; | |
| width: 100%; | |
| max-height: none; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| -webkit-transform: none; | |
| -moz-transform: none; | |
| -ms-transform: none; | |
| transform: none; | |
| height: auto!important; | |
| width: 450px | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop).landscape .ab-close-button { | |
| margin-right: calc(constant(safe-area-inset-bottom, 0) + constant(safe-area-inset-top, 0)); | |
| margin-right: calc(env(safe-area-inset-bottom, 0) + env(safe-area-inset-top, 0)); | |
| margin-left: calc(constant(safe-area-inset-bottom, 0) + constant(safe-area-inset-top, 0)); | |
| margin-left: calc(env(safe-area-inset-bottom, 0) + env(safe-area-inset-top, 0)) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop) .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop).landscape .ab-image-area { | |
| height: 50% | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop) .ab-message-text { | |
| max-height: 48%; | |
| max-height: calc(50% - 20px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop) .ab-message-text.ab-with-buttons { | |
| margin-bottom: 20px; | |
| max-height: 30%; | |
| max-height: calc(50% - 93px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop).landscape .ab-message-text.ab-with-buttons { | |
| max-height: 20%; | |
| max-height: calc(50% - 93px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop):not(.graphic) { | |
| padding-bottom: 0; | |
| padding-bottom: constant(safe-area-inset-bottom, 0); | |
| padding-bottom: env(safe-area-inset-bottom, 0) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop):not(.graphic) .ab-message-buttons { | |
| padding-top: 0; | |
| position: relative | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop).graphic { | |
| display: block | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop).graphic .ab-image-area { | |
| height: 100% | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen:not(.landscape):not(.force-desktop).graphic .ab-message-button { | |
| margin-bottom: 0; | |
| margin-bottom: constant(safe-area-inset-bottom, 0); | |
| margin-bottom: env(safe-area-inset-bottom, 0) | |
| } | |
| } | |
| @media (max-height:480px) { | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop) { | |
| -webkit-transition: top none; | |
| -moz-transition: top none; | |
| -o-transition: top none; | |
| transition: top none; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| height: 100%; | |
| width: 100%; | |
| max-height: none; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| -webkit-transform: none; | |
| -moz-transform: none; | |
| -ms-transform: none; | |
| transform: none; | |
| height: auto!important | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).landscape .ab-close-button { | |
| margin-right: calc(constant(safe-area-inset-bottom, 0) + constant(safe-area-inset-top, 0)); | |
| margin-right: calc(env(safe-area-inset-bottom, 0) + env(safe-area-inset-top, 0)); | |
| margin-left: calc(constant(safe-area-inset-bottom, 0) + constant(safe-area-inset-top, 0)); | |
| margin-left: calc(env(safe-area-inset-bottom, 0) + env(safe-area-inset-top, 0)) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop) .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).landscape .ab-image-area { | |
| height: 50% | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop) .ab-message-text { | |
| max-height: 48%; | |
| max-height: calc(50% - 20px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop) .ab-message-text.ab-with-buttons { | |
| margin-bottom: 20px; | |
| max-height: 30%; | |
| max-height: calc(50% - 93px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).landscape .ab-message-text.ab-with-buttons { | |
| max-height: 20%; | |
| max-height: calc(50% - 93px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop):not(.graphic) { | |
| padding-bottom: 0; | |
| padding-bottom: constant(safe-area-inset-bottom, 0); | |
| padding-bottom: env(safe-area-inset-bottom, 0) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop):not(.graphic) .ab-message-buttons { | |
| padding-top: 0; | |
| position: relative | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).graphic { | |
| display: block | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).graphic .ab-image-area { | |
| height: 100% | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).graphic .ab-message-button { | |
| margin-bottom: 0; | |
| margin-bottom: constant(safe-area-inset-bottom, 0); | |
| margin-bottom: env(safe-area-inset-bottom, 0) | |
| } | |
| } | |
| @media (max-width:750px) { | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop) { | |
| -webkit-transition: top none; | |
| -moz-transition: top none; | |
| -o-transition: top none; | |
| transition: top none; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| height: 100%; | |
| width: 100%; | |
| max-height: none; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| -webkit-transform: none; | |
| -moz-transform: none; | |
| -ms-transform: none; | |
| transform: none; | |
| height: auto!important | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).landscape .ab-close-button { | |
| margin-right: calc(constant(safe-area-inset-bottom, 0) + constant(safe-area-inset-top, 0)); | |
| margin-right: calc(env(safe-area-inset-bottom, 0) + env(safe-area-inset-top, 0)); | |
| margin-left: calc(constant(safe-area-inset-bottom, 0) + constant(safe-area-inset-top, 0)); | |
| margin-left: calc(env(safe-area-inset-bottom, 0) + env(safe-area-inset-top, 0)) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop) .ab-image-area, | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).landscape .ab-image-area { | |
| height: 50% | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop) .ab-message-text { | |
| max-height: 48%; | |
| max-height: calc(50% - 20px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop) .ab-message-text.ab-with-buttons { | |
| margin-bottom: 20px; | |
| max-height: 30%; | |
| max-height: calc(50% - 93px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).landscape .ab-message-text.ab-with-buttons { | |
| max-height: 20%; | |
| max-height: calc(50% - 93px - 20px) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop):not(.graphic) { | |
| padding-bottom: 0; | |
| padding-bottom: constant(safe-area-inset-bottom, 0); | |
| padding-bottom: env(safe-area-inset-bottom, 0) | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop):not(.graphic) .ab-message-buttons { | |
| padding-top: 0; | |
| position: relative | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).graphic { | |
| display: block | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).graphic .ab-image-area { | |
| height: 100% | |
| } | |
| .ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape:not(.force-desktop).graphic .ab-message-button { | |
| margin-bottom: 0; | |
| margin-bottom: constant(safe-area-inset-bottom, 0); | |
| margin-bottom: env(safe-area-inset-bottom, 0) | |
| } | |
| } | |
| body>.ab-feed { | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| width: 421px; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0 | |
| } | |
| body>.ab-feed .ab-feed-body { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| border: none; | |
| border-left: 1px solid #d0d0d0; | |
| padding-top: 70px; | |
| min-height: 100% | |
| } | |
| body>.ab-feed .ab-no-cards-message { | |
| position: absolute; | |
| width: 100%; | |
| margin-left: -20px; | |
| top: 40% | |
| } | |
| .ab-feed { | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-box-shadow: 0 1px 7px 1px rgba(66, 82, 113, .15); | |
| -moz-box-shadow: 0 1px 7px 1px rgba(66, 82, 113, .15); | |
| box-shadow: 0 1px 7px 1px rgba(66, 82, 113, .15); | |
| width: 402px; | |
| background-color: #eee; | |
| font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; | |
| font-size: 13px; | |
| line-height: 130%; | |
| letter-spacing: normal; | |
| overflow-y: auto; | |
| overflow-x: visible; | |
| z-index: 1050; | |
| -webkit-overflow-scrolling: touch | |
| } | |
| .ab-feed :focus, | |
| .ab-feed:focus { | |
| outline: 0 | |
| } | |
| .ab-feed .ab-feed-body { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| border: 1px solid #d0d0d0; | |
| border-top: none; | |
| padding: 20px 20px 0 20px | |
| } | |
| .ab-feed.ab-effect-slide { | |
| -webkit-transform: translateX(450px); | |
| -moz-transform: translateX(450px); | |
| -ms-transform: translateX(450px); | |
| transform: translateX(450px); | |
| -webkit-transition: transform .5s ease-in-out; | |
| -moz-transition: transform .5s ease-in-out; | |
| -o-transition: transform .5s ease-in-out; | |
| transition: transform .5s ease-in-out | |
| } | |
| .ab-feed.ab-effect-slide.ab-show { | |
| -webkit-transform: translateX(0); | |
| -moz-transform: translateX(0); | |
| -ms-transform: translateX(0); | |
| transform: translateX(0) | |
| } | |
| .ab-feed.ab-effect-slide.ab-hide { | |
| -webkit-transform: translateX(450px); | |
| -moz-transform: translateX(450px); | |
| -ms-transform: translateX(450px); | |
| transform: translateX(450px) | |
| } | |
| .ab-feed .ab-card { | |
| position: relative; | |
| -webkit-box-shadow: 0 2px 3px 0 rgba(178, 178, 178, .5); | |
| -moz-box-shadow: 0 2px 3px 0 rgba(178, 178, 178, .5); | |
| box-shadow: 0 2px 3px 0 rgba(178, 178, 178, .5); | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| width: 100%; | |
| border: 1px solid #d0d0d0; | |
| margin-bottom: 20px; | |
| overflow: hidden; | |
| background-color: #fff; | |
| -webkit-transition: height .4s ease-in-out, margin .4s ease-in-out; | |
| -moz-transition: height .4s ease-in-out, margin .4s ease-in-out; | |
| -o-transition: height .4s ease-in-out, margin .4s ease-in-out; | |
| transition: height .4s ease-in-out, margin .4s ease-in-out | |
| } | |
| .ab-feed .ab-card .ab-pinned-indicator { | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| margin-right: -1px; | |
| width: 0; | |
| height: 0; | |
| border-style: solid; | |
| border-width: 0 24px 24px 0; | |
| border-color: transparent #1676d0 transparent transparent | |
| } | |
| .ab-feed .ab-card .ab-pinned-indicator .fa-star { | |
| position: absolute; | |
| right: -21px; | |
| top: 2px; | |
| font-size: 9px; | |
| color: #fff | |
| } | |
| .ab-feed .ab-card.ab-effect-card.ab-hide { | |
| -webkit-transition: all .5s ease-in-out; | |
| -moz-transition: all .5s ease-in-out; | |
| -o-transition: all .5s ease-in-out; | |
| transition: all .5s ease-in-out | |
| } | |
| .ab-feed .ab-card.ab-effect-card.ab-hide.ab-swiped-left { | |
| -webkit-transform: translateX(-450px); | |
| -moz-transform: translateX(-450px); | |
| -ms-transform: translateX(-450px); | |
| transform: translateX(-450px) | |
| } | |
| .ab-feed .ab-card.ab-effect-card.ab-hide.ab-swiped-right { | |
| -webkit-transform: translateX(450px); | |
| -moz-transform: translateX(450px); | |
| -ms-transform: translateX(450px); | |
| transform: translateX(450px) | |
| } | |
| .ab-feed .ab-card.ab-effect-card.ab-hide:not(.ab-swiped-left):not(.ab-swiped-right) { | |
| opacity: 0 | |
| } | |
| .ab-feed .ab-card .ab-close-button { | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| background-color: transparent; | |
| background-repeat: no-repeat; | |
| background-origin: content-box; | |
| background-size: 15px; | |
| border: none; | |
| width: 15px; | |
| height: 15px; | |
| -webkit-border-radius: 7.5px; | |
| -moz-border-radius: 7.5px; | |
| border-radius: 7.5px; | |
| cursor: pointer; | |
| display: block; | |
| font-size: 15px; | |
| line-height: 0; | |
| padding-top: 15px; | |
| padding-right: 15px; | |
| padding-left: 15px; | |
| padding-bottom: 15px; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| text-align: center; | |
| z-index: 1060; | |
| opacity: 0; | |
| -webkit-transition: .5s; | |
| -moz-transition: .5s; | |
| -o-transition: .5s; | |
| transition: .5s | |
| } | |
| .ab-feed .ab-card .ab-close-button svg { | |
| -webkit-transition: .2s ease; | |
| -moz-transition: .2s ease; | |
| -o-transition: .2s ease; | |
| transition: .2s ease; | |
| fill: #9b9b9b | |
| } | |
| .ab-feed .ab-card .ab-close-button svg.ab-chevron { | |
| display: none | |
| } | |
| .ab-feed .ab-card .ab-close-button:active { | |
| background-color: transparent | |
| } | |
| .ab-feed .ab-card .ab-close-button:focus { | |
| background-color: transparent | |
| } | |
| .ab-feed .ab-card .ab-close-button:hover { | |
| background-color: transparent | |
| } | |
| .ab-feed .ab-card .ab-close-button:hover svg { | |
| fill-opacity: .8 | |
| } | |
| .ab-feed .ab-card .ab-close-button:hover { | |
| opacity: 1 | |
| } | |
| .ab-feed .ab-card .ab-close-button:focus { | |
| opacity: 1 | |
| } | |
| .ab-feed .ab-card a { | |
| float: none; | |
| color: inherit; | |
| text-decoration: none | |
| } | |
| .ab-feed .ab-card a:hover { | |
| text-decoration: underline | |
| } | |
| .ab-feed .ab-card .ab-image-area { | |
| float: none; | |
| display: inline-block; | |
| vertical-align: top; | |
| line-height: 0; | |
| overflow: hidden; | |
| width: 100%; | |
| -webkit-box-sizing: initial; | |
| -moz-box-sizing: initial; | |
| box-sizing: initial | |
| } | |
| .ab-feed .ab-card .ab-image-area img { | |
| float: none; | |
| height: auto; | |
| width: 100% | |
| } | |
| .ab-feed .ab-card.ab-banner .ab-card-body { | |
| display: none | |
| } | |
| .ab-feed .ab-card .ab-card-body { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| display: inline-block; | |
| width: 100%; | |
| position: relative | |
| } | |
| .ab-feed .ab-card .ab-unread-indicator { | |
| position: absolute; | |
| bottom: 0; | |
| margin-right: -1px; | |
| width: 100%; | |
| height: 5px; | |
| background-color: #1676d0 | |
| } | |
| .ab-feed .ab-card .ab-unread-indicator.read { | |
| background-color: transparent | |
| } | |
| .ab-feed .ab-card .ab-title { | |
| float: none; | |
| letter-spacing: 0; | |
| margin: 0; | |
| font-weight: 700; | |
| display: block; | |
| overflow: hidden; | |
| word-wrap: break-word; | |
| text-overflow: ellipsis; | |
| font-size: 18px; | |
| line-height: 130%; | |
| font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; | |
| padding: 20px 25px 0 25px | |
| } | |
| .ab-feed .ab-card .ab-description { | |
| float: none; | |
| color: #545454; | |
| padding: 15px 25px 20px 25px; | |
| word-wrap: break-word; | |
| white-space: pre-wrap | |
| } | |
| .ab-feed .ab-card .ab-description.ab-no-title { | |
| padding-top: 20px | |
| } | |
| .ab-feed .ab-card .ab-url-area { | |
| float: none; | |
| color: #1676d0; | |
| margin-top: 12px; | |
| font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif | |
| } | |
| .ab-feed .ab-card.ab-classic-card .ab-card-body { | |
| min-height: 40px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px | |
| } | |
| .ab-feed .ab-card.ab-classic-card.with-image .ab-card-body { | |
| min-height: 100px; | |
| padding-left: 72px | |
| } | |
| .ab-feed .ab-card.ab-classic-card.with-image .ab-image-area { | |
| width: 60px; | |
| height: 60px; | |
| padding: 20px 0 25px 25px; | |
| position: absolute | |
| } | |
| .ab-feed .ab-card.ab-classic-card.with-image .ab-image-area img { | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| max-width: 100%; | |
| max-height: 100%; | |
| width: auto; | |
| height: auto | |
| } | |
| .ab-feed .ab-card.ab-classic-card.with-image .ab-title { | |
| background-color: transparent; | |
| font-size: 16px | |
| } | |
| .ab-feed .ab-card.ab-classic-card.with-image .ab-description { | |
| padding-top: 10px | |
| } | |
| .ab-feed .ab-card.ab-control-card { | |
| height: 0; | |
| width: 0; | |
| margin: 0; | |
| border: 0 | |
| } | |
| .ab-feed .ab-feed-buttons-wrapper { | |
| float: none; | |
| position: relative; | |
| background-color: #282828; | |
| height: 50px; | |
| -webkit-box-shadow: 0 2px 3px 0 rgba(178, 178, 178, .5); | |
| -moz-box-shadow: 0 2px 3px 0 rgba(178, 178, 178, .5); | |
| box-shadow: 0 2px 3px 0 rgba(178, 178, 178, .5); | |
| z-index: 1 | |
| } | |
| .ab-feed .ab-feed-buttons-wrapper .ab-close-button, | |
| .ab-feed .ab-feed-buttons-wrapper .ab-refresh-button { | |
| float: none; | |
| cursor: pointer; | |
| color: #fff; | |
| font-size: 18px; | |
| padding: 16px; | |
| -webkit-transition: .2s; | |
| -moz-transition: .2s; | |
| -o-transition: .2s; | |
| transition: .2s | |
| } | |
| .ab-feed .ab-feed-buttons-wrapper .ab-close-button:hover, | |
| .ab-feed .ab-feed-buttons-wrapper .ab-refresh-button:hover { | |
| font-size: 22px | |
| } | |
| .ab-feed .ab-feed-buttons-wrapper .ab-close-button { | |
| float: right | |
| } | |
| .ab-feed .ab-feed-buttons-wrapper .ab-close-button:hover { | |
| padding-top: 12px; | |
| padding-right: 14px | |
| } | |
| .ab-feed .ab-feed-buttons-wrapper .ab-refresh-button { | |
| padding-left: 17px | |
| } | |
| .ab-feed .ab-feed-buttons-wrapper .ab-refresh-button:hover { | |
| padding-top: 13px; | |
| padding-left: 14px | |
| } | |
| .ab-feed .ab-no-cards-message { | |
| text-align: center; | |
| margin-bottom: 20px | |
| } | |
| @media (max-width:600px) { | |
| body>.ab-feed { | |
| width: 100% | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment