@layer components{.tabs_wrap{--_dir:1;--_interval:6s;--_slide:.5s;gap:var(--space-6);width:100%;display:grid}@media (min-width:48rem){.tabs_wrap.side{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}}.tabs_bar{flex-direction:column;min-width:0;display:flex}.tabs_links{scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.tabs_wrap.side .tabs_links{gap:var(--space-2);flex-direction:column;overflow-x:visible}.tabs_link{min-width:8rem;padding-block:var(--space-3);border-bottom:var(--border-width) solid var(--border);color:color-mix(in lab, currentcolor 60%, transparent);text-align:center;transition:color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);background:0 0;flex:1}.tabs_link.is-active{border-bottom-color:var(--text);color:var(--text)}@media (hover:hover){.tabs_link:hover{color:var(--text)}}.tabs_wrap.side .tabs_link{min-width:0;padding:var(--space-3) var(--space-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-round);text-align:start;flex:none}.tabs_wrap.side .tabs_link.is-active{background-color:var(--text);color:var(--background)}.tabs_wrap.auto:not(.side) .tabs_link.is-active{position:relative}.tabs_wrap.auto:not(.side) .tabs_link.is-active:after{content:"";inset-inline:0;bottom:calc(var(--border-width) * -1);height:var(--border-width);background-color:var(--text);transform-origin:0;position:absolute;scale:0 1}.tabs_wrap.auto:not(.side).running:not(.is-paused) .tabs_link.is-active{border-bottom-color:var(--border)}.tabs_wrap.auto:not(.side).running:not(.is-paused) .tabs_link.is-active:after{animation:tabs-progress var(--_interval) linear forwards}@keyframes tabs-progress{0%{scale:0 1}to{scale:1}}.tabs_panels{min-width:0;display:grid;overflow:clip}.tabs_panels>*{opacity:0;visibility:hidden;min-width:0;transition:opacity var(--open-duration) var(--open-ease), visibility var(--open-duration) var(--open-ease);grid-area:1/1}.tabs_wrap:not(.is-ready) :is(.tabs_panels>*):first-child,.tabs_panels>*.is-active{opacity:1;visibility:visible}.stacki-designer .tabs_wrap.preview .tabs_panels{gap:var(--space-6);overflow:visible}.stacki-designer .tabs_wrap.preview .tabs_panels>*{opacity:1;visibility:visible;grid-area:auto;animation:none;translate:none}.tabs_wrap.auto[data-moved] .tabs_panels>*.is-active{animation:tabs-in var(--_slide) var(--open-ease) both}.tabs_wrap.auto[data-moved] .tabs_panels>*.is-leaving{visibility:visible;animation:tabs-out var(--_slide) var(--open-ease) both}@keyframes tabs-in{0%{translate:calc(var(--_dir) * 100%) 0;opacity:0}to{opacity:1;translate:0}}@keyframes tabs-out{0%{opacity:1;translate:0}to{translate:calc(var(--_dir) * -100%) 0;opacity:0}}.tabs_controls{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.tabs_steps{gap:var(--space-2);display:flex}.product-steps_wrap .tabs_link{min-width:10rem;padding:var(--space-4) var(--space-3);text-align:start}.product-steps_wrap .tabs_links{align-items:stretch}.product-steps_wrap .tabs_link{align-items:stretch;display:flex}.product-steps_wrap .tabs_link_text{align-items:flex-start;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.product-steps_wrap .tabs_link{color:color-mix(in lab, var(--text-heading) 55%, transparent)}.product-steps_wrap .tabs_link.is-active{color:var(--text-heading)}@media (hover:hover){.product-steps_wrap .tabs_link:hover{color:var(--text-heading)}}.product-steps_number{color:inherit}.product-steps_wrap .tabs_link .product-steps_title{font-weight:var(--primary-semibold)}.product-steps_badge{margin-top:auto}.product-steps_badge.live{cursor:pointer;transition:background-color var(--hover-duration) var(--hover-ease)}@media (hover:hover){.product-steps_badge.live:hover{background-color:var(--button-background-hover)}}.product-steps_panel{padding:var(--space-5);background-color:var(--background-2);border-radius:var(--radius-main)}@media (min-width:48rem){.product-steps_panel{padding:var(--space-8)}}.product-steps_scene{gap:var(--space-5);min-height:24rem;font-size:var(--text-small);align-items:center;line-height:1.35;display:grid}@media (min-width:48rem){.product-steps_scene{grid-template-columns:1fr 1fr}.product-steps_scene.briefing{grid-template-columns:1fr 1fr;align-items:start}.product-steps_scene.capture{grid-template-columns:minmax(0,19rem);justify-content:center}.product-steps_scene.report{grid-template-columns:minmax(0,40rem);justify-content:center}}.product-steps_card{gap:var(--space-3);padding:var(--space-5);background-color:var(--paper);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);display:grid}.product-steps_label{font-size:var(--text-tiny);font-weight:var(--primary-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--text-3)}.product-steps_scene .product-steps_title{font-weight:var(--primary-semibold);color:var(--text-heading)}.product-steps_meta{font-size:var(--text-tiny);color:var(--text-3)}.product-steps_icon,.product-steps_tick,.product-steps_status,.product-steps_box{width:1.25rem;height:1.25rem;color:var(--accent);flex:none;display:grid}:is(.product-steps_icon,.product-steps_tick,.product-steps_status,.product-steps_box) svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.product-steps_status{color:var(--signal)}.product-steps_file{align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-top:var(--border-width) solid var(--paper-line);grid-template-columns:auto 1fr 4rem auto;display:grid}.product-steps_name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-steps_bar{background-color:var(--paper-line);border-radius:var(--radius-round);height:.3rem;display:block;overflow:hidden}.product-steps_bar i{background-color:var(--accent);transform-origin:0;height:100%;display:block}.is-active :is(.product-steps_bar i){animation:product-steps-fill .8s var(--_d,0s) ease-out both}.product-steps_bar.long{margin-block:var(--space-2)}.product-steps_bar.long i{scale:.62 1}.is-active :is(.product-steps_bar.long i){animation:product-steps-play 6s var(--_d,0s) linear both}.is-active :is(.product-steps_tick,.product-steps_box){animation:product-steps-pop .4s var(--_d,0s) cubic-bezier(.34, 1.56, .64, 1) both}.product-steps_row{--_source:8.5rem;grid-template-columns:8.5rem minmax(0, 1fr) var(--_source);align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-top:var(--border-width) solid var(--paper-line);display:grid}.product-steps_field{color:var(--text-3)}.product-steps_value{font-weight:var(--primary-medium)}.missing .product-steps_value{color:var(--signal-text)}.product-steps_row>.product-steps_chip,.product-steps_row>.product-steps_request,.product-steps_row>.product-steps_status{text-align:center;justify-self:stretch}.product-steps_row>.product-steps_status{justify-self:center}.product-steps_row>.product-steps_request{justify-self:end;width:max-content}.product-steps_heading{font-weight:var(--primary-semibold);color:var(--text-heading)}.product-steps_phone{gap:var(--space-1);width:min(100%,15rem);padding:var(--space-5);color:var(--light-100);background-color:var(--dark-900);border:.375rem solid var(--dark-700);border-radius:var(--radius-large);display:grid}.product-steps_phone .product-steps_label,.product-steps_phone .product-steps_meta{color:var(--accent-300)}.product-steps_phone .product-steps_title{color:var(--light-100)}.product-steps_phone .product-steps_bar{background-color:var(--dark-700)}.product-steps_wave{height:2.5rem;margin-top:var(--space-3);align-items:center;gap:.2rem;display:flex}.product-steps_wave i{background-color:var(--accent-400);border-radius:var(--radius-round);transform-origin:50%;flex:1}.is-active :is(.product-steps_wave i){animation:product-steps-wave .6s var(--_w) ease-in-out infinite alternate}.product-steps_wave.small{height:1.5rem;margin-top:0}.product-steps_phone.large{width:min(100%,17rem);padding:var(--space-3);justify-self:center;gap:var(--space-3)}.product-steps_viewfinder{justify-content:center;align-items:flex-end;gap:var(--space-2);aspect-ratio:4/3;padding:var(--space-4);background-color:var(--dark-700);border-radius:var(--radius-small);display:flex;position:relative;overflow:hidden}.product-steps_viewfinder>.image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.product-steps_frame{border:.125rem solid color-mix(in srgb, var(--light-100) 80%, transparent);border-radius:var(--radius-tiny);position:absolute;inset:14%}.product-steps_flash{background-color:var(--light-100);opacity:0;position:absolute;inset:0}.is-active .product-steps_flash{animation:.5s ease-out .8s both product-steps-flash}.product-steps_check{align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-top:var(--border-width) solid var(--paper-line);display:flex}.product-steps_box{color:var(--light-100);background-color:var(--accent);border-radius:var(--radius-tiny);padding:.15rem}.product-steps_top{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.product-steps_count{gap:var(--space-1);width:7rem;font-size:var(--text-tiny);color:var(--text-3);text-align:end;display:grid}.product-steps_count .product-steps_bar i{scale:.83 1}.is-active :is(.product-steps_count .product-steps_bar i){animation:product-steps-count 3s var(--_d) ease-out both}.product-steps_footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border-width) solid var(--paper-line);display:flex}.product-steps_ready{font-weight:var(--primary-medium);color:var(--accent)}.product-steps_cursor{z-index:5;pointer-events:none;opacity:0;position:absolute;top:0;left:0}.product-steps_pointer{width:1.5rem;height:1.5rem;color:var(--dark-900);filter:drop-shadow(0 .1rem .15rem #00000040);display:block}.product-steps_pointer svg{fill:currentColor;width:100%;height:100%;stroke:var(--light-100);stroke-width:1.2px;stroke-linejoin:round}.product-steps_scene.documents{align-items:stretch}@media (min-width:48rem){.product-steps_scene.documents{grid-template-columns:1fr 3.5rem 1fr;gap:0}}.product-steps_scene.documents>.product-steps_card{align-content:start;height:28rem}.product-steps_upload{position:relative}.product-steps_drop{place-items:center;gap:var(--space-2);height:5.5rem;color:var(--text-3);border:.125rem dashed var(--border);border-radius:var(--radius-small);display:grid}.is-active .product-steps_drop{animation:8.5s linear both product-steps-drop}.is-active .product-steps_browse{animation:8.5s linear both product-steps-press-browse}.product-steps_files{display:grid}.product-steps_analyse,.product-steps_export,.product-steps_ask{--badge-size:1em}.product-steps_analyse{justify-self:end}.is-active .product-steps_analyse{animation:8.5s linear both product-steps-analyse}.product-steps_picker{z-index:4;gap:var(--space-1);width:14rem;padding:var(--space-3);background-color:var(--paper);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);box-shadow:var(--shadow-float);opacity:0;visibility:hidden;display:grid;position:absolute;top:7.5rem;left:50%;translate:-50%}.product-steps_picker>span:not(.badge){border-radius:var(--radius-tiny);padding:.35rem .5rem}.is-active :is(.product-steps_picker>.picked){animation:8.5s linear both product-steps-pick}.is-active .product-steps_picker{animation:8.5s linear both product-steps-picker}.product-steps_open{margin-top:var(--space-1);justify-self:end}.is-active .product-steps_cursor.documents{animation:8.5s ease-in-out both product-steps-cursor-docs}.product-steps_ghosts{gap:.25rem;width:max-content;display:grid;position:absolute;top:1.1rem;left:.6rem}.product-steps_ghosts>span{font-size:var(--text-tiny);background-color:var(--paper);border:var(--border-width) solid var(--border);border-radius:var(--radius-tiny);box-shadow:var(--shadow-card);align-items:center;gap:.35rem;padding:.3rem .6rem;display:flex}.is-active .product-steps_ghosts{animation:8.5s linear both product-steps-ghosts}.product-steps_column{align-content:start;gap:var(--space-3);display:grid}.product-steps_caption{font-size:var(--text-main);line-height:1.2;font-weight:var(--primary-semibold);color:var(--text-heading)}.product-steps_checklist{position:relative}.product-steps_place{font-weight:var(--primary-medium);color:var(--text)}.product-steps_soon{flex:none}.product-steps_legend{gap:var(--space-3);font-size:var(--text-tiny);color:var(--text-3);flex-wrap:wrap;display:flex}.product-steps_legend span{align-items:center;gap:.35rem;display:flex}.product-steps_legend i,.product-steps_item>i{border-radius:var(--radius-round);flex:none;width:.7rem;height:.7rem}:is(.product-steps_legend i,.product-steps_item>i).ready{background-color:var(--accent)}:is(.product-steps_legend i,.product-steps_item>i).missing{background-color:var(--signal)}:is(.product-steps_legend i,.product-steps_item>i).site{border:.125rem solid var(--text-3)}.product-steps_checks{display:grid}.product-steps_item{align-items:center;column-gap:var(--space-3);padding:var(--space-2);margin-inline:calc(var(--space-2) * -1);border-top:var(--border-width) solid var(--paper-line);border-radius:var(--radius-tiny);grid-template-columns:auto 1fr;display:grid}.is-active .product-steps_item{animation:product-steps-hover .7s var(--_h) ease both}.product-steps_item.missing>span{font-weight:var(--primary-medium);color:var(--signal-text)}.is-active .product-steps_item.missing{animation:product-steps-hover-hold 8s var(--_h) ease both}.product-steps_detail{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-tiny);color:var(--text-2);flex-wrap:wrap;grid-column:2;display:flex;overflow:hidden}.is-active .product-steps_detail{animation:8s linear both product-steps-expand}.product-steps_ask.badge{display:inline-grid}.product-steps_ask>span{grid-area:1/1}.product-steps_ask .done{opacity:1}.product-steps_ask .idle{opacity:0}.is-active .product-steps_ask .idle{animation:8s linear both product-steps-swap-out}.is-active .product-steps_ask .done{animation:8s linear both product-steps-swap-in}.is-active .product-steps_cursor.briefing{animation:8s ease-in-out both product-steps-cursor-brief}.product-steps_head{gap:.15rem;display:grid}.product-steps_head.with-avatar{align-items:center;gap:var(--space-3);display:flex}.product-steps_head.with-avatar>span:last-child{gap:.15rem;display:grid}.product-steps_headline{font-size:var(--text-main);font-weight:var(--primary-semibold);color:var(--text-heading);line-height:1.2}.product-steps_link{align-self:center;height:3rem;position:relative}.product-steps_link:before{content:"";top:50%;border-top:.125rem solid var(--accent);position:absolute;inset-inline:0}.product-steps_link i{background-color:var(--accent);border:.125rem solid var(--paper);border-radius:var(--radius-round);width:.55rem;height:.55rem;margin-top:-.275rem;position:absolute;top:50%;left:0}.is-active :is(.product-steps_link i){animation:1.6s linear 6.2s infinite product-steps-travel}.product-steps_link i:nth-child(2){animation-delay:6.75s}.product-steps_link i:nth-child(3){animation-delay:7.3s}@media not (min-width:48rem){.product-steps_link{justify-self:center;width:3rem;height:2.5rem;rotate:90deg}}@keyframes product-steps-travel{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - .55rem)}}.product-steps_drive{aspect-ratio:3/2;border-radius:var(--radius-small);position:relative;overflow:hidden}.product-steps_drive>.image{object-fit:cover;width:100%;height:100%}.product-steps_screen{background-color:var(--dark-900);border-radius:var(--radius-tiny);place-items:center;width:8%;height:19%;display:grid;position:absolute;top:52.5%;left:78%}.product-steps_wave.tiny{gap:.08rem;width:70%;height:30%;margin:0}.product-steps_player{width:min(12rem,46%);padding:var(--space-2) var(--space-3);font-size:var(--text-tiny);color:var(--light-100);background-color:color-mix(in srgb, var(--dark-900) 92%, transparent);border-radius:var(--radius-small);box-shadow:var(--shadow-float);gap:.1rem;display:grid;position:absolute;bottom:4%;left:3%}.product-steps_player .product-steps_label,.product-steps_player .product-steps_meta{color:var(--accent-300)}.product-steps_player .product-steps_title{color:var(--light-100)}.product-steps_player .product-steps_wave{height:1.1rem;margin-top:var(--space-1)}.product-steps_player .product-steps_bar{background-color:var(--dark-700)}.product-steps_capture{align-self:start;position:relative}.product-steps_modes{justify-content:center;gap:var(--space-4);font-size:var(--text-tiny);font-weight:var(--primary-medium);color:var(--accent-300);display:flex}.product-steps_modes span{border-bottom:.125rem solid #0000;padding-bottom:.2rem}.product-steps_modes .photo{color:var(--light-100);border-color:var(--light-100)}.is-active :is(.product-steps_modes .photo){animation:8s linear both product-steps-mode-off}.is-active :is(.product-steps_modes .voice){animation:8s linear both product-steps-mode-on}.product-steps_stage{display:grid}.product-steps_stage>*{grid-area:1/1}.product-steps_camera{gap:var(--space-3);opacity:0;display:grid}.is-active .product-steps_camera{animation:8s linear both product-steps-phase-a}.product-steps_gallery{gap:var(--space-2);min-height:2.5rem;display:flex}.product-steps_thumb{aspect-ratio:1;width:2.5rem;overflow:hidden}.product-steps_thumb>.image{object-fit:cover;width:100%;height:100%}.product-steps_thumb{background-color:var(--dark-600);border:.125rem solid var(--accent-600);border-radius:var(--radius-tiny)}.product-steps_shutter{border:.25rem solid var(--light-100);border-radius:var(--radius-round);width:3rem;height:3rem;box-shadow:inset 0 0 0 .2rem var(--dark-900);background-color:var(--light-100);justify-self:center}.product-steps_recorder{align-content:start;gap:var(--space-3);display:grid}.is-active .product-steps_recorder{animation:8s linear both product-steps-phase-b}.product-steps_rec{align-items:center;gap:var(--space-2);font-size:var(--text-tiny);color:var(--brand-300);display:flex}.product-steps_rec i{background-color:var(--brand-500);border-radius:var(--radius-round);width:.55rem;height:.55rem}.is-active :is(.product-steps_rec i){animation:1s steps(2,end) infinite product-steps-blink}.product-steps_transcript{min-height:4.2em;font-size:var(--text-small);color:var(--light-100)}.product-steps_mic{width:3.25rem;height:3.25rem;color:var(--light-100);background-color:var(--brand-500);border-radius:var(--radius-round);justify-self:center;place-items:center;display:grid}.product-steps_mic svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:50%;height:50%}.is-active .product-steps_mic{animation:8s linear both product-steps-hold}.product-steps_recorder>.product-steps_chip{justify-self:center}.product-steps_tap{z-index:3;background-color:color-mix(in srgb, var(--light-100) 45%, transparent);border:.125rem solid var(--light-100);border-radius:var(--radius-round);opacity:0;pointer-events:none;width:2.25rem;height:2.25rem;margin:-1.125rem 0 0 -1.125rem;position:absolute}.is-active .product-steps_tap{animation:8s ease-in-out both product-steps-tap}@media (min-width:48rem){.product-steps_scene.report{grid-template-columns:9rem 4rem minmax(0,34rem);align-items:start;gap:0}}.product-steps_sources{height:27.75rem;position:relative}@media not (min-width:48rem){.product-steps_sources{display:none}}.product-steps_source{width:8.5rem;height:2.25rem;padding-inline:var(--space-3);font-size:var(--text-tiny);font-weight:var(--primary-medium);white-space:nowrap;color:var(--text-heading);background-color:var(--paper);border:var(--border-width) solid var(--border);border-radius:var(--radius-round);justify-content:center;align-items:center;margin-top:-1.125rem;display:flex;position:absolute;right:0}.product-steps_wires{fill:none;width:4rem;height:27.75rem;stroke:var(--accent);stroke-width:1.2px;overflow:visible}@media not (min-width:48rem){.product-steps_wires{display:none}}.product-steps_wires path{stroke-dasharray:1;stroke-dashoffset:1px}.is-active :is(.product-steps_wires path){animation:.8s ease-out .6s both product-steps-draw}.product-steps_dots{fill:var(--accent);stroke:var(--paper);stroke-width:.6px;opacity:0}.is-active .product-steps_dots{animation:.4s 1.2s both product-steps-fade-in}@media (prefers-reduced-motion:reduce){.product-steps_dots{display:none}}.product-steps_sheet{align-content:start;gap:0;height:27.75rem;position:relative}.product-steps_sheet .product-steps_top{align-items:flex-start;height:4.25rem}.product-steps_sheet .product-steps_row{--_source:7.5rem;height:3.5rem;padding-block:0}.product-steps_sheet .product-steps_footer{height:3.5rem;padding-top:var(--space-3)}.is-active .product-steps_chip.clickable{animation:product-steps-in .5s var(--_d,0s) ease-out both, product-steps-select 10s linear both}.product-steps_preview{inset:4.5rem var(--space-5) auto;z-index:4;gap:var(--space-3);padding:var(--space-4);background-color:var(--paper);border:var(--border-width) solid var(--border);border-radius:var(--radius-small);box-shadow:var(--shadow-float);opacity:0;visibility:hidden;display:grid;position:absolute}.is-active .product-steps_preview{animation:10s linear both product-steps-preview}.product-steps_shot{aspect-ratio:1200/725;border-radius:var(--radius-tiny);display:block;position:relative;overflow:hidden}.product-steps_shot>.image{object-fit:cover;width:100%;height:100%}.product-steps_mark{border:.15rem solid var(--signal);border-radius:var(--radius-tiny);background-color:color-mix(in srgb, var(--signal) 12%, transparent);width:28%;height:14%;position:absolute;top:18%;left:23%}.is-active .product-steps_mark{animation:10s linear both product-steps-mark}.is-active .product-steps_cursor.report{animation:10s ease-in-out both product-steps-cursor-report}@media (min-width:48rem){.product-steps_scene.clients{grid-template-columns:minmax(0,36rem);justify-content:center}}.product-steps_chat{height:30rem;display:grid;position:relative;overflow:hidden}.product-steps_chat>.product-steps_inbox,.product-steps_chat>.product-steps_thread{grid-area:1/1}.product-steps_inbox{opacity:0;visibility:hidden;align-content:start;gap:var(--space-2);display:grid}.is-active .product-steps_inbox{animation:8.5s linear both product-steps-phase-inbox}.product-steps_thread-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--paper-line);border-radius:var(--radius-small);grid-template-columns:auto 1fr auto;display:grid}.product-steps_thread-row.late{background-color:var(--signal-well);border-color:color-mix(in srgb, var(--signal) 35%, transparent)}.product-steps_who{min-width:0;display:grid}.product-steps_who .product-steps_name{font-weight:var(--primary-medium);color:var(--text-heading)}.product-steps_snippet{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-tiny);color:var(--text-3);overflow:hidden}.product-steps_nudge{font-size:var(--text-tiny);font-weight:var(--primary-medium);white-space:nowrap;color:var(--light-100);background-color:var(--signal);border-radius:var(--radius-round);padding:.45em .9em}.is-active .product-steps_nudge{animation:8.5s linear both product-steps-press-nudge}.product-steps_avatar{border-radius:var(--radius-round);flex:none;place-items:center;width:2rem;height:2rem;display:grid}.product-steps_avatar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:60%;height:60%}.product-steps_avatar.owner{color:var(--text-2);background-color:var(--accent-well)}.product-steps_avatar.you{color:var(--light-100);background-color:var(--button-background)}.product-steps_thread{gap:var(--space-3);grid-template-rows:auto 1fr;min-height:0;display:grid}.is-active .product-steps_thread{animation:8.5s linear both product-steps-phase-thread}.product-steps_messages{justify-content:flex-end;gap:var(--space-2);flex-direction:column;min-height:0;display:flex;overflow:hidden}.product-steps_msg{align-items:flex-end;gap:var(--space-2);flex-shrink:0;max-width:88%;display:flex}.product-steps_msg.out{align-self:flex-end}.product-steps_msg.out .product-steps_bubble{color:var(--button-text);background-color:var(--button-background)}.product-steps_msg.in{align-self:flex-start}.product-steps_msg.in .product-steps_bubble{background-color:var(--background-2)}.product-steps_msg .product-steps_avatar{width:1.6rem;height:1.6rem}.product-steps_bubble{padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);gap:.2rem;display:grid}.product-steps_bubble.attachment{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.product-steps_tag{font-size:var(--text-tiny);font-weight:var(--primary-medium);color:var(--brand-300);align-items:center;gap:.3rem;display:flex}.product-steps_tag .product-steps_icon{width:.9rem;height:.9rem;color:inherit}.product-steps_suggestion{align-self:flex-end;gap:var(--space-1);max-width:80%;max-height:0;padding:0 var(--space-3);opacity:0;border:0 dashed var(--accent);border-radius:var(--radius-small);flex-shrink:0;display:grid;overflow:hidden}.is-active .product-steps_suggestion{animation:8.5s linear both product-steps-suggest}.product-steps_by{font-size:var(--text-tiny);font-weight:var(--primary-medium);color:var(--text-heading);align-items:center;gap:.35rem;display:flex}.product-steps_by .icon{--_size:1.1rem}.product-steps_send{justify-self:end}.is-active .product-steps_send{animation:8.5s linear both product-steps-press-send}.is-active .product-steps_cursor.clients{animation:8.5s ease-in-out both product-steps-cursor-chat}.is-active .product-steps_in{animation:product-steps-in .5s var(--_d,0s) ease-out both}@media (prefers-reduced-motion:reduce){.product-steps_wrap .tabs_panels *{animation:none!important}}@keyframes product-steps-cursor-docs{0%{opacity:0;top:2%;left:95%}3%{opacity:1;top:2%;left:95%}15%,28%{top:27%;left:45%}35%,36%{top:33.5%;left:49%}42%,44%{top:51%;left:49%}48%,61%{top:69.5%;left:calc(50% + 4.5rem)}68%,96%{opacity:1;top:89%;left:calc(100% - 5.2rem)}to{opacity:0;top:89%;left:calc(100% - 5.2rem)}}@keyframes product-steps-ghosts{0%,14%{opacity:1;scale:1}17%,to{opacity:0;scale:.8}}@keyframes product-steps-drop{0%,10%{border-color:var(--border);background-color:#0000}12%,16%{border-color:var(--accent);background-color:var(--accent-well)}19%,to{border-color:var(--border);background-color:#0000}}@keyframes product-steps-press-browse{0%,34%{scale:1}35.5%{scale:.92}37%,to{scale:1}}@keyframes product-steps-picker{0%,36%{opacity:0;visibility:hidden;translate:-50% .5rem}38%,48%{opacity:1;visibility:visible;translate:-50%}50%,to{opacity:0;visibility:hidden;translate:-50%}}@keyframes product-steps-pick{0%,42%{background-color:#0000}43%,to{background-color:var(--accent-well)}}@keyframes product-steps-analyse{0%,60%{opacity:.35;scale:1}62%,68%{opacity:1;scale:1}69.5%{scale:.92}71%,to{opacity:1;scale:1}}@keyframes product-steps-hover{0%,to{background-color:#0000}20%,80%{background-color:var(--background-2)}}@keyframes product-steps-hover-hold{0%{background-color:#0000}3%,to{background-color:var(--signal-well)}}@keyframes product-steps-expand{0%,37%{opacity:0;max-height:0;margin-top:0}42%,to{opacity:1;max-height:4rem;margin-top:var(--space-2)}}@keyframes product-steps-swap-out{0%,56%{opacity:1}58%,to{opacity:0}}@keyframes product-steps-swap-in{0%,56%{opacity:0}58%,to{opacity:1}}@keyframes product-steps-cursor-brief{0%{opacity:0;top:34%;left:38%}8%,12.5%{opacity:1;top:34%;left:38%}21%{top:45%;left:38%}30%,40%{top:60%;left:38%}52%,58%{top:64%;left:calc(100% - 6.3rem)}66%{top:76%;left:38%}75%,92%{opacity:1;top:87%;left:38%}to{opacity:0;top:87%;left:38%}}@keyframes product-steps-draw{to{stroke-dashoffset:0}}@keyframes product-steps-fade-in{to{opacity:1}}@keyframes product-steps-blink{50%{opacity:.2}}@keyframes product-steps-mode-off{0%,37%{color:var(--light-100);border-color:var(--light-100)}38%,to{color:var(--accent-300);border-color:#0000}}@keyframes product-steps-mode-on{0%,37%{color:var(--accent-300);border-color:#0000}38%,to{color:var(--light-100);border-color:var(--light-100)}}@keyframes product-steps-phase-a{0%,38%{opacity:1;visibility:visible}40%,to{opacity:0;visibility:hidden}}@keyframes product-steps-phase-b{0%,38%{opacity:0;visibility:hidden}41%,to{opacity:1;visibility:visible}}@keyframes product-steps-hold{0%,44%{scale:1;box-shadow:0 0 #0000}46%,80%{box-shadow:0 0 0 .5rem color-mix(in srgb, var(--brand-500) 30%, transparent);scale:.9}82%,to{scale:1;box-shadow:0 0 #0000}}@keyframes product-steps-tap{0%,9%{opacity:0;top:89%;left:50%;scale:1}12.5%{opacity:1;scale:.7}15%{opacity:0;top:89%;left:50%;scale:1.2}21%{opacity:0;scale:1}23.75%{opacity:1;top:89%;left:50%;scale:.7}26%{opacity:0;scale:1.2}33%{opacity:0;top:19%;left:61%;scale:1}36%{opacity:1;top:19%;left:61%;scale:.7}38%{opacity:0;scale:1.2}42%{opacity:0;top:67%;left:50%;scale:1}45%,80%{opacity:1;top:67%;left:50%;scale:.8}83%,to{opacity:0;top:67%;left:50%;scale:1.2}}@keyframes product-steps-phase-inbox{0%,21%{opacity:1;visibility:visible}24%,to{opacity:0;visibility:hidden}}@keyframes product-steps-phase-thread{0%,22%{opacity:0;visibility:hidden;translate:1.5rem}26%,to{opacity:1;visibility:visible;translate:0}}@keyframes product-steps-press-nudge{0%,17%{scale:1}18.5%{scale:.9}20%,to{scale:1}}@keyframes product-steps-suggest{0%,50%{opacity:0;border-width:0;max-height:0;padding-block:0}53%,66%{opacity:1;max-height:10rem;padding-block:var(--space-2);border-width:var(--border-width)}69%,to{opacity:0;border-width:0;max-height:0;padding-block:0}}@keyframes product-steps-press-send{0%,63%{scale:1}64.5%{scale:.88}66%,to{scale:1}}@keyframes product-steps-cursor-chat{0%{opacity:0;top:70%;left:50%}6%{opacity:1;top:70%;left:50%}15%,20%{top:24%;left:calc(100% - 6.6rem)}26%{opacity:1}30%{opacity:0;top:40%;left:calc(100% - 6.6rem)}50%{opacity:0;top:45%;left:calc(100% - 4.9rem)}55%,66%{opacity:1;top:59%;left:calc(100% - 4.9rem)}72%,to{opacity:0;top:59%;left:calc(100% - 4.9rem)}}@keyframes product-steps-select{0%,69%{box-shadow:0 0 #0000}71%,to{box-shadow:0 0 0 .15rem var(--signal)}}@keyframes product-steps-preview{0%,71%{opacity:0;visibility:hidden;translate:0 .75rem}74%,to{opacity:1;visibility:visible;translate:0}}@keyframes product-steps-mark{0%,76%{opacity:0;scale:1.15}80%,to{opacity:1;scale:1}}@keyframes product-steps-cursor-report{0%,56%{opacity:0;top:92%;left:55%}60%{opacity:1;top:92%;left:55%}68%,72%{opacity:1;top:38.7%;left:calc(100% - 4.5rem)}76%,to{opacity:0;top:38.7%;left:calc(100% - 4.5rem)}}@keyframes product-steps-in{0%{opacity:0;translate:0 .5rem}}@keyframes product-steps-fill{0%{scale:0 1}}@keyframes product-steps-play{0%{scale:0 1}to{scale:.62 1}}@keyframes product-steps-count{0%{scale:0 1}to{scale:.83 1}}@keyframes product-steps-pop{0%{scale:0}}@keyframes product-steps-wave{0%{scale:1 .35}}@keyframes product-steps-flash{0%{opacity:0}20%{opacity:.9}to{opacity:0}}}
