.happyFlip-page{height:100vh;min-height:173.33333vw;overflow:hidden;position:relative;width:100%}[mir] .happyFlip-page{background:#000}.happyFlip-page__bgimg{bottom:0;height:auto;position:absolute;top:0;width:100%;z-index:0}.happyFlip-page .text{color:#fff;line-height:6.53333vw;position:absolute;top:50%;width:100%}[mir=ltr] .happyFlip-page .text{left:50%;transform:translate(-50%,-50%)}[mir=rtl] .happyFlip-page .text{right:50%;transform:translate(50%,-50%)}.happyFlip-page .text .main-text{font-size:5.33333vw;font-weight:700;line-height:6.4vw}.happyFlip-share{color:#fff;position:relative;z-index:8}[mir] .happyFlip-share{padding:38.66667vw 0 3.2vw;text-align:center}.happyFlip-share__title{align-items:center;display:flex;flex-direction:column;justify-content:center}.happyFlip-share__main-title{font-size:6.13333vw;font-style:normal;font-weight:800;line-height:1;text-transform:uppercase;width:85.33333vw;-webkit-text-fill-color:transparent;letter-spacing:-1px}[mir] .happyFlip-share__main-title{-webkit-background-clip:text;background-clip:text;margin-bottom:3.46667vw;text-align:center}[mir=ltr] .happyFlip-share__main-title{background-image:linear-gradient(270deg,#fff0a2 6%,#fff 49.86%,#fff0a1 93.67%);transform:matrix(1,0,-.15,.99,0,0)}[mir=rtl] .happyFlip-share__main-title{background-image:linear-gradient(-270deg,#fff0a2 6%,#fff 49.86%,#fff0a1 93.67%);transform:matrix(1,0,.15,.99,0,0)}.happyFlip-share__sub-title{align-items:center;color:#fffed8;font-size:5.33333vw;font-style:normal;font-weight:700;letter-spacing:-1px;line-height:6.4vw;width:85.33333vw}[mir] .happyFlip-share__sub-title{text-align:center}.happyFlip-share__headbg-animation{height:60vw;position:absolute;width:100%;z-index:-1}[mir=ltr] .happyFlip-share__headbg-animation>canvas{transform:scale(.25) translate(-150%,-150%)}[mir=rtl] .happyFlip-share__headbg-animation>canvas{transform:scale(.25) translate(150%,-150%)}.happyFlip-share__cardbg-animation{height:93.33333vw;position:absolute;width:100%;z-index:-1}[mir=ltr] .happyFlip-share__cardbg-animation>canvas{transform:scale(.25) translate(-150%,-150%)}[mir=rtl] .happyFlip-share__cardbg-animation>canvas{transform:scale(.25) translate(150%,-150%)}.happyFlip-share__back{position:fixed;top:10.66667vw}[mir=ltr] .happyFlip-share__back{left:1.6vw}[mir=rtl] .happyFlip-share__back{right:1.6vw}.happyFlip-share__back svg{height:8.53333vw;width:8.53333vw}.happyFlip-share__username{align-items:center;display:flex;justify-content:center;min-height:6.4vw;visibility:hidden}[mir] .happyFlip-share__username{margin-bottom:3.2vw}.happyFlip-share__username.show{visibility:visible}.happyFlip-share__username img{height:6.4vw;width:6.4vw}[mir] .happyFlip-share__username img{background-color:#000;border-radius:100%}[mir=ltr] .happyFlip-share__username img{margin-right:2.66667vw}[mir=rtl] .happyFlip-share__username img{margin-left:2.66667vw}.happyFlip-share__username span{color:#fffed8;font-size:4.8vw}.happyFlip-share__image-center{align-items:center;display:flex;justify-content:center;overflow:hidden}.happyFlip-share__headlineImg{max-width:100%;min-height:17.73333vw}.happyFlip-share__mainImg{height:80vw;max-width:100%;position:relative;top:-5.33333vw}[mir=ltr] .happyFlip-share__mainImg{animation:CardTranslate3D-ltr 4s linear infinite}[mir=rtl] .happyFlip-share__mainImg{animation:CardTranslate3D-rtl 4s linear infinite}.happyFlip-share__mainBg{height:109.06667vw;position:absolute;width:100vw;z-index:-1}[mir] .happyFlip-share__mainBg{background-image:url(//sheinh5.ltwebstatic.com/game_dist/magic-draw/client/images/lightBg.e0cd6534bd95966285dc.png);background-size:contain}[mir=ltr] .happyFlip-share__mainBg{animation:TranslateBg-ltr 18s linear infinite}[mir=rtl] .happyFlip-share__mainBg{animation:TranslateBg-rtl 18s linear infinite}.happyFlip-share__btn{font-size:5.6vw;font-weight:700;height:20vw;position:relative;text-transform:capitalize;width:73.6vw}[mir] .happyFlip-share__btn{margin:auto}.happyFlip-share__btn .act-image{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.happyFlip-share__btn .act-image:not([src]),.happyFlip-share__btn .act-image[src=""]{opacity:0}.happyFlip-share__btn .text{color:#fff;line-height:6.53333vw;position:absolute;top:50%;width:100%}[mir=ltr] .happyFlip-share__btn .text{left:50%;transform:translate(-50%,-50%)}[mir=rtl] .happyFlip-share__btn .text{right:50%;transform:translate(50%,-50%)}.happyFlip-share__btn .text .main-text{font-size:5.33333vw;font-weight:700;line-height:6.4vw}.happyFlip-share__btn .text .sub-text{font-size:4.26667vw;font-weight:400;line-height:5.06667vw}.happyFlip-share__btn .act-finger-guide{position:absolute;top:5.33333vw}[mir=ltr] .happyFlip-share__btn .act-finger-guide{right:1.33333vw}[mir=rtl] .happyFlip-share__btn .act-finger-guide{left:1.33333vw}[mir] .happyFlip-share-ar .happyFlip-share__back{border-top:1px solid #000}[mir=ltr] .happyFlip-share-ar .happyFlip-share__back>i{text-align:right;transform:rotateY(180deg)}[mir=rtl] .happyFlip-share-ar .happyFlip-share__back>i{text-align:left;transform:rotateY(-180deg)}@keyframes TranslateBg-ltr{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes TranslateBg-rtl{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes CardTranslate3D-ltr{25%{perspective-origin:6.66667vw 0;transform:rotate3d(.2,1,0,25deg) translateZ(2.66667vw)}75%{perspective:7.73333vw;perspective-origin:-6.66667vw 0;transform:rotate3d(-.2,-1,0,25deg) translateZ(2.66667vw)}}@keyframes CardTranslate3D-rtl{25%{perspective-origin:6.66667vw 0;transform:rotate3d(-.2,1,0,-25deg) translateZ(2.66667vw)}75%{perspective:7.73333vw;perspective-origin:-6.66667vw 0;transform:rotate3d(.2,-1,0,-25deg) translateZ(2.66667vw)}}