.creator-clips{position:relative;padding:12px 0 70px;overflow:hidden}.creator-clips .creator-section-heading{margin-bottom:28px}.creator-clips .creator-section-heading h2{font-size:clamp(34px,3.6vw,48px)}.creator-clips .creator-section-heading>p{max-width:340px}.creator-phones-stage{position:relative;padding:46px 0 22px;isolation:isolate;border:1px solid var(--border,#dedee3);border-radius:28px;background:#fff}.creator-phones-row{display:flex;justify-content:center;align-items:flex-start;gap:100px;list-style:none;margin:0;padding:0 30px}.creator-phone-item{position:relative;flex:0 0 285px;min-width:0}.creator-phone-item:first-child{transform:rotate(-2deg)}.creator-phone-item:last-child{transform:rotate(2deg)}.creator-phone{position:relative;width:100%;padding:7px;border:1px solid #7d8390;border-radius:43px;background:linear-gradient(130deg,#535966,#11151d 19%,#2b303a 80%,#717886);box-shadow:inset 0 0 0 2px #b8bdc63d,0 14px 26px -15px #1c233c66,0 35px 55px -35px #1c233c50}.creator-phone-screen{position:relative;border-radius:35px;overflow:hidden;background:#090a0d;border:1px solid #050609;color:#fff}.creator-phone-status{position:relative;display:flex;justify-content:space-between;align-items:center;height:30px;padding:2px 21px 0;font-size:9px;font-weight:650;letter-spacing:.1px}.creator-phone-status i{position:absolute;top:8px;left:50%;width:76px;height:17px;transform:translate(-50%);background:#000;border-radius:999px;box-shadow:inset -9px 0 #0a0c15}.creator-phone-status span:last-child{font-size:8px;letter-spacing:.5px}.creator-feed-tabs{display:flex;justify-content:center;align-items:center;gap:17px;height:36px;padding-bottom:5px;font-size:11px;color:#8b8c93}.creator-feed-tabs strong{position:relative;color:#fff;font-weight:650}.creator-feed-tabs strong:after{content:"";position:absolute;left:50%;bottom:-6px;width:21px;height:2px;border-radius:2px;transform:translate(-50%);background:#fff}.creator-feed-tabs>svg{position:absolute;top:38px;right:17px;color:#fff}.creator-phone-media{position:relative;aspect-ratio:9/16;background:#121620;overflow:hidden}.creator-phone-media video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.creator-clip-watch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:61px;height:61px;padding-left:3px;border-radius:50%;border:1px solid #ffffffb8;background:#10172d73;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 7px 20px #0002;transition:background .15s}.creator-clip-watch:hover{background:#202c4fa8}.creator-clip-watch:focus-visible{outline:3px solid white!important;outline-offset:4px!important}.creator-feed-rail{position:absolute;right:11px;bottom:85px;display:grid;justify-items:center;gap:17px;color:#fff;pointer-events:none;filter:drop-shadow(0 2px 4px #0005)}.creator-feed-rail img{width:30px;height:30px;border-radius:50%;border:1.5px solid #fff}.creator-feed-caption{position:absolute;inset:auto 0 0;padding:27px 14px 14px;background:linear-gradient(180deg,transparent,#050911af);pointer-events:none}.creator-feed-caption strong{display:block;font-size:12px;line-height:1.3;font-weight:700}.creator-feed-caption p{font-size:11px;color:#e4e5ea;line-height:1.6;margin-top:4px}.creator-feed-caption>span{display:block;color:#b1b6c1;font-size:8px;line-height:1.5;margin-top:5px}.creator-feed-navigation{display:flex;justify-content:space-between;align-items:center;height:34px;padding:4px 16px 6px;border-top:1px solid #ffffff0a;color:#bec1c9}.creator-feed-navigation>svg:first-child{color:#fff}.creator-feed-navigation>span{display:grid;place-items:center;height:21px;width:31px;border-radius:6px;background:#fff;color:#070911;font-size:21px;line-height:1;box-shadow:-3px 0 #28e3e6,3px 0 #f34865}.creator-phone-home{display:block;height:3px;width:79px;border-radius:999px;background:#e6e8ec;margin:4px auto 7px}.creator-phone-side{position:absolute;top:100px;width:3px;height:45px;border:1px solid #646b77;border-radius:3px;background:#424956}.creator-phone-side-left{left:-3px;box-shadow:0 56px 0 -1px #424956}.creator-phone-side-right{right:-3px;top:135px;height:63px}.creator-clip-controls{display:flex;align-items:center;gap:10px;padding:20px 5px 0;min-height:46px}.creator-clip-controls button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 65px;min-height:36px;color:#6e6e73;font-size:11px;font-weight:550;padding:6px 0;border-radius:999px}.creator-clip-controls button:disabled{opacity:.4}.creator-clip-controls input{min-width:0;width:100%;height:3px;accent-color:#315ee8;cursor:pointer}.creator-clip-controls input:disabled{opacity:.4;cursor:default}.creator-clip-time{flex:0 0 28px;font-variant-numeric:tabular-nums;font-size:10px;color:#6e6e73}.creator-clip-message{min-height:15px;padding:0 5px;font-size:10px;line-height:1.7;color:#955148}.creator-clip-buffer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;padding:8px 12px;border-radius:9px;background:#091124ad;color:#fff;font-size:11px;text-align:center;pointer-events:none}.creator-clip-failed{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;color:#d4dced;background:#10192e;text-align:center;font-size:13px;line-height:1.8}.creator-clip-failed a{text-decoration:underline;text-underline-offset:4px;color:#fff}.creator-clips-footnote{margin-top:38px;text-align:center;font-size:12px;color:#6e6e73;line-height:1.8}.creator-clips-swipe{display:none}@media(max-width:1100px){.creator-clips .creator-section-heading h2{font-size:clamp(34px,3.6vw,48px)}.creator-phones-row{gap:90px}.creator-phone-item{flex-basis:270px}}@media(max-width:780px){.creator-phones-row{gap:55px}.creator-phone-item{flex-basis:250px}.creator-clips .creator-section-heading{display:block}.creator-clips .creator-section-heading>p{margin-top:17px;max-width:500px;font-size:15px}}@media(max-width:639.98px){.creator-clips{padding-top:20px;padding-bottom:40px}.creator-clips .creator-section-heading{margin-bottom:24px}.creator-clips .creator-section-heading h2{font-size:34px}.creator-clips .creator-section-heading>p{font-size:14px;line-height:1.9}.creator-phones-stage{margin-inline:0;padding:18px 0 8px;border-radius:24px}.creator-phones-row{justify-content:flex-start;gap:28px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100vw - 42px - min(70vw,280px))/2);padding:20px calc((100vw - 42px - min(70vw,280px))/2) 15px;scrollbar-width:none}.creator-phones-row::-webkit-scrollbar{display:none}.creator-phone-item{flex:0 0 min(70vw,280px);scroll-snap-align:center}.creator-phone-item:first-child,.creator-phone-item:last-child{transform:none}.creator-phone{border-radius:43px}.creator-clips-footnote{margin-top:7px;font-size:11px}.creator-clips-swipe{display:block;color:#315ee8;margin-top:8px;font-size:12px}.creator-clip-controls{padding-top:17px}}@media(prefers-reduced-motion:reduce){.creator-clips *{transition:none!important;scroll-behavior:auto!important}}
