.publishing-film{color:#f1f3ef;text-align:left;background:#080b09;border-radius:18px;justify-self:center;width:100%;min-width:0;max-width:450px;font-family:ProductInter,Arial,sans-serif;overflow:hidden;box-shadow:0 22px 60px -32px #23392c61}.publishing-film svg{flex:none;width:16px;height:16px}.publish-topbar{color:#8a938d;border-bottom:1px solid #ffffff09;align-items:center;gap:16px;height:54px;padding-inline:22px;font-size:12px;display:flex}.publish-topbar .brand-logo{width:84px}.publish-topbar small{margin-left:auto;font-size:11px}.publish-motion{flex:none;width:28px;margin-left:-8px}.publish-pause{color:#8a938d;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:32px;padding:0;display:grid}.publish-pause:hover{color:#fff;background:#ffffff09}.landing .publish-pause:focus-visible{outline-offset:2px;outline:2px solid #8a938d}.publish-pause svg{width:14px;height:14px}.publish-scene{isolation:isolate;height:464px;position:relative}.publish-visual{pointer-events:none;-webkit-user-select:none;user-select:none;height:100%;position:relative}.publish-composer{flex-direction:column;gap:16px;display:flex;position:absolute;inset:24px}.publish-heading{letter-spacing:-.5px;font-size:19px;font-weight:600}.publish-material{flex:none;grid-template-columns:100px minmax(0,1fr);gap:16px;height:142px;display:grid}.publish-video-slot{min-width:0;position:relative}.publish-drop{color:#849087;border:1px dashed #35402f;border-radius:9px;place-items:center;display:grid;position:absolute;inset:0}.publish-video{background:#111713;border-radius:9px;height:142px;position:relative;overflow:hidden}.publish-video[data-arriving=true]{animation:publish-drop-in var(--publish-duration) both}.publish-video img{object-fit:cover;width:100%;height:100%}.publish-video>span{color:#e0e5df;background:#080b09cc;border-radius:20px;align-items:center;gap:5px;padding:4px 6px;font-size:10px;display:flex;position:absolute;bottom:7px;left:7px}.publish-video>span svg{width:10px;height:10px}.publish-caption{flex-direction:column;gap:8px;min-width:0;padding-top:2px;display:flex}.publish-caption>small{color:#849087;margin-bottom:4px;font-size:11px}.publish-label{color:#b5beb8;font-size:12px}.publish-caption>div{color:#647068;background:#111713;border-radius:8px;min-height:76px;padding:11px 12px;font-size:13px;line-height:1.5}.publish-caption>div[data-ready=true]{color:#e2e7e2;animation:.25s both publish-fade-in}.publish-field-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.publish-field-heading>small{color:#849087;font-size:10px}.publish-platforms{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.publish-platform{color:#a8b2aa;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.publish-platform-icon{color:#a8b2aa;background:#141b16;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid;position:relative}.publish-platform-icon>svg{width:18px;height:18px}[data-platform=instagram]>.publish-platform-icon{color:#ff8cc7}[data-platform=threads]>.publish-platform-icon{color:#f0f2ed}[data-platform=tiktok]>.publish-platform-icon{color:#79e6e8}[data-platform=youtube]>.publish-platform-icon{color:#ff7771}.publish-platform-icon i{color:#10160d;opacity:0;background:#afd35d;border:2px solid #080b09;border-radius:50%;place-items:center;width:13px;height:13px;display:grid;position:absolute;bottom:-3px;right:-4px}.publish-platform-icon i svg{width:8px;height:8px}.publish-platform[data-selected=true] i{opacity:1;animation:publish-fade-in .18s var(--platform-delay) both}.publish-time-fields{color:#647068;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;display:grid}.publish-time-fields>span{background:#111713;border-radius:8px;align-items:center;gap:8px;min-height:35px;padding:8px 11px;display:flex}.publish-time-fields[data-ready=true]{color:#e1e6df}.publish-time-fields[data-ready=true]>span{animation:.2s both publish-fade-in}.publish-time-fields svg{color:#a8b2aa;width:13px;height:13px}.publish-action{color:#10160d;background:#a8c94f;border-radius:8px;justify-content:center;align-self:flex-end;align-items:center;gap:9px;min-height:36px;margin-top:auto;padding:0 13px;font-size:12px;font-weight:600;display:flex}.publish-action svg{width:14px;height:14px}.publish-action[data-pressed=true]{animation:publish-button-press var(--publish-duration) both}.publish-drag-pointer,.publish-schedule-pointer{z-index:3;filter:drop-shadow(0 2px 2px #0008);position:absolute}.publish-drag-pointer svg,.publish-schedule-pointer svg{width:22px;height:28px;display:block}.publish-drag-pointer{animation:publish-drag-pointer var(--publish-duration) both;bottom:14px;right:-8px}.publish-schedule-pointer{animation:publish-click var(--publish-duration) both;bottom:0;right:30px}.publish-result{opacity:0;visibility:hidden;transition:opacity .25s;position:absolute;inset:24px}.publish-result[data-visible=true]{opacity:1;visibility:visible}.publish-result-heading{flex-direction:column;gap:8px;margin:10px 0 22px;display:flex}.publish-result-heading>strong{letter-spacing:-.55px;font-size:22px;font-weight:600;line-height:1.15}.publish-result-heading>span{color:#97a48f;font-size:13px}.publish-result-video{align-items:center;gap:12px;margin-bottom:20px;display:flex}.publish-result-video>img{object-fit:cover;border-radius:6px;flex:none;width:38px;height:48px}.publish-result-video>div{flex-direction:column;gap:6px;min-width:0;display:flex}.publish-result-video strong{font-size:13px;font-weight:500;line-height:1.35}.publish-result-video small{color:#849087;font-size:11px}.publish-deliveries{flex-direction:column;gap:10px;display:flex}.publish-delivery{background:#111713;border-radius:9px;align-items:center;gap:10px;min-height:50px;padding:7px 10px;display:flex}.publish-account{flex-direction:column;gap:5px;min-width:0;display:flex}.publish-account strong{font-size:12px;font-weight:550}.publish-account small{color:#849087;font-size:10px}.publish-delivery-status{color:#8f9c93;align-items:center;gap:5px;margin-left:auto;font-size:11px;display:flex}.publish-delivery-status svg{width:13px;height:13px}.publish-delivery-status[data-delivered=true]{color:#bed993;animation:publish-delivered .25s var(--delivery-delay) both}.publish-time-jump{flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.25s both publish-fade-in;display:flex;position:absolute;inset:0}.publish-time-jump>span:first-child{color:#a8c94f}.publish-time-jump>span:first-child svg{width:32px;height:32px}.publish-time-jump strong{letter-spacing:-.5px;text-align:center;font-size:22px;font-weight:550}.publish-clock{letter-spacing:-1px;color:#97a48f;font-variant-numeric:tabular-nums;font-size:42px;font-weight:500}.publishing-film[data-playing=false] *{animation-play-state:paused!important}.publishing-film[data-scene=published] .publish-delivery-status{animation:none}@keyframes publish-drop-in{0%,15%{opacity:0;transform:translate(-28px,25px)rotate(-5deg)scale(.92)}35%{opacity:1}80%,to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes publish-drag-pointer{0%,15%{opacity:0;transform:translate(-28px,25px)}35%{opacity:1}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes publish-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes publish-click{0%,20%{opacity:0;transform:translate(12px,12px)}55%,80%{opacity:1;transform:translate(0)}88%{opacity:1;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes publish-button-press{0%,80%{background:#a8c94f}88%,to{background:#bfdc77}}@keyframes publish-delivered{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.publish-topbar{gap:12px;height:49px;padding-inline:16px;font-size:11px}.publish-topbar .brand-logo{width:77px}.publish-composer,.publish-result{inset:20px 16px}.publish-composer{gap:15px}.publish-heading{font-size:17px}.publish-material{grid-template-columns:86px minmax(0,1fr);gap:12px}.publish-caption>div{min-height:90px;padding:10px;font-size:12px}.publish-field-heading>small{font-size:9px}.publish-delivery{gap:8px;padding-inline:8px}.publish-delivery-status{gap:4px;font-size:10px}.publish-delivery>.publish-platform-icon{width:28px;height:28px}.publish-account strong{font-size:11px}.publish-account small{font-size:9px}.publish-result-heading>strong,.publish-time-jump strong{font-size:21px}}
