html,body{margin:0;height:100%}body{width:1px;min-width:100%;font-family:Roboto,Arial;font-weight:300;position:fixed}a{font:inherit;color:inherit;text-decoration:none}p{margin:0}div{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}pre{font-family:inherit;font-size:inherit;white-space:pre-line}.NoWordWrap{overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}.Clear{clear:both}.LineClamp3,.LineClamp5,.LineClamp8,.LineClamp10{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.LineClamp3{-webkit-line-clamp:3}.LineClamp5{-webkit-line-clamp:5}.LineClamp8{-webkit-line-clamp:8}.LineClamp10{-webkit-line-clamp:10}.SquareBox{display:inline-block}.SquareBox::before{content:"";display:block;padding-bottom:100%}.TextCenter{text-align:center}#HeightFinder{position:fixed;height:100%;pointer-events:none;color:#000;font-size:20px;z-index:2000}#CloneTemplates{display:none}#PlayContentWrapper{font-size:0;height:100%;position:fixed;top:0;left:0;right:0}#PlayContentWrapper #DesignArea{background-image:url(/app/mobile/template/common/images/BG.png);background-color:#000;height:100%;font-size:16px;position:relative;background-size:cover}#PlayContentWrapper #DesignArea #FrameSizer{display:inline-block;position:absolute;right:52%;top:50%;-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}#PlayContentWrapper #DesignArea #FrameSizer #Loading,#PlayContentWrapper #DesignArea #FrameSizer #Busy{position:absolute;z-index:15}#PlayContentWrapper #DesignArea #FrameSizer #Loading img,#PlayContentWrapper #DesignArea #FrameSizer #Busy img{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#PlayContentWrapper #DesignArea #FrameSizer #Loading{top:0;left:0;right:0;bottom:0;background:#f9f9f9}#PlayContentWrapper #DesignArea #FrameSizer #Busy{top:50%;left:50%;width:150px;height:150px;display:none;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:none;background:-webkit-radial-gradient(#fff,#fff,transparent,transparent,transparent);background:-moz-radial-gradient(#fff,#fff,transparent,transparent,transparent);background:-o-radial-gradient(#fff,#fff,transparent,transparent,transparent);background:radial-gradient(#fff,#fff,transparent,transparent,transparent)}#PlayContentWrapper #DesignArea #FrameSizer #MobileFrameImage{max-width:50vw;max-height:90vh;pointer-events:none;opacity:0}#PlayContentWrapper #DesignArea #FrameSizer #MobileFrameOverImage{position:absolute;top:0;left:0;pointer-events:none;z-index:20;width:100%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea{position:absolute;top:9.4%;left:5.8%;right:5.3%;bottom:10.2%;background-color:#000;overflow:hidden}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea #PageIndicators{position:absolute;pointer-events:none;bottom:20px;left:0;right:0;z-index:10;text-align:center;font-size:0}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea #PageIndicators .PageIndicator{width:5px;background-color:#ccc;height:5px;border-radius:50%;margin:0 3px;display:inline-block}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea #PageIndicators .PageIndicator.Selected{background-color:#ed3}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame{height:100%;width:100%;top:0;position:absolute;overflow:hidden;-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background:center center no-repeat #f6ebd5;background-size:cover;color:#000;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame.Smooth{-moz-transition:right .25s,left .25s;-o-transition:right .25s,left .25s;-webkit-transition:right .25s,left .25s;transition:right .25s,left .25s}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame.CurrentFrame{left:0;z-index:0}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame.CurrentFrame.Smooth{-moz-transition:right .25s,left .25s,-moz-transform .25s,opacity .8s !important;-o-transition:right .25s,left .25s,-o-transform .25s,opacity .8s !important;-webkit-transition:right .25s,left .25s,-webkit-transform .25s,opacity .8s !important;transition:right .25s,left .25s,transform .25s,opacity .8s !important}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame:not(.CurrentFrame){left:100%;z-index:1}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea{font-size:0;position:absolute;left:20px;right:20px;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow{padding-bottom:20px;margin:2.5% 0;position:relative}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder{display:inline-block;width:25%;position:relative;pointer-events:none}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder.SquareBox::before{padding-bottom:80%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder:first-child,#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder:last-child{width:22.5%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder:first-child.SquareBox::before,#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder:last-child.SquareBox::before{padding-bottom:88.88%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder:first-child{margin-left:2.5%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder:first-child::after{left:0}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder:last-child{margin-right:2.5%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder:last-child::after{right:0}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder.InUse,#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .DroppablePlaceHolder.PreviewHidden{opacity:0}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton{position:absolute;height:calc(100% - 20px);border-width:1px;border-style:solid;top:0;cursor:pointer;background:center center no-repeat;background-size:contain;pointer-events:all}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton label{position:absolute;left:-1%;right:-1%;bottom:-16px;height:14px;font-size:12px;font-weight:500;text-align:center}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton.H100{width:20%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton.H50{width:45%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton.H25{width:70%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton.H125{width:95%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton.P1{left:2.5%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton.P2{left:27.5%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton.P3{left:52.5%}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton.P4{left:77.5%}#PlayContentWrapper #DesignArea #ShareArea{position:absolute;width:330px;top:0;left:52%;height:100%;display:table;color:#555}#PlayContentWrapper #DesignArea #ShareArea p{margin:0}#PlayContentWrapper #DesignArea #ShareArea #ShareElements{vertical-align:middle;display:table-cell;text-align:center;font-size:3.7vw !important;font-weight:bold !important}#PlayContentWrapper #DesignArea #ShareArea #ShareElements p{font-size:3.7vw !important;font-weight:300 !important;padding-bottom:10px;position:relative}#PlayContentWrapper #DesignArea #ShareArea #ShareElements p::before{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;border-bottom:2px solid #555}#PlayContentWrapper #DesignArea #ShareArea #ShareElements #ElementsWrapper{background:center center no-repeat;background-size:100% 100%;padding:30px;max-width:30vw;max-height:90vh}#PlayContentWrapper #DesignArea #ShareArea #ShareElements #ElementsWrapper #QRImage{margin-top:20px;background-color:#fff}#PlayContentWrapper #DesignArea #ShareArea #ShareElements #ElementsWrapper #QRImage img{width:100%}#PlayContentWrapper #DesignArea #ShareArea #ShareElements #ElementsWrapper #ShareButtons{font-size:0}#PlayContentWrapper #DesignArea #ShareArea #ShareElements #ElementsWrapper #ShareButtons a img{width:20%;margin:10px 2%}#PlayContentWrapper #DesignArea #ShareArea #ShareElements #ElementsWrapper #PoweredBy{text-align:left;width:100%;margin-top:3%;display:none}#PlayContentWrapper #DesignArea #ShareArea #ShareElements #ElementsWrapper #PoweredBy a{color:#777;vertical-align:middle;width:100%;position:relative;display:block;font:inherit;text-decoration:none;font-size:2.7vw}#PlayContentWrapper #DesignArea #ShareArea #ShareElements #ElementsWrapper #PoweredBy a img{width:20%;position:absolute;right:0;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media(orientation:portrait){#PlayContentWrapper #DesignArea{background-image:none}#PlayContentWrapper #DesignArea #FrameSizer{width:100%;display:inline-block;right:auto;left:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#PlayContentWrapper #DesignArea #FrameSizer::before{content:"";padding-bottom:174.294%;display:block}#PlayContentWrapper #DesignArea #FrameSizer #MobileFrameImage,#PlayContentWrapper #DesignArea #FrameSizer #MobileFrameOverImage{display:none}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea{top:0;left:0;right:0;bottom:0}#PlayContentWrapper #DesignArea #ShareArea{display:none}#PlayContentWrapper #DesignArea.Mobile{background-image:none}#PlayContentWrapper #DesignArea.Mobile #FrameSizer{width:100%;display:inline-block;right:auto;left:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#PlayContentWrapper #DesignArea.Mobile #FrameSizer::before{content:"";padding-bottom:173.86%;display:block}}@media(orientation:portrait) and (min-width:700px){#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow{margin:2.5% 0;padding-bottom:24px}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton{height:calc(100% - 24px)}#PlayContentWrapper #DesignArea #FrameSizer #PlayArea .Frame .DroppableArea .DroppableRow .VHomeButton label{font-size:20px;height:22px}}