.phone-preview{position:relative;width:256px;height:492px;z-index:8}[dir] .phone-preview{padding:5px;border-radius:25px;border:1px solid #707384;background:#707384}[dir=ltr] .phone-preview{text-align:left}[dir=rtl] .phone-preview{text-align:right}[dir=ltr] .phone-preview.phone-preview--viber .phone-preview-block{margin-left:36px}[dir=rtl] .phone-preview.phone-preview--viber .phone-preview-block{margin-right:36px}.phone-preview-cam,.phone-preview-home{height:20px;position:absolute}[dir] .phone-preview-cam,[dir] .phone-preview-home{border:1px solid #fff;background:#464655;border-radius:20px}.phone-preview-cam{width:20px;top:20px}[dir=ltr] .phone-preview-cam{left:50%;margin-left:-65px}[dir=rtl] .phone-preview-cam{right:50%;margin-right:-65px}.phone-preview-speaker{z-index:1;width:70px;top:0;height:5px;position:absolute}[dir] .phone-preview-speaker{border:1px solid #fff;border-top:none;background:#464655;border-radius:20px}[dir=ltr] .phone-preview-speaker{left:50%;margin-left:-35px;border-top-right-radius:0;border-top-left-radius:0}[dir=rtl] .phone-preview-speaker{right:50%;margin-right:-35px;border-top-left-radius:0;border-top-right-radius:0}.phone-preview-home{width:36px;height:36px;bottom:12px}[dir] .phone-preview-home{cursor:pointer}[dir=ltr] .phone-preview-home{left:50%;margin:0 0 0 -18px}[dir=rtl] .phone-preview-home{right:50%;margin:0 -18px 0 0}.phone-preview-screen{position:relative;height:100%}[dir] .phone-preview-screen{background:#f8f8f8;border-radius:20px}.phone-preview-app,.phone-preview-lock{position:absolute;width:100%;height:100%;overflow-x:hidden}.phone-preview-lock-time{font-size:32px;font-weight:lighter}[dir] .phone-preview-lock-time{padding-top:20px;text-align:center}.phone-preview-lock-date{font-size:14px;font-weight:lighter}[dir] .phone-preview-lock-date{padding:5px 0;text-align:center}[dir] .phone-preview-lock-message{padding:10px;margin:10px;background:#e9e9e9;border-radius:10px;cursor:pointer}[dir] .phone-preview-lock-message-header{margin-bottom:5px}.phone-preview-lock-message-logo{width:18px;height:18px}.phone-preview-lock-message-channel{text-transform:uppercase;font-weight:300;color:#737174;font-size:12px}[dir] .phone-preview-lock-message-channel{margin-top:5px}.phone-preview-lock-message-sender{font-size:12px;font-weight:700;color:#181818}.phone-preview-lock-message-text{font-size:12px;color:#181818;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.phone-preview-lock-note{position:absolute;bottom:0;width:100%;font-size:12px}[dir] .phone-preview-lock-note{padding:20px;text-align:center}.phone-preview-app-time{font-weight:lighter;font-size:12px;line-height:1}[dir] .phone-preview-app-time{text-align:center}.phone-preview-app-header{color:#7060e9}[dir] .phone-preview-app-header{padding:6px}[dir=ltr] .phone-preview-app-header{text-align:right}[dir=rtl] .phone-preview-app-header{text-align:left}.phone-preview-app-body{max-height:392px;overflow-y:auto;overflow-x:hidden}[dir] .phone-preview-app-body{padding:10px 0}.phone-preview-app-sender-logo{width:32px;height:32px}[dir] .phone-preview-app-message{background:#efefef;border:1px solid #efefef}[dir=ltr] .phone-preview-app-message{border-radius:0 15px 15px 15px}[dir=rtl] .phone-preview-app-message{border-radius:15px 0 15px 15px}.phone-preview-app-message-text{font-size:13px;line-height:1.3;white-space:pre-line;overflow:hidden}[dir] .phone-preview-app-message-text{padding:8px 12px;margin:0!important}.phone-preview-app-message-img{display:block;width:100%}.phone-preview-app-message-button{display:block;color:#fff;font-size:12px}[dir] .phone-preview-app-message-button{background:#7060e9;text-align:center;padding:6px;margin:8px 12px;border-radius:15px}.phone-preview-app-carousel{overflow:scroll}[dir] .phone-preview-app-carousel{background:#efefef;border:1px solid #efefef;margin:10px 0;padding:10px}[dir=ltr] .phone-preview-app-carousel{border-radius:0 15px 15px 15px}[dir=rtl] .phone-preview-app-carousel{border-radius:15px 0 15px 15px}.phone-preview-app-carousel-items{display:flex;gap:10px;align-items:flex-start;flex-wrap:nowrap;flex-direction:row}.phone-preview-app-carousel-card{width:115px}.phone-preview-app-carousel-title{font-size:13px;line-height:1.3;white-space:pre-line;overflow:hidden}[dir] .phone-preview-app-carousel-title{padding:8px 12px;margin:0!important}.phone-preview-app-carousel-img{display:block;width:100%}.phone-preview-app-carousel-button{display:block;color:#fff;font-size:12px}[dir] .phone-preview-app-carousel-button{background:#7060e9;text-align:center;padding:6px;margin:8px 12px;border-radius:15px}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s ease-out}.slide-fade-enter,.slide-fade-leave-to{opacity:0}[dir] .slide-fade-enter,[dir] .slide-fade-leave-to{transform:translateY(-60px)}.slide-fade-bottom-enter-active,.slide-fade-bottom-leave-active{transition:all .3s ease-out}.slide-fade-bottom-enter,.slide-fade-bottom-leave-to{opacity:0}[dir] .slide-fade-bottom-enter,[dir] .slide-fade-bottom-leave-to{transform:translateY(60px)}.echarts{width:600px;height:400px}