.automation-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}.automation-film svg{flex:none;width:16px;height:16px}.auto-topbar{color:#8a938d;border-bottom:1px solid #ffffff09;align-items:center;gap:16px;height:54px;padding-inline:22px;font-size:12px;display:flex}.auto-topbar .brand-logo{width:84px}.auto-topbar small{margin-left:auto;font-size:11px}.auto-pause{color:#8a938d;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:32px;margin-left:-8px;padding:0;display:grid}.auto-pause:hover{color:#fff;background:#ffffff09}.landing .auto-pause:focus-visible{outline-offset:2px;outline:2px solid #8a938d}.auto-pause svg{width:14px;height:14px}.auto-scene{isolation:isolate;height:464px;position:relative}.auto-visual{pointer-events:none;-webkit-user-select:none;user-select:none;height:100%;position:relative}.auto-start,.auto-enabled{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.auto-start>strong,.auto-enabled>strong{letter-spacing:-.5px;font-size:19px;font-weight:600}.auto-rule-symbol{color:#a8c94f;background:#182011;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:4px;display:grid}.auto-rule-symbol svg{width:24px;height:24px}.auto-action{color:#10160d;background:#a8c94f;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:37px;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex}.auto-start .auto-action{margin-top:8px}.auto-builder{flex-direction:column;gap:15px;display:flex;position:absolute;inset:24px}.auto-heading{letter-spacing:-.5px;font-size:19px;font-weight:600}.auto-field{flex-direction:column;gap:7px;display:flex}.auto-field>span{color:#8a938d;font-size:12px}.auto-profiles{align-items:center;gap:14px;min-height:40px;display:flex}.auto-profiles>strong{color:#cbd3cd;font-size:12px;font-weight:500}.auto-profile-avatars{padding-right:6px;display:flex}.auto-profiles img{object-fit:cover;border:2px solid #080b09;border-radius:50%;width:32px;height:32px;margin-right:-6px}.auto-profiles svg{color:#a8c94f;width:13px;margin-left:auto}.auto-value{color:#d3d9d4;background:#111713;border-radius:8px;align-items:center;gap:5px;min-height:40px;padding:10px 12px;font-size:12px;transition:background .2s;display:flex}.auto-value[data-active=true]{background:#1e2a16}.auto-value>svg{margin-left:auto}.auto-value>strong{white-space:nowrap;font-weight:600}.auto-destination{background:#111713;border-radius:8px;align-items:center;gap:9px;min-height:40px;padding:10px 12px;font-size:12px;display:flex}.auto-destination>svg:first-child{color:#a8c94f}.auto-destination>svg:last-child{color:#a8c94f;width:13px;margin-left:auto}.auto-enable{align-self:flex-end;margin-top:auto}.auto-enable[data-pressed=true]{animation:auto-button-press var(--auto-duration) both}.auto-rule-summary{color:#a6afa8;font-size:13px}.auto-running{color:#a8c94f;align-items:center;gap:7px;font-size:12px;display:flex}.auto-running i{background:currentColor;border-radius:50%;width:5px;height:5px}.auto-open-plan{color:#d8ded8;align-items:center;gap:10px;margin-top:14px;font-size:12px;display:flex}.auto-plan{opacity:0;visibility:hidden;transition:opacity .25s;position:absolute;inset:24px}.auto-plan[data-visible=true]{opacity:1;visibility:visible}.auto-plan-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.auto-plan-heading>span{color:#8a938d;font-size:12px}.auto-plan-tabs{color:#849087;align-items:center;gap:15px;margin:14px 0 16px;font-size:12px;display:flex}.auto-plan-tabs>span:first-child{color:#b5cf77}.auto-plan-tabs small{color:#97a48f;margin-left:auto;font-size:10px}.auto-plan-list{height:305px;position:relative}.auto-plan-row{height:45px;transform:translateY(calc(var(--idea-slot)*52px));transition:transform .4s cubic-bezier(.22,.8,.25,1);position:absolute;inset:0 0 auto}.auto-plan-card{background:#111713;border-radius:8px;align-items:center;gap:9px;height:100%;padding:4px 8px;animation:.4s both auto-idea-in;display:flex}.auto-plan-row[data-automated=true] .auto-plan-card{background:#162011}.auto-plan-card>img{object-fit:cover;border-radius:5px;flex:none;width:32px;height:36px}.auto-cover-fallback{color:#a6b1a9;background:#273128;border-radius:5px;flex:none;place-items:center;width:32px;height:36px;display:grid}.auto-idea-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.auto-idea-copy>strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;line-height:1.25;overflow:hidden}.auto-idea-copy>small{color:#8f9c93;font-size:10px}.auto-idea-meta{flex-direction:column;flex:none;align-items:flex-end;gap:5px;margin-left:auto;display:flex}.auto-idea-meta>span{color:#849087;align-items:center;gap:4px;font-size:10px;display:flex}.auto-idea-meta>small{color:#a6b1a9;font-size:10px}.auto-idea-meta svg{width:11px;height:11px}.auto-plan-row[data-automated=true] .auto-idea-meta>span{color:#b5cf77}.auto-finale{text-align:center;opacity:0;visibility:hidden;background:#080b09;place-items:center;padding:24px;transition:opacity .35s;display:grid;position:absolute;inset:0}.auto-finale[data-visible=true]{opacity:1;visibility:visible}.landing .auto-finale p{letter-spacing:-.8px;flex-direction:column;gap:22px;margin:0;font-size:30px;line-height:1.18;display:flex}.auto-finale p>span{color:#939d95;font-weight:450}.auto-finale strong{color:#f1f3ef;font-weight:600}.auto-pointer{z-index:4;filter:drop-shadow(0 2px 2px #0008);animation:auto-click var(--auto-duration) both;position:absolute}.auto-pointer svg{width:22px;height:28px;display:block}.auto-pointer-start{top:calc(50% + 69px);left:64%}.auto-pointer-enable{bottom:2px;right:35px}.auto-pointer-plan{top:calc(50% + 104px);left:65%}.auto-enter{animation:.25s both auto-enter}.automation-film[data-playing=false] *{animation-play-state:paused!important}@keyframes auto-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes auto-idea-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes auto-click{0%,25%{opacity:0;transform:translate(15px,16px)}60%,80%{opacity:1;transform:translate(0)}88%{opacity:1;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes auto-button-press{0%,80%{background:#a8c94f}88%,to{background:#bfdc77}}@media (max-width:700px){.auto-topbar{gap:12px;height:49px;padding-inline:16px;font-size:11px}.auto-topbar .brand-logo{width:77px}.auto-builder,.auto-plan{inset:20px 16px}.auto-heading,.auto-start>strong,.auto-enabled>strong{font-size:17px}.auto-plan-tabs{gap:12px}.auto-plan-card{gap:7px;padding-inline:6px}.auto-plan-tabs small{font-size:9px}.auto-value{flex-wrap:wrap;gap:4px}.landing .auto-finale p{gap:20px;font-size:27px}}