#ground-area[data-v-239312e0]{max-width:100%;max-height:80vh;min-width:900px;max-width:1266px;min-height:80vh;overflow-x:auto;margin-left:10px;background-color:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1)}.parentDiv[data-v-239312e0]{display:flex;width:100%;justify-content:center;align-items:center;height:100%}.container-box[data-v-239312e0]{width:100%;max-width:100%;height:100%;max-height:calc(100% - 20px);position:absolute;left:0;top:0}.element-list[data-v-239312e0]{display:flex;margin:.25rem;height:100%;overflow:auto}.element-list-for-vertical[data-v-239312e0]{flex-direction:column}.element[data-v-239312e0]{height:100%;background-color:#b4c2f9}.phone.view_1[data-v-239312e0]{transform:rotateX(0deg) rotateY(0deg) rotate(90deg)}.phone.view_2[data-v-239312e0]{transform:rotateX(0deg) rotateY(0deg) rotate(0deg);box-shadow:0 3px 0 #000,0 4px 0 #000,0 5px 0 #000,0 7px 0 #000,0 10px 20px #000}@-webkit-keyframes rotate-data-v-239312e0{0%{-webkit-transform:rotateX(50deg) rotateY(0deg) rotate(-30deg)}50%{-webkit-transform:rotateX(50deg) rotateY(0deg) rotate(-40deg)}to{-webkit-transform:rotateX(50deg) rotateY(0deg) rotate(-30deg)}}.phone[data-v-239312e0]{border:7px solid #121212;border-width:14px 7px;border-radius:40px;margin:50px auto;overflow:hidden;transition:all .5s ease;-webkit-animation:fadein-data-v-239312e0 2s;animation:fadein-data-v-239312e0 2s}.view_1.rotate[data-v-239312e0]{-webkit-animation-name:rotate-data-v-239312e0;-webkit-animation-duration:15s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}@media(max-width:900px){#wrapper[data-v-239312e0]{transform:scale(.8)}}@media(max-width:700px){#wrapper[data-v-239312e0]{transform:scale(.6)}.phone[data-v-239312e0]{margin:0 0 0 -70px}}@media(max-width:500px){#wrapper[data-v-239312e0]{transform:scale(.4)}}@keyframes fadein-data-v-239312e0{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein-data-v-239312e0{0%{opacity:0}to{opacity:1}}.display-area[data-v-239312e0]{transform:rotateX(3deg) rotateY(0deg) rotate(0deg)}