.ab-pause-scrolling,
body.ab-pause-scrolling,
html.ab-pause-scrolling {
overflow: hidden;
touch-action: none
}
.ab-iam-root.v3 {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
z-index: 9011;
-webkit-tap-highlight-color: transparent
}
.ab-iam-root.v3:focus {
outline: 0
}
.ab-iam-root.v3.ab-effect-fullscreen,
.ab-iam-root.v3.ab-effect-html,
.ab-iam-root.v3.ab-effect-modal {
opacity: 0
}
.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-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-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-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-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-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-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-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-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-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-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-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-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-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: 9011;
max-width: 100%;
overflow: hidden;
display: inline-block;
pointer-events: all;
color: #333;
color-scheme: normal
}
.ab-iam-root.v3 .ab-in-app-message.ab-no-shadow {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.ab-iam-root.v3 .ab-in-app-message :focus,
.ab-iam-root.v3 .ab-in-app-message:focus {
outline: 0
}
.ab-iam-root.v3 .ab-in-app-message.ab-clickable {
cursor: pointer
}
.ab-iam-root.v3 .ab-in-app-message.ab-background {
background-color: #fff
}
.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-size: 15px;
border: none;
width: 15px;
min-width: 15px;
height: 15px;
cursor: pointer;
display: block;
font-size: 15px;
line-height: 0;
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px;
position: absolute;
top: 0;
z-index: 9021
}
.ab-iam-root.v3 .ab-in-app-message .ab-close-button[dir=rtl]
{
left: 0
}
.ab-iam-root.v3 .ab-in-app-message .ab-close-button[dir=ltr]
{
right: 0
}
.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;
height: auto;
width: 100%
}
.ab-iam-root.v3 .ab-in-app-message .ab-close-button svg.ab-chevron {
display: none
}
.ab-iam-root.v3 .ab-in-app-message .ab-close-button:active {
background-color: transparent
}
.ab-iam-root.v3 .ab-in-app-message .ab-close-button:focus {
background-color: transparent
}
.ab-iam-root.v3 .ab-in-app-message .ab-close-button:hover {
background-color: transparent
}
.ab-iam-root.v3 .ab-in-app-message .ab-close-button:hover svg {
fill-opacity: .8
}
.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;
font-family: 'Helvetica Neue Light' , 'Helvetica Neue' , Helvetica, Arial, 'Lucida Grande' , sans-serif
}
.ab-iam-root.v3 .ab-in-app-message .ab-message-text.start-aligned {
text-align: start
}
.ab-iam-root.v3 .ab-in-app-message .ab-message-text.end-aligned {
text-align: end
}
.ab-iam-root.v3 .ab-in-app-message .ab-message-text.center-aligned {
text-align: center
}
.ab-iam-root.v3 .ab-in-app-message .ab-message-text::-webkit-scrollbar {
-webkit-appearance: none;
width: 14px
}
.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-iam-root.v3 .ab-in-app-message .ab-message-text::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none
}
.ab-iam-root.v3 .ab-in-app-message .ab-message-text::-webkit-scrollbar-corner {
background-color: transparent
}
.ab-iam-root.v3 .ab-in-app-message .ab-message-header {
float: none;
letter-spacing: 0;
margin: 0;
font-weight: 700;
font-family: 'Helvetica Neue Light' , 'Helvetica Neue' , Helvetica, Arial, 'Lucida Grande' , sans-serif;
display: block;
font-size: 20px;
margin-bottom: 10px;
line-height: 1.3
}
.ab-iam-root.v3 .ab-in-app-message .ab-message-header.start-aligned {
text-align: start
}
.ab-iam-root.v3 .ab-in-app-message .ab-message-header.end-aligned {
text-align: end
}
.ab-iam-root.v3 .ab-in-app-message .ab-message-header.center-aligned {
text-align: center
}
.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-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-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-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-close-button {
display: none
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-close-button svg:not(.ab-chevron) {
display: none
}
.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-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone.ab-clickable .ab-close-button svg.ab-chevron {
display: inline
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone.ab-clickable .ab-message-text {
border-right-width: 40px
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-message-text {
max-width: 100%;
border-right-width: 10px
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-message-text span {
max-height: 66px
}
.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-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-image-area {
width: 50px;
height: 50px
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup.simulate-phone .ab-image-area img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto
}
.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-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-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-iam-root.v3 .ab-in-app-message.ab-slideup .ab-message-text[dir=rtl]
{
border-width: 5px 10px 5px 25px
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-message-text span {
display: block;
max-height: 150px;
overflow: auto
}
.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-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-size: 15px;
border: none;
width: 15px;
min-width: 15px;
height: 15px;
cursor: pointer;
display: block;
font-size: 15px;
line-height: 0;
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 15px;
position: absolute;
top: 0;
z-index: 9021
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button[dir=rtl]
{
left: 0
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button[dir=ltr]
{
right: 0
}
.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;
height: auto;
width: 100%
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button svg.ab-chevron {
display: none
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button:active {
background-color: transparent
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button:focus {
background-color: transparent
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button:hover {
background-color: transparent
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-close-button:hover svg {
fill-opacity: .8
}
.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-iam-root.v3 .ab-in-app-message.ab-slideup .ab-image-area.ab-icon-area {
width: auto
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-image-area img {
float: none;
width: 100%
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen,
.ab-iam-root.v3 .ab-in-app-message.ab-modal {
font-size: 14px
}
.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-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-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-iam-root.v3 .ab-in-app-message.ab-fullscreen.graphic,
.ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic {
padding: 0
}
.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-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-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-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-iam-root.v3 .ab-in-app-message.ab-modal {
padding-top: 20px;
width: 450px;
max-width: 450px;
max-height: 720px
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal.simulate-phone {
max-width: 91%;
max-width: calc(100% - 30px)
}
.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-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text {
max-height: 660px
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text.ab-with-image {
max-height: 524.82758621px
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text.ab-with-icon {
max-height: 610px
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text.ab-with-buttons {
margin-bottom: 93px;
max-height: 587px
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text.ab-with-buttons.ab-with-image {
max-height: 451.82758621px
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-message-text.ab-with-buttons.ab-with-icon {
max-height: 537px
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-image-area {
margin-top: -20px;
max-height: 155.17241379px
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-image-area img {
max-width: 100%;
max-height: 155.17241379px
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal .ab-image-area.ab-icon-area {
height: auto
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic {
width: auto;
overflow: hidden
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic .ab-image-area {
display: inline
}
.ab-iam-root.v3 .ab-in-app-message.ab-modal.graphic .ab-image-area img {
width: auto;
max-height: 720px;
max-width: 450px
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen {
width: 450px;
max-height: 720px
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape {
width: 720px;
max-height: 450px
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape .ab-image-area {
height: 225px
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape.graphic .ab-image-area {
height: 450px
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.landscape .ab-message-text {
max-height: 112px
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen .ab-message-text {
max-height: 247px
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen .ab-message-text.ab-with-buttons {
margin-bottom: 93px
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen .ab-image-area {
height: 360px
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.graphic .ab-image-area {
height: 720px
}
.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-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-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-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone .ab-message-text {
max-height: 48%;
max-height: calc(50% - 20px - 20px)
}
.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-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-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-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone:not(.graphic) .ab-message-buttons {
padding-top: 0;
position: relative
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone.graphic {
display: block
}
.ab-iam-root.v3 .ab-in-app-message.ab-fullscreen.simulate-phone.graphic .ab-image-area {
height: 100%
}
.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-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-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-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;
font-family: 'Helvetica Neue Light' , 'Helvetica Neue' , Helvetica, Arial, 'Lucida Grande' , sans-serif;
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-iam-root.v3 .ab-in-app-message .ab-message-button:first-of-type {
float: left;
background-color: #fff;
color: #1b78cf
}
.ab-iam-root.v3 .ab-in-app-message .ab-message-button:last-of-type {
float: right;
background-color: #1b78cf;
color: #fff
}
.ab-iam-root.v3 .ab-in-app-message .ab-message-button:first-of-type:last-of-type {
float: none;
width: auto
}
.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-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-iam-root.v3 .ab-in-app-message .ab-message-button:hover {
opacity: .8
}
.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-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-iam-root.v3 .ab-in-app-message .ab-message-button a {
color: inherit;
text-decoration: inherit
}
.ab-iam-root.v3 .ab-in-app-message img {
float: none;
display: inline-block
}
.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-iam-root.v3 .ab-in-app-message .ab-icon .fa {
float: none;
font-size: 30px;
width: 30px
}
.ab-iam-root.v3 .ab-start-hidden {
visibility: hidden
}
.ab-iam-root.v3 .ab-centered {
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-iam-root.v3 {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.ab-iam-root.v3 .ab-page-blocker {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9001;
pointer-events: all;
background-color: rgba(51, 51, 51, .75)
}
@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;
height: 50px
}
.ab-iam-root.v3 .ab-in-app-message.ab-slideup .ab-image-area img {
max-width: 100%;
max-height: 100%;
width: auto;
height: 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-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop) {
max-width: 91%;
max-width: calc(100% - 30px)
}
.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-iam-root.v3 .ab-in-app-message.ab-modal:not(.force-desktop) {
max-height: 91%;
max-height: calc(100% - 30px)
}
.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-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-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-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-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-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-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)
}
}