.placeholder-content{height:20px;overflow:hidden;background:#000;position:relative;-webkit-animation-duration:1.7s;animation-duration:1.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:placeholderAnimate;animation-name:placeholderAnimate;background:#f6f7f8;background:-webkit-gradient(linear,left top,right top,color-stop(2%,#eee),color-stop(18%,#ddd),color-stop(33%,#eee));background:linear-gradient(90deg,#eee 2%,#ddd 18%,#eee 33%);background-size:1300px;&_item{width:100%;height:20px;background:#fff;z-index:2;&:after,&:before{width:inherit;height:inherit;content:""}&:first-child{top:0;left:0}&:nth-child(2){top:20px;left:0;width:10%;height:90px}&:nth-child(3){top:0;left:0;width:10%;height:100%}&:nth-child(4){top:20px;width:20px;left:170px;height:90px}&:nth-child(5){top:40px;left:190px;height:12px}&:nth-child(6){top:75px;left:190px;height:12px}&:nth-child(7){top:20px;right:0;width:23%;height:20px}&:nth-child(8){top:0;right:0;width:10%;height:100%}&:nth-child(9){top:110px;height:17px;left:0}&:nth-child(10){top:149px;height:12px;left:0}&:nth-child(11){top:183px;left:0;height:100%}}}@-webkit-keyframes placeholderAnimate{0%{background-position:-650px 0}to{background-position:650px 0}}@keyframes placeholderAnimate{0%{background-position:-650px 0}to{background-position:650px 0}}.device-preview-container[data-v-9c0d9436]{margin-top:20px;margin-bottom:20px}.in-app-content-card[data-v-9c0d9436]{width:320px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);overflow:hidden}.in-app-content-card .header[data-v-9c0d9436]{padding:10px 14px;background:#f7f7f9;border-bottom:1px solid #e0e0e0;font-size:12px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.in-app-content-card .body[data-v-9c0d9436]{padding:14px;font-size:14px;line-height:1.5;color:#222;white-space:pre-wrap;max-height:520px;overflow-y:auto}.phone-frame[data-v-9c0d9436]{display:inline-block;width:280px;height:560px;background:#1a1a1a;border-radius:40px;padding:10px;position:relative;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:0 10px 30px rgba(0,0,0,.3)}.phone-notch[data-v-9c0d9436]{width:120px;height:25px;background:#1a1a1a;border-radius:0 0 15px 15px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.phone-status-bar[data-v-9c0d9436]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:30px 15px 10px;color:#fff;font-size:12px}.phone-screen[data-v-9c0d9436]{padding:10px;height:calc(100% - 50px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.notification-card[data-v-9c0d9436],.phone-screen[data-v-9c0d9436]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.notification-card[data-v-9c0d9436]{background:#2d2d2d;border-radius:12px;padding:12px;width:100%;text-align:left;margin-top:10px}.notification-text[data-v-9c0d9436]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.notification-app-name[data-v-9c0d9436]{font-size:11px;color:#888;margin-bottom:2px}.notification-title-preview[data-v-9c0d9436]{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-body-preview[data-v-9c0d9436]{font-size:12px;color:#ccc;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-image-side[data-v-9c0d9436]{width:60px;height:60px;border-radius:8px;-o-object-fit:cover;object-fit:cover;margin-left:10px;-ms-flex-negative:0;flex-shrink:0}[data-v-9c0d9436] .group-header{font-weight:700;background-color:#e9ecef}.placeholder-list[data-v-9c0d9436]{background-color:#fafafa}.placeholder-item[data-v-9c0d9436]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 0}.placeholder-item code[data-v-9c0d9436]{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:.85em}.placeholder-item .text-12[data-v-9c0d9436]{font-size:12px}[data-v-9c0d9436] .tooltip-inner{white-space:pre-wrap;max-width:400px;text-align:left}