.client-portal-widget-module__W6PmNa__stage,.client-portal-widget-module__W6PmNa__stage *{box-sizing:border-box}.client-portal-widget-module__W6PmNa__stage{color:#1e2b36;width:100%;min-width:0;min-height:611px;font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;background:#ddeaf6;border-radius:6px;justify-content:center;align-items:center;padding:26px 18px;display:flex;position:relative;overflow:hidden}.client-portal-widget-module__W6PmNa__panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:880px;display:grid}.client-portal-widget-module__W6PmNa__card{opacity:0;background:#fff;border-radius:15px;flex-direction:column;min-width:0;transition:box-shadow .35s,transform .35s cubic-bezier(.2,.8,.25,1);animation:.7s cubic-bezier(.2,.8,.25,1) forwards client-portal-widget-module__W6PmNa__cardIn;display:flex;overflow:hidden;box-shadow:0 1px 2px #24476b0f,0 8px 28px #24476b17}.client-portal-widget-module__W6PmNa__card:nth-child(2){animation-delay:.18s}.client-portal-widget-module__W6PmNa__card:hover{transform:translateY(-5px);box-shadow:0 2px 4px #24476b12,0 18px 44px #24476b29}.client-portal-widget-module__W6PmNa__photo{flex:none;height:136px;position:relative;overflow:hidden}.client-portal-widget-module__W6PmNa__photoImage{object-fit:cover;transition:transform 4s cubic-bezier(.2,.6,.3,1);transform:scale(1.035)}.client-portal-widget-module__W6PmNa__card:hover .client-portal-widget-module__W6PmNa__photoImage{transform:scale(1.1)}.client-portal-widget-module__W6PmNa__chip,.client-portal-widget-module__W6PmNa__viewed{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;position:absolute}.client-portal-widget-module__W6PmNa__chip{background:#ffffffeb;padding:4px 9px;font-size:9.5px;font-weight:650;animation:.5s cubic-bezier(.2,.8,.3,1.3) .7s both client-portal-widget-module__W6PmNa__tagPop;top:11px;left:11px}.client-portal-widget-module__W6PmNa__chip:before,.client-portal-widget-module__W6PmNa__viewed:before{content:"";border-radius:50%;display:inline-block}.client-portal-widget-module__W6PmNa__chip:before{vertical-align:1px;width:6px;height:6px;margin-right:5px}.client-portal-widget-module__W6PmNa__chipReview{color:#5b4678}.client-portal-widget-module__W6PmNa__chipReview:before{background:#b7a6dc}.client-portal-widget-module__W6PmNa__chipApproved{color:#2f5d3d}.client-portal-widget-module__W6PmNa__chipApproved:before{background:#7fbf95}.client-portal-widget-module__W6PmNa__viewed{color:#fff;background:#14233299;padding:4px 8px;font-size:8.5px;animation:.5s .9s both client-portal-widget-module__W6PmNa__riseIn;bottom:9px;right:10px}.client-portal-widget-module__W6PmNa__viewed:before{vertical-align:1px;background:#8fe3a8;width:5px;height:5px;margin-right:5px;animation:2.2s ease-out infinite client-portal-widget-module__W6PmNa__pulse}.client-portal-widget-module__W6PmNa__cardBody{flex-direction:column;flex:1;min-height:0;padding:14px 15px 15px;display:flex}.client-portal-widget-module__W6PmNa__cardHead{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.client-portal-widget-module__W6PmNa__cardHead h3,.client-portal-widget-module__W6PmNa__cardHead p,.client-portal-widget-module__W6PmNa__eventCopy p,.client-portal-widget-module__W6PmNa__pending p{margin:0}.client-portal-widget-module__W6PmNa__cardHead h3{letter-spacing:-.01em;font-size:13px;font-weight:650;line-height:1.2}.client-portal-widget-module__W6PmNa__cardHead p{color:#6b7a88;margin-top:3px;font-size:9.5px}.client-portal-widget-module__W6PmNa__ring{flex:none;width:36px;height:36px;position:relative}.client-portal-widget-module__W6PmNa__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.client-portal-widget-module__W6PmNa__ring circle{fill:none;stroke-width:5px}.client-portal-widget-module__W6PmNa__ringTrack{stroke:#edf1f5}.client-portal-widget-module__W6PmNa__ringProgress{stroke:#7fa8d4;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.3,.8,.3,1)}.client-portal-widget-module__W6PmNa__ringComplete{stroke:#7fbf95}.client-portal-widget-module__W6PmNa__ring span{color:#24476b;place-items:center;font-size:8.5px;font-weight:700;display:grid;position:absolute;inset:0}.client-portal-widget-module__W6PmNa__timeline{flex-direction:column;flex:1;margin:13px 0 0;padding:0;list-style:none;display:flex}.client-portal-widget-module__W6PmNa__event{opacity:0;gap:9px;padding-bottom:11px;animation:.55s cubic-bezier(.2,.8,.25,1) forwards client-portal-widget-module__W6PmNa__riseIn;display:flex;position:relative}.client-portal-widget-module__W6PmNa__event:first-child{animation-delay:.52s}.client-portal-widget-module__W6PmNa__event:nth-child(2){animation-delay:.68s}.client-portal-widget-module__W6PmNa__event:nth-child(3){animation-delay:.84s}.client-portal-widget-module__W6PmNa__event:nth-child(4){animation-delay:1s}.client-portal-widget-module__W6PmNa__event:before{content:"";background:#edf1f5;border-radius:2px;width:1.5px;position:absolute;top:24px;bottom:1px;left:10px}.client-portal-widget-module__W6PmNa__event:last-child:before{display:none}.client-portal-widget-module__W6PmNa__freshEvent{animation:.5s cubic-bezier(.2,.8,.25,1) both client-portal-widget-module__W6PmNa__freshEventIn}.client-portal-widget-module__W6PmNa__avatar{z-index:1;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:8px;font-weight:700;display:grid;position:relative}.client-portal-widget-module__W6PmNa__tone_blue{color:#24476b;background:#dceaf8}.client-portal-widget-module__W6PmNa__tone_green{color:#2f5d3d;background:#ddefe2}.client-portal-widget-module__W6PmNa__tone_orange{color:#7a4a21;background:#f4e3cd}.client-portal-widget-module__W6PmNa__tone_pink{color:#7a3f5c;background:#f3ddeb}.client-portal-widget-module__W6PmNa__tone_purple{color:#5b4678;background:#e9def5}.client-portal-widget-module__W6PmNa__tone_teal{color:#2c5d58;background:#d9efec}.client-portal-widget-module__W6PmNa__eventCopy{flex:1;min-width:0;padding-top:2px}.client-portal-widget-module__W6PmNa__eventCopy p{color:#33424f;font-size:9.5px;line-height:1.4}.client-portal-widget-module__W6PmNa__eventCopy strong{color:#1e2b36;font-weight:650}.client-portal-widget-module__W6PmNa__eventCopy>span{color:#93a1ae;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:8.2px;line-height:1.3;display:block;overflow:hidden}.client-portal-widget-module__W6PmNa__tag{vertical-align:1px;border-radius:999px;margin-left:5px;padding:2px 7px;font-size:7.8px;font-weight:650;line-height:1.2;animation:.45s cubic-bezier(.2,.8,.3,1.4) both client-portal-widget-module__W6PmNa__tagPop;display:inline-block}.client-portal-widget-module__W6PmNa__tag_approved{color:#2f5d3d;background:#e8f3ea}.client-portal-widget-module__W6PmNa__tag_revision{color:#7a4a21;background:#f6ebdd}.client-portal-widget-module__W6PmNa__tag_paid{color:#5b4678;background:#e9def5}.client-portal-widget-module__W6PmNa__pending,.client-portal-widget-module__W6PmNa__done{opacity:0;border-radius:11px;margin-top:9px;padding:10px 11px;animation:.55s 1.2s forwards client-portal-widget-module__W6PmNa__riseIn;position:relative}.client-portal-widget-module__W6PmNa__pending{background:#f7fafd;border:1.5px dashed #c9d8e6;transition:background-color .35s,border-color .35s,transform .35s cubic-bezier(.2,.8,.3,1)}.client-portal-widget-module__W6PmNa__pending>strong,.client-portal-widget-module__W6PmNa__done strong,.client-portal-widget-module__W6PmNa__approvedNotice strong{font-size:9.5px;font-weight:650;display:block}.client-portal-widget-module__W6PmNa__pending>p{color:#6b7a88;margin-top:2px;font-size:8.5px}.client-portal-widget-module__W6PmNa__actions{gap:6px;margin-top:8px;display:flex}.client-portal-widget-module__W6PmNa__actions button,.client-portal-widget-module__W6PmNa__replay{cursor:pointer;border:0;border-radius:999px;font-family:inherit;font-weight:650}.client-portal-widget-module__W6PmNa__actions button{min-height:28px;padding:7px 11px;font-size:8.8px;transition:background-color .15s,box-shadow .2s,opacity .15s,transform .15s}.client-portal-widget-module__W6PmNa__actions button:active{transform:scale(.97)}.client-portal-widget-module__W6PmNa__approveButton{color:#fff;background:#24476b}.client-portal-widget-module__W6PmNa__approveButton:hover{opacity:.92;transform:scale(1.03);box-shadow:0 4px 14px #24476b4d}.client-portal-widget-module__W6PmNa__changesButton{color:#33424f;background:#fff;border:1px solid #d8e2ec!important}.client-portal-widget-module__W6PmNa__changesButton:hover{background:#f2f6fa}.client-portal-widget-module__W6PmNa__pendingApproved{background:#e8f3ea;border-color:#7fbf95}.client-portal-widget-module__W6PmNa__approvedNotice,.client-portal-widget-module__W6PmNa__done{align-items:center;gap:8px;display:flex}.client-portal-widget-module__W6PmNa__approvedNotice>span,.client-portal-widget-module__W6PmNa__done>span{color:#fff;background:#2f5d3d;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.client-portal-widget-module__W6PmNa__approvedNotice strong,.client-portal-widget-module__W6PmNa__done strong{color:#2f5d3d}.client-portal-widget-module__W6PmNa__approvedNotice small,.client-portal-widget-module__W6PmNa__done small{color:#4e7a5c;margin-top:1px;font-size:8px;font-weight:400;line-height:1.25;display:block}.client-portal-widget-module__W6PmNa__done{background:#e8f3ea}.client-portal-widget-module__W6PmNa__cardFoot{color:#6b7a88;opacity:0;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;font-size:8.8px;animation:.5s 1.45s forwards client-portal-widget-module__W6PmNa__riseIn;display:flex}.client-portal-widget-module__W6PmNa__cardFoot strong{color:#1e2b36;font-weight:650}.client-portal-widget-module__W6PmNa__avatarStack{display:flex}.client-portal-widget-module__W6PmNa__avatarStack .client-portal-widget-module__W6PmNa__avatar{border:2px solid #fff;width:20px;height:20px;margin-left:-6px;font-size:7px}.client-portal-widget-module__W6PmNa__avatarStack .client-portal-widget-module__W6PmNa__avatar:first-child{margin-left:0}.client-portal-widget-module__W6PmNa__demoCursor{z-index:10;filter:drop-shadow(0 2px 5px #14233259);opacity:0;pointer-events:none;position:absolute;top:110%;left:50%;overflow:visible}.client-portal-widget-module__W6PmNa__demoCursor path{fill:#1e2b36;stroke:#fff;stroke-linejoin:round;stroke-width:1.6px}.client-portal-widget-module__W6PmNa__demoCursorActive{animation:5.6s cubic-bezier(.35,.1,.25,1) forwards client-portal-widget-module__W6PmNa__cursorJourney}.client-portal-widget-module__W6PmNa__toast{z-index:20;color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#1e2b36;border-radius:999px;max-width:calc(100% - 40px);padding:9px 15px;font-size:10px;font-weight:500;transition:opacity .35s,transform .35s cubic-bezier(.2,.9,.3,1.2);position:absolute;bottom:18px;left:50%;transform:translate(-50%,70px);box-shadow:0 8px 24px #14233240}.client-portal-widget-module__W6PmNa__toastVisible{opacity:1;transform:translate(-50%)}.client-portal-widget-module__W6PmNa__replay{z-index:15;color:#33424f;opacity:0;pointer-events:none;background:#fff;border:1px solid #d8e2ec;padding:7px 12px;font-size:9px;transition:background-color .15s,opacity .4s,transform .4s;position:absolute;bottom:13px;right:14px;transform:translateY(8px);box-shadow:0 4px 14px #24476b1f}.client-portal-widget-module__W6PmNa__replayVisible{opacity:1;pointer-events:auto;transform:none}.client-portal-widget-module__W6PmNa__replay:hover{background:#f2f6fa}.client-portal-widget-module__W6PmNa__confetti{pointer-events:none;position:absolute;inset:50% auto auto 50%}.client-portal-widget-module__W6PmNa__confetti i{background:var(--confetti-color);width:5px;height:7px;animation:client-portal-widget-module__W6PmNa__confettiBurst .9s cubic-bezier(.2, .7, .4, 1) var(--confetti-delay) both;border-radius:2px;position:absolute}@keyframes client-portal-widget-module__W6PmNa__cardIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}@keyframes client-portal-widget-module__W6PmNa__riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes client-portal-widget-module__W6PmNa__freshEventIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes client-portal-widget-module__W6PmNa__tagPop{0%{opacity:0;transform:scale(.6)translateY(4px)}70%{transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes client-portal-widget-module__W6PmNa__pulse{0%,to{box-shadow:0 0 #7fbf958c}60%{box-shadow:0 0 0 7px #7fbf9500}}@keyframes client-portal-widget-module__W6PmNa__cursorJourney{0%{opacity:0;top:110%;left:52%}7%{opacity:1}35%{opacity:1;top:70%;left:32%}52%{opacity:1;top:70%;left:32%}72%{opacity:1;top:70%;left:18%;transform:scale(1)}77%{transform:scale(.82)}82%{transform:scale(1)}92%{opacity:1;top:16%;left:83%}to{opacity:0;top:-8%;left:90%}}@keyframes client-portal-widget-module__W6PmNa__confettiBurst{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--confetti-x), var(--confetti-y)) rotate(420deg)}}@media (max-width:767px){.client-portal-widget-module__W6PmNa__stage{min-height:1030px;padding:22px 18px 48px}.client-portal-widget-module__W6PmNa__panel{grid-template-columns:1fr;gap:18px;max-width:390px}.client-portal-widget-module__W6PmNa__photo{height:150px}.client-portal-widget-module__W6PmNa__cardHead h3{font-size:14px}.client-portal-widget-module__W6PmNa__eventCopy p{font-size:10px}.client-portal-widget-module__W6PmNa__demoCursor{display:none}}@media (prefers-reduced-motion:reduce){.client-portal-widget-module__W6PmNa__stage *,.client-portal-widget-module__W6PmNa__stage :before,.client-portal-widget-module__W6PmNa__stage :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.client-portal-widget-module__W6PmNa__demoCursor{display:none}}