.publishing-preview{width:100%;max-width:410px;margin:35px auto 55px;padding:25px;background:#fff;border:1px solid #c6d6e6;border-radius:17px;box-shadow:0 6px 10px #182f4604,0 24px 40px -20px #1c375233;color:#183049;position:relative}.publishing-preview:before{content:'';position:absolute;inset:9px -6px -9px;border:1px solid #c5d5e5;border-radius:17px;background:#f0f4f9;z-index:-1}.publishing-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.publishing-header>strong{font-size:17px;font-weight:600;letter-spacing:-.3px}.publishing-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#316294;background:#e9eff5;padding:6px 9px;border:1px solid #d4e0ec;border-radius:20px}.publishing-status i{width:5px;height:5px;background:#3973ac;border-radius:50%}.publishing-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.publishing-day{background:#f1f5f9;border:1px solid #dbe5ef;border-radius:10px;padding:13px 4px 11px;display:flex;flex-direction:column;align-items:center;gap:7px}.publishing-day>span{font-size:10px;color:#3e7cba}.publishing-day>strong{font-size:20px;font-weight:500;line-height:1.1;letter-spacing:-.5px}.publishing-check{width:22px;height:22px;background:#d8e3ef;border-radius:50%;color:#2f5e8e;margin-top:7px;display:grid;place-items:center}.publishing-check svg{width:15px;height:15px}.publishing-post{display:flex;align-items:center;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid #e0e8f1}.publishing-post>.person-photo{width:32px;height:32px;flex-shrink:0}.publishing-post>div{display:flex;flex-direction:column;gap:5px;min-width:0}.publishing-post strong{font-size:11px;font-weight:550;white-space:nowrap}.publishing-post>div>span{font-size:9px;color:#3d7ab8}.publishing-approved{margin-left:auto;display:flex;align-items:center;gap:3px;border-radius:5px;background:#e9eff5;color:#2e5b88;padding:5px 7px;font-size:9px;white-space:nowrap}.publishing-approved svg{width:13px;height:13px;flex-shrink:0}.benefit-card:nth-child(2){display:flex;flex-direction:column}.audience-preview{width:100%;max-width:360px;margin:0 auto 28px;display:flex;flex-direction:column;align-items:center;position:relative;padding:14px 0 0}.audience-team{display:grid;grid-template-columns:repeat(3,1fr);width:100%;justify-items:center}.audience-team .person-photo{width:43px;height:43px;border:3px solid #c6d6e6;box-shadow:0 0 0 5px #ffffff07}.audience-paths{width:100%;height:59px;color:#82abd5;overflow:visible}.audience-destination{display:flex;align-items:center;justify-content:center;gap:18px;min-height:49px;padding:13px 23px;background:#dfe8f1;color:#1d3956;border:1px solid #b2c7dc;border-radius:10px;box-shadow:0 8px 20px #0a192925;margin-top:5px}.audience-destination>span{font-size:13px;font-weight:550;letter-spacing:-.15px;line-height:1.4}.audience-destination>svg{width:17px;height:17px;color:#306192}.benefit-card:nth-child(2) h3{margin-top:14px}.benefit-card:nth-child(2)>p{max-width:390px}.benefit-card:first-child .benefit-index{margin-top:auto}
@media(prefers-reduced-motion:no-preference){.publishing-check{opacity:0;transform:scale(.6);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}.is-visible .publishing-check{opacity:1;transform:scale(1)}.publishing-day:nth-child(2) .publishing-check{transition-delay:.12s}.publishing-day:nth-child(3) .publishing-check{transition-delay:.24s}.publishing-day:nth-child(4) .publishing-check{transition-delay:.36s}.publishing-day:nth-child(5) .publishing-check{transition-delay:.48s}.audience-paths path{stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.4s ease}.is-visible .audience-paths path{stroke-dashoffset:0}}
@media(max-width:760px){.publishing-preview{padding:17px;margin:8px auto 35px}.publishing-header{margin-bottom:20px}.publishing-header>strong{font-size:15px}.publishing-status{font-size:9px;padding:5px 7px}.publishing-week{gap:5px}.publishing-day{padding:11px 3px 9px;border-radius:8px}.publishing-day>span{font-size:9px}.publishing-day>strong{font-size:18px}.publishing-post{gap:7px;margin-top:18px;padding-top:17px;flex-wrap:wrap}.publishing-post>.person-photo{width:27px;height:27px}.publishing-post strong{font-size:10px}.publishing-post>div>span{font-size:8px}.publishing-approved{font-size:8px;padding:4px 5px;gap:1px}.publishing-approved svg{width:11px;height:11px}.audience-preview{max-width:310px;padding-top:3px;margin-bottom:30px}.audience-destination{min-height:47px;padding:12px 20px}.audience-destination>span{font-size:13px}}