body {
display: block;
min-height: 0;
min-width: 0;
}
@media (min-width: 576px) {
html {
scrollbar-gutter: auto !important;
}
body, html {
height: 100%;
}
.pageform-in {
display: flex;
justify-content: center;
align-items: center;
padding: 32px 16px;
}
.pform-box {
background-color: hsl(var(--modal-bg));
box-shadow: var(--modal-sw);
border-radius: var(--modal-rd);
width: 100%;
max-width: 440px;
overflow: hidden;
}
.pageform-copyright {
color: hsl(var(--c-text-white));
}
}
.pageform {
display: flex;
flex-direction: column;
min-height: 100vh;
position: relative;
z-index: 1;
}
.pageform-copyright {
text-align: center;
font-size: var(--fs-3);
padding: 16px;
opacity: .7;
}
.pageform-in {
flex: 1 1 auto;
}
.pform-box {
--pform-box-pad: 32px;
}
.pform-box-head {
padding: 20px;
display: flex;
align-items: center;
}
.pform-box-head > .btn {
--btn-h: 40px;
border-radius: 50%;
margin-right: 12px;
}
.pform-box-head .logotype {
margin: 0 auto;
}
.pform-box-head .lang-sel {
margin-left: 0;
width: 52px;
display: flex;
justify-content: center;
}
.pform-cont {
min-height: 360px;
display: flex;
align-items: center;
justify-content: center;
}
.pform-cont-in {
width: 100%;
}
@media (min-width: 576px) {
.pageform-bg {
position: fixed;
z-index: -1;
inset: 0;
background-color: #43bb91;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(//site-apk.site/wp-content/themes/zplay/assets/img/form5p-bg-768.webp);
}
.pageform-bg::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background-color: hsla(0, 0%, 0%, .5);
}
html.darkmod .pageform-bg::after {
background-color: hsla(0, 0%, 0%, .7);
}
}
@media (min-width: 992px) {
.pageform-bg {
background-image: url(//site-apk.site/wp-content/themes/zplay/assets/img/form5p-bg-1024.webp);
}
}
@media (min-width: 1100px) {
.pageform-bg {
background-image: url(//site-apk.site/wp-content/themes/zplay/assets/img/form5p-bg-1200.webp);
}
}
@media (min-width: 1280px) {
.pageform-bg {
background-image: url(//site-apk.site/wp-content/themes/zplay/assets/img/form5p-bg-1600.webp);
}
}
@media (min-width: 1600px) {
.pageform-bg {
background-image: url(//site-apk.site/wp-content/themes/zplay/assets/img/form5p-bg-1920.webp);
}
}
.pform-cont .contacts {
text-align: center;
padding: var(--pform-box-pad);
width: 100%;
}
.pform-cont .contacts > img {
margin: 0 auto var(--pform-box-pad) auto;
width: 160px;
height: 160px;
border-radius: 8px;
}
.pform-cont .contacts > * {
display: block;
}
.pform-cont-in .alert {
text-align: center;
background-color: transparent;
margin-bottom: 0;
border-radius: 0;
}
.pform-cont-in .alert + form {
border-top: 1px solid hsla(var(--c-text), .1);
}
.rules .desc > form {
display: flex;
}
.rules {
padding: var(--pform-box-pad);
}
@media (min-width: 576px) {
.rules {
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
max-height: 500px;
}
.rules .desc > form {
position: sticky;
bottom: calc(var(--pform-box-pad)/-1);
padding: var(--pform-box-pad);
margin: calc(var(--pform-box-pad)/-1);
margin-top: var(--pform-box-pad);
pointer-events: none;
background-image: linear-gradient(0deg, hsla(var(--modal-bg), 1) 0%, hsla(var(--modal-bg), 0) 100%);
;
}
.rules .desc > form .bbcodes {
pointer-events: all;
}
}
.pform-cont-form {
padding: var(--pform-box-pad);
}
.pform-cont-form .sep-text {
margin-top: 48px;
}
@media (max-width: 575px) {
.pform-cont-form .social-links {
margin: 0;
}
}
@media (min-width: 576px) {
.pform-cont-form .social-links {
margin: calc(var(--pform-box-pad) / -1);
margin-top: 0;
}
}