@font-face{font-family:"TTP TikTok Sans";src:url(../../../assets/fonts/tiktok-sans/tiktok-sans-latin-var.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}.ttp-preview{--u: 0.916730px;--ttp-font: "TTP TikTok Sans", "Segoe UI", Roboto, Arial, sans-serif;--ttp-bg: #ffffff;--ttp-ink: #161823;--ttp-sub: #8a8b91;--ttp-fill: #f1f1f2;--ttp-line: #e3e3e4;--ttp-red: #fe2c55;--ttp-avatar-bg: #e3e3e4;--ttp-avatar-ink: #ffffff;--ttp-create: #161823;--ttp-create-ink: #ffffff;--white: #ffffff;--black: #000000;--bg: var(--ttp-bg);--battery-gray: rgba(0, 0, 0, 0.3)}.ttp-preview.ttp-iphone{--u: 0.895522px}.ttp-preview.dark-theme{--ttp-bg: #000000;--ttp-ink: #ffffff;--ttp-sub: #9a9a9e;--ttp-fill: #2a2a2a;--ttp-line: #2a2a2a;--ttp-avatar-bg: #2f2f33;--ttp-avatar-ink: #6b6b70;--ttp-create: #ffffff;--ttp-create-ink: #161823;--white: #000000;--black: #ffffff;--battery-gray: rgba(255, 255, 255, 0.5)}.ttp-preview .modal-content.ttp-screen{display:flex;flex-direction:column;height:800px;background-color:var(--ttp-bg);border:0;border-radius:0;box-shadow:none;overflow:hidden;position:relative}.ttp-preview.ttp-iphone .modal-content.ttp-screen{height:783px}body #download.downloading .modal-content.ttp-screen,.ttp-preview.downloading .modal-content.ttp-screen{height:auto!important}.ttp-preview .all_header_wp{flex:0 0 auto;background-color:var(--ttp-bg)}:where(.ttp-preview) .all_header_wp{position:relative;z-index:150}.ttp-preview .android-header .status-bar{display:flex;justify-content:space-between;padding:8px 15px 5px}:where(.ttp-preview) .android-header .battery-container.battery-vertical-one .battery{rotate:90deg;width:14px;height:10px;border:0px;background-color:rgba(200,200,200,0.5);margin:0px 0px 2px;scale:0.82}:where(.ttp-preview) .android-header .battery-container.battery-vertical-one .battery::before{top:50%;left:0px;transform:translate(-50%,-50%);margin:0px;width:4px;height:12px;border-radius:0px;background:linear-gradient(var(--white) 30%,transparent 30%,transparent 70%,var(--white) 70%);z-index:5}:where(.ttp-preview) .android-header .battery-container.battery-vertical-two .battery-status{order:2;margin-left:2px;width:25px;text-align:left;font-weight:bold}:where(.ttp-preview) .android-header .battery-container.battery-vertical-two{display:inline-flex;margin:0px;height:15px;align-items:center}:where(.ttp-preview) .android-header .battery-container.battery-vertical-two .battery{rotate:90deg;width:12px;height:8px;order:1;margin:0px;padding:0px;display:block;border-width:1.5px}:where(.ttp-preview) .android-header .battery-container.battery-vertical-two .battery::before{height:4px;width:1.5px;left:-2.5px;top:50%;transform:translate(0px,-50%);border-radius:0px;margin:0px}:where(.ttp-preview) .android-header .battery-container.hide-percentage .battery-status{display:none}:where(.ttp-preview) .android-header .battery-container.hide-percentage.battery-horizontal .battery{margin:0px}.ttp-preview .android-header .status-bar,.ttp-preview .ios-header .status-bar{background-color:var(--bg);color:var(--black)}:where(.ttp-preview) .android-header .battery-container.battery-horizontal .battery{width:20px;height:11px;border-radius:3px;border:1px solid var(--black)}:where(.ttp-preview) .android-header .battery-container.battery-horizontal .battery::before{left:calc(100% + 2px);top:50%;transform:translate(0px,-50%);margin:0px;border-radius:0px 1px 1px 0px;height:5px;width:1.5px;background-color:var(--black)}:where(.ttp-preview) .android-header .battery-container.battery-horizontal .battery-level{left:0px;right:unset;background-color:var(--black)}:where(.ttp-preview) .show-network.n5g .data-network:not(.net5g),:where(.ttp-preview) .show-network.n4g .data-network:not(.net4g),:where(.ttp-preview) .show-network.n3g .data-network:not(.net3g),:where(.ttp-preview) .show-network.n2g .data-network:not(.net2g),:where(.ttp-preview) .show-network.nwifi .data-network:not(.wifi-network),:where(.ttp-preview) .show-network.nairplane .data-network:not(.airplane),.ttp-preview.dark-theme .show-network.nwifi .data-network:not(.wifi-network) .light{display:none}:where(.ttp-preview) .show-network.nsignal{display:none}:where(.ttp-preview) .ios-header .status-bar{display:flex;justify-content:space-between;align-items:center}:where(.ttp-preview) .ios-header .status-bar .right-status-bar{display:flex}:where(.ttp-preview) .status-bar-left{display:flex;align-items:center}:where(.ttp-preview) .ios-header .iphone-time{position:unset;padding-left:20px}:where(.ttp-preview) .status-bar-right{display:flex;align-items:center;justify-content:flex-end}:where(.ttp-preview) .ios-header .new-iphone-moblie-network,:where(.ttp-preview) .ios-header .new-iphone-moblie-network .phone-network{display:flex;justify-content:space-between;align-items:flex-end}:where(.ttp-preview) .ios-header .phone-network{height:14px;position:relative}:where(.ttp-preview) .ios-header .new-iphone-moblie-network .network-point{display:block;width:4px;height:100%;background-color:var(--black);margin-right:2px;border-radius:2px;position:relative}:where(.ttp-preview) .ios-header .phone-network .network-point{display:block;width:4px;height:92%;background-color:var(--black);margin-right:2px;border-radius:2px;position:relative}:where(.ttp-preview) .ios-header .new-iphone-moblie-network .network-point:nth-child(1){height:38%}:where(.ttp-preview) .ios-header .new-iphone-moblie-network .network-point:nth-child(2){height:55%}:where(.ttp-preview) .ios-header .new-iphone-moblie-network .network-point:nth-child(3){height:72%}:where(.ttp-preview) .ios-header .new-iphone-moblie-network .network-point:not(.active){opacity:0.3}:where(.ttp-preview) .ios-header .phone-network.sim2{padding-bottom:6px}:where(.ttp-preview) .ios-header .new-iphone-moblie-network .show-network{margin:0px 3px;font-weight:600}:where(.ttp-preview) .ios-header .battery-container{padding-right:15px}:where(.ttp-preview) .ios-header .battery-container .battery{height:14px;border:0px;margin:1px 3px}:where(.ttp-preview) .ios-header .battery-container .battery::before{width:2px;height:3px;border-radius:0px 5px 5px 0px;background-color:var(--battery-gray)}:where(.ttp-preview) .ios-header .battery-container.hide-percentage .battery::before{background-color:var(--black)}:where(.ttp-preview) .ios-header .battery-container.hide-percentage .battery-status{display:none}:where(.ttp-preview) .ios-header .battery-container.hide-percentage .battery-percentage{background-color:transparent;padding:1px;border:1px solid var(--black)}:where(.ttp-preview) .ios-header .battery-container.hide-percentage .battery-percentage .battery-level{border-radius:3px}:where(.ttp-preview) .ios-header .iphone-battery .battery-status{position:absolute;left:calc(50% - 1px);top:50%;transform:translate(-50%,-50%);z-index:3;font-size:12px;font-weight:bold;color:var(--white);text-shadow:0 0 var(--white)}:where(.ttp-preview) .battery-percentage.iphone-battery-percentage{width:100%;height:100%;border-radius:4px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;background-color:var(--battery-gray)}:where(.ttp-preview) .ios-header .battery-container .battery .battery-level{position:relative;z-index:2;background-color:var(--black)}:where(.ttp-preview) .android-header .status-bar .battery-status{color:var(--black)}.ttp-preview .data-network .dark{display:none}.ttp-preview.dark-theme .data-network .dark{display:block}.ttp-preview.dark-theme .data-network .light{display:none}:where(.ttp-preview) .android-header .battery-level{background-color:var(--black)}:where(.ttp-preview) .android-header .status-bar .battery{border-color:var(--black)}:where(.ttp-preview) .android-header .status-bar .battery::before{background-color:var(--black)}:where(.ttp-preview) .android-header .status-network.network-one,:where(.ttp-preview) .status-network.network-one,:where(.ttp-preview) .status-network.network-two,:where(.ttp-preview) .android-header .status-network.network-two{display:flex;justify-content:space-between;align-items:flex-end;position:relative;height:11px;margin-right:0px!important}:where(.ttp-preview) .status-network.network-two{margin-left:3px!important}:where(.ttp-preview) .network-line{display:block;width:2px;height:100%;background-color:var(--black);margin-right:2px;border-radius:2px;position:relative}:where(.ttp-preview) .network-line:nth-child(1){height:40%}:where(.ttp-preview) .network-line:nth-child(2){height:60%}:where(.ttp-preview) .network-line:nth-child(3){height:80%}:where(.ttp-preview) .network-line:not(.active){opacity:0.3}:where(.ttp-preview) .new-sim-design{display:flex;align-items:center;flex-direction:column}:where(.ttp-preview) .phone-network.second-network .network-point{width:4px;border-radius:50%;height:4px!important}:where(.ttp-preview) .new-sim-design:has(.phone-network.sim2:not(.d-none)){height:17px}:where(.ttp-preview) .new-iphone-moblie-network .phone-network.sim2{height:9px;padding-bottom:0px}:where(.ttp-preview) .location,:where(.ttp-preview) .silent{display:none;color:var(--black)}:where(.ttp-preview) .iphone-network{gap:5px}:where(.ttp-preview) .new-battery-container{display:flex;justify-content:center;align-items:center}:where(.ttp-preview) .battery-image{margin-left:5px;display:none}:where(.ttp-preview) .battery-container.charging-mode-on .battery-image{display:block}:where(.ttp-preview) .ios-header .battery-container.charging-mode-on .battery .charge-icon{position:absolute;left:calc(50% + 7px);top:50%;transform:translate(-50%,-50%);display:block;font-size:10px;z-index:4;color:rgb(255,255,255)}:where(.ttp-preview) .ios-header .battery-container.charging-mode-on.charge-full .battery .charge-icon{display:none}:where(.ttp-preview) .ios-header .iphone-battery{position:relative}:where(.ttp-preview) .ios-header .battery-container .battery .charge-icon{display:none}:where(.ttp-preview) .ios-header .battery-container.charging-mode-on .battery .battery-status{left:calc(50% - 4px);color:rgb(255,255,255);font-weight:500}:where(.ttp-preview) .ios-header .battery-container.charging-mode-on.charge-full .battery .battery-status{left:calc(50% - 1px)}:where(.ttp-preview) .ios-header .battery-container.charging-mode-on .battery .battery-level{background-color:rgb(0,171,0)}:where(.ttp-preview) .ios-header .battery-container .battery .battery-level.red{background-color:rgb(255,99,99)}:where(.ttp-preview) .ios-header .battery-container.hide-percentage.charging-mode-on .battery .charge-icon{left:50%;font-size:14px;color:var(--black)}.ttp-preview .ttp-app{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;position:relative;font-family:var(--ttp-font);color:var(--ttp-ink);background-color:var(--ttp-bg);text-align:left;-webkit-font-smoothing:antialiased}.ttp-preview .ttp-svg{display:block;width:100%;height:100%}.ttp-preview .ttp-cover{position:absolute;inset:0;background-size:cover;background-position:center}.ttp-preview .ttp-tone-0{background-image:linear-gradient(160deg,#fbd3a5 0%,#f39a6b 55%,#b9504c 100%)}.ttp-preview .ttp-tone-1{background-image:linear-gradient(170deg,#2c3e50 0%,#4ca1af 100%)}.ttp-preview .ttp-tone-2{background-image:linear-gradient(150deg,#f6e7c1 0%,#d9a86c 60%,#8c5a2b 100%)}.ttp-preview .ttp-tone-3{background-image:linear-gradient(180deg,#a1c4fd 0%,#c2e9fb 100%)}.ttp-preview .ttp-tone-4{background-image:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}.ttp-preview .ttp-tone-5{background-image:linear-gradient(160deg,#434343 0%,#000000 100%)}.ttp-preview .ttp-tone-6{background-image:linear-gradient(135deg,#d4fc79 0%,#96e6a1 100%)}.ttp-preview .ttp-tone-7{background-image:linear-gradient(170deg,#f093fb 0%,#f5576c 100%)}.ttp-preview .ttp-tone-8{background-image:linear-gradient(150deg,#fddb92 0%,#d1fdff 100%)}.ttp-preview .ttp-default-avatar{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;background-color:var(--ttp-avatar-bg);color:var(--ttp-avatar-ink);overflow:hidden}.ttp-preview .ttp-default-avatar .ttp-svg{width:86%;height:86%}.ttp-preview .ttp-letter-avatar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:calc(40 * var(--u));font-weight:600}.ttp-preview .ttp-topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:calc(44 * var(--u));padding:0 calc(16 * var(--u))}.ttp-preview .ttp-tb-right{display:flex;gap:calc(20 * var(--u))}.ttp-preview .ttp-tb-icon{display:flex}.ttp-preview .ttp-tb-icon>.ttp-svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}.ttp-preview .ttp-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.ttp-preview .ttp-scroll::-webkit-scrollbar{display:none}.ttp-preview.downloading .ttp-scroll{overflow:visible}.ttp-preview .ttp-head{padding:calc(8 * var(--u)) calc(16 * var(--u)) 0}.ttp-preview .ttp-head-row{display:flex;align-items:flex-start;gap:calc(12 * var(--u))}.ttp-preview .ttp-head-left{flex:1 1 auto;min-width:0}.ttp-preview .ttp-name{font-size:calc(34 * var(--u));font-weight:700;line-height:calc(39 * var(--u));overflow-wrap:anywhere}.ttp-preview .ttp-badge{display:inline-flex;margin-left:calc(6 * var(--u));vertical-align:calc(1 * var(--u))}.ttp-preview .ttp-badge>.ttp-svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}.ttp-preview .ttp-username{margin-top:calc(2 * var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(16 * var(--u));line-height:calc(21 * var(--u));color:var(--ttp-sub)}.ttp-preview .ttp-stats{display:flex;flex-wrap:wrap;gap:calc(4 * var(--u)) calc(20 * var(--u));margin-top:calc(12 * var(--u))}.ttp-preview .ttp-stat{display:flex;flex-direction:column;min-width:0}.ttp-preview .ttp-stat-n{font-size:calc(20 * var(--u));font-weight:700;line-height:calc(24 * var(--u))}.ttp-preview .ttp-stat-l{font-size:calc(15 * var(--u));line-height:calc(19 * var(--u));color:var(--ttp-sub);white-space:nowrap}.ttp-preview .ttp-avatar{position:relative;flex:0 0 auto;width:calc(96 * var(--u));height:calc(96 * var(--u));border-radius:50%}.ttp-preview .ttp-avatar>.ttp-cover,.ttp-preview .ttp-avatar>.ttp-default-avatar,.ttp-preview .ttp-avatar>.ttp-letter-avatar{border-radius:50%;overflow:hidden}.ttp-preview .ttp-avatar-add{position:absolute;right:calc(2 * var(--u));bottom:calc(2 * var(--u));width:calc(26 * var(--u));height:calc(26 * var(--u));padding:calc(4 * var(--u));border:calc(2.5 * var(--u)) solid var(--ttp-bg);border-radius:50%;background-color:#20d5ec;color:#ffffff;box-sizing:border-box}.ttp-preview .ttp-buttons{display:flex;gap:calc(8 * var(--u));margin-top:calc(16 * var(--u))}.ttp-preview .ttp-main-btn{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-width:0;height:calc(40 * var(--u));border-radius:calc(20 * var(--u));background-color:var(--ttp-fill);font-size:calc(16 * var(--u));font-weight:600;white-space:nowrap}.ttp-preview .ttp-main-btn.ttp-red{background-color:var(--ttp-red);color:#ffffff}.ttp-preview .ttp-round{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:50%;background-color:var(--ttp-fill)}.ttp-preview .ttp-round .ttp-svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.ttp-preview .ttp-bio{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:calc(12 * var(--u));font-size:calc(16 * var(--u));line-height:calc(21 * var(--u));white-space:pre-line;overflow-wrap:anywhere}.ttp-preview .ttp-link{display:flex;align-items:center;gap:calc(4 * var(--u));margin-top:calc(6 * var(--u));font-size:calc(16 * var(--u));font-weight:700;line-height:calc(21 * var(--u))}.ttp-preview .ttp-link-icon{display:flex;flex:0 0 auto}.ttp-preview .ttp-link-icon>.ttp-svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.ttp-preview .ttp-link-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttp-preview .ttp-tabs{display:flex;justify-content:center;height:calc(44 * var(--u));margin-top:calc(14 * var(--u));border-bottom:calc(0.5 * var(--u)) solid var(--ttp-line)}.ttp-preview .ttp-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:calc(2 * var(--u));width:calc(48 * var(--u))}.ttp-preview .ttp-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(2 * var(--u));background-color:var(--ttp-ink)}.ttp-preview .ttp-tab-icon{display:flex}.ttp-preview .ttp-tab-icon>.ttp-svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.ttp-preview .ttp-tab-caret{display:flex}.ttp-preview .ttp-tab-caret>.ttp-svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}.ttp-preview .ttp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(2 * var(--u));padding-top:calc(2 * var(--u))}.ttp-preview .ttp-tile{position:relative;padding-top:133.3333%;overflow:hidden;background-color:var(--ttp-fill);color:#ffffff}.ttp-preview .ttp-tile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(to top,rgba(0,0,0,0.35),rgba(0,0,0,0))}.ttp-preview .ttp-plays{position:absolute;left:calc(6 * var(--u));bottom:calc(5 * var(--u));z-index:1;display:flex;align-items:center;gap:calc(3 * var(--u));font-size:calc(15 * var(--u));font-weight:600;line-height:calc(18 * var(--u));text-shadow:0 0 calc(2 * var(--u)) rgba(0,0,0,0.35)}.ttp-preview .ttp-plays-icon{display:flex}.ttp-preview .ttp-plays-icon>.ttp-svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.ttp-preview .ttp-pinned{position:absolute;left:calc(6 * var(--u));top:calc(6 * var(--u));z-index:1;padding:0 calc(5 * var(--u));border-radius:calc(3 * var(--u));background-color:var(--ttp-red);font-size:calc(12 * var(--u));font-weight:600;line-height:calc(19 * var(--u))}.ttp-preview .ttp-photo-mark{display:flex;position:absolute;right:calc(6 * var(--u));top:calc(6 * var(--u));z-index:1;filter:drop-shadow(0 0 calc(1 * var(--u)) rgba(0,0,0,0.4))}.ttp-preview .ttp-photo-mark>.ttp-svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.ttp-preview .ttp-cover-text{position:absolute;left:calc(8 * var(--u));right:calc(8 * var(--u));top:38%;z-index:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:calc(15 * var(--u));font-weight:700;line-height:calc(18 * var(--u));text-align:center;text-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) rgba(0,0,0,0.6);overflow-wrap:anywhere}.ttp-preview .ttp-empty-state{padding:calc(48 * var(--u)) calc(32 * var(--u));text-align:center}.ttp-preview .ttp-empty-title{font-size:calc(18 * var(--u));font-weight:700;line-height:calc(23 * var(--u))}.ttp-preview .ttp-empty-text{margin-top:calc(6 * var(--u));font-size:calc(15 * var(--u));line-height:calc(20 * var(--u));color:var(--ttp-sub)}.ttp-preview .ttp-nav{flex:0 0 auto;border-top:calc(0.5 * var(--u)) solid var(--ttp-line);background-color:var(--ttp-bg)}.ttp-preview.ttp-iphone .ttp-nav{padding-bottom:calc(34 * var(--u))}.ttp-preview .ttp-nav-items{display:flex;height:calc(49 * var(--u))}.ttp-preview .ttp-nav-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:calc(6 * var(--u));color:var(--ttp-sub)}.ttp-preview .ttp-nav-on{color:var(--ttp-ink)}.ttp-preview .ttp-nav-icon{display:flex}.ttp-preview .ttp-nav-icon>.ttp-svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}.ttp-preview .ttp-nav-label{margin-top:calc(2 * var(--u));font-size:calc(10 * var(--u));font-weight:600;line-height:calc(12 * var(--u))}.ttp-preview .ttp-nav-create{justify-content:center;padding-top:0}.ttp-preview .ttp-create{position:relative;width:calc(45 * var(--u));height:calc(28 * var(--u));border-radius:calc(8 * var(--u));background:linear-gradient(90deg,#20d5ec 0 50%,#fc2c6c 50% 100%)}.ttp-preview .ttp-create-inner{position:absolute;top:0;bottom:0;left:calc(4 * var(--u));right:calc(4 * var(--u));display:flex;align-items:center;justify-content:center;border-radius:calc(7 * var(--u));background-color:var(--ttp-create);color:var(--ttp-create-ink)}.ttp-preview .ttp-create-inner .ttp-svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.ttp-preview [data-ttp-open]{cursor:pointer}.ttp-preview.ttp-exporting [data-ttp-open]{cursor:default}