.piki-floater-wrapper {
position: absolute;
width: 100%;
max-width: 830px;
padding: 24px 20px;
z-index: 100;
}
.piki-floater-wrapper > .arrow {
display: block;
position: absolute;
left: 0;
bottom: 13px;
width: 24px;
height: 24px;
margin-left: -12px;
clip: rect( 12px, 31px, 30px, -5px );
}
.piki-floater-wrapper > .arrow span {
display: block;
width: 25px;
height: 25px;
border: 1px solid #c2c2c2;
background: #fff;
transform:rotate(45deg);  
-moz-transform:rotate(45deg);  
-webkit-transform:rotate(45deg);  
-o-transform:rotate(45deg);  
-ms-transform:rotate(45deg);
}
.piki-floater-page {
display: block;
position: relative;
width: 100%;
height: 100%;
max-width: 790px;
margin: 0 auto;
padding: 40px 10px 20px 40px;
background: #fff;
border: 1px solid #c2c2c2;
}
.piki-floater-page > .close-button {
position: absolute;
display: block;
right: 10px;
top: 16px;
width: 17px;
height: 17px;
text-align: center;
cursor: pointer;
color: #9ba4a5;
line-height: 17px;
font-size: 20px;
}
.piki-floater-page .content-page {
display: block;
position: relative;
width: 100%;
height: 100%;
margin: 0;
background: #fff;
overflow-x: none;
overflow-y: auto;
}
.piki-floater-page .content-page::before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 30px;
height: 73px;
z-index: 110;
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#ffffff',GradientType=0 );
}
.piki-floater-page .site-content {
display: block;
padding-bottom: 40px;
}
.piki-floater-page .page-body {
display: block;
margin-top: 20px;
}
.piki-floater-page .button {
cursor: pointer;
} body.is-mobile .piki-floater-wrapper {
position: fixed;
width: auto;
max-width: 999999;
padding: 0;
top: 0;
right: 0
bottom: 0;
left: 0;
}
body.is-mobile .piki-floater-wrapper > .arrow {
display: none;
}