@layer reset,tokens,base,layout;@layer components{.product-mock-panel{border-radius:var(--radius-lg);color:var(--color-text);background:var(--rvg-white);box-shadow:var(--shadow-mockup);font-size:var(--text-xs);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.product-mock-header{align-items:center;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border-bottom:var(--border);background:var(--color-bg-muted);display:flex}.product-mock-header__title{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.product-mock-header__badge{padding:0 var(--space-2xs);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold)}.product-mock-header__badge--info{border-radius:var(--radius-pill);color:var(--color-primary);background:var(--rvg-blue-100)}.product-mock-header__badge--sand{border-color:var(--rvg-sand);color:var(--color-text-on-sand);background:var(--color-sand-surface)}.product-mock-header__action{padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);color:var(--color-text-on-dark);background:var(--color-primary);margin-inline-start:auto}.product-mock-toolbar{align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-2xs);display:flex}.product-mock-toolbar__search{height:var(--product-mock-field-height);border:var(--border);border-radius:var(--radius-sm);background:var(--rvg-white);flex:1}.product-mock-toolbar__filter{padding:var(--space-3xs) var(--space-2xs);border:var(--border);border-radius:var(--radius-sm);white-space:nowrap;color:var(--color-text-muted);background:var(--rvg-white)}.product-mock-toolbar__filter--active{border-color:var(--rvg-blue-100);color:var(--color-primary);background:var(--rvg-blue-50)}@media (width>=821px){.product-mock-panel{height:var(--mock-panel-height)}}.reconciliation-mock{font-size:var(--text-xs);color:var(--color-text)}.reconciliation-mock__zone{min-height:var(--reconciliation-zone-height);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-card-lg);background:var(--gradient-illustration-zone);align-content:center;display:grid;position:relative}.reconciliation-mock__panel{gap:var(--space-2xs);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--rvg-white);box-shadow:var(--shadow-float);display:grid}.reconciliation-mock__panel-title{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.reconciliation-mock__rows{gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:grid}.reconciliation-mock__row{align-items:center;gap:var(--space-sm);grid-template-columns:1fr auto;display:grid}.reconciliation-mock__bar{height:var(--reconciliation-bar-height);border-radius:var(--radius-sm);background:var(--color-bg-muted)}.reconciliation-mock__row:first-child .reconciliation-mock__bar{width:92%}.reconciliation-mock__row:nth-child(2) .reconciliation-mock__bar{width:74%}.reconciliation-mock__row:nth-child(3) .reconciliation-mock__bar{width:85%}.reconciliation-mock__check{width:var(--reconciliation-check-size);height:var(--reconciliation-check-size);border-radius:var(--radius-round);background:var(--color-success-surface);border:var(--border-width) solid var(--color-success-border);position:relative}.reconciliation-mock__check:after{content:"";inset-inline-start:32%;border:solid var(--color-success-text);border-width:0 var(--border-width-accent) var(--border-width-accent) 0;width:26%;height:46%;position:absolute;top:26%;transform:rotate(45deg)}.reconciliation-mock__chip{top:calc(-1 * var(--space-xs));align-items:center;gap:var(--space-3xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);white-space:nowrap;font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--rvg-white);box-shadow:var(--shadow-float);display:inline-flex;position:absolute;inset-inline-end:calc(-1 * var(--space-xs))}.reconciliation-mock--animated .reconciliation-mock__check{animation:reconciliation-check var(--duration-reconciliation-loop) var(--ease-out) infinite both}.reconciliation-mock--animated .reconciliation-mock__row:nth-child(2) .reconciliation-mock__check{animation-delay:var(--duration-ui)}.reconciliation-mock--animated .reconciliation-mock__row:nth-child(3) .reconciliation-mock__check{animation-delay:calc(var(--duration-ui) * 2)}.reconciliation-mock--animated .reconciliation-mock__chip{animation:reconciliation-chip var(--duration-reconciliation-loop) var(--ease-out) infinite both}@keyframes reconciliation-check{0%,10%{opacity:0;scale:.5}22%,86%{opacity:1;scale:1}to{opacity:0;scale:.5}}@keyframes reconciliation-chip{0%,24%{opacity:0;translate:0 var(--space-2xs)}36%,86%{opacity:1;translate:0}to{opacity:0;translate:0 var(--space-2xs)}}@media (prefers-reduced-motion:reduce){.reconciliation-mock--animated .reconciliation-mock__check,.reconciliation-mock--animated .reconciliation-mock__chip{animation:none}}.reconciliation-mock__chip-dot{width:var(--reconciliation-dot-size);height:var(--reconciliation-dot-size);border-radius:var(--radius-round);background:var(--color-success-text)}.ai-mock{--loop:var(--duration-ai-loop);--stagger:.035;color:var(--color-text);font-size:var(--text-xs)}.ai-mock__body{gap:var(--space-md);padding:var(--space-md);grid-template-columns:.8fr 1fr;display:grid}.ai-mock__doc{isolation:isolate;align-content:start;gap:var(--space-sm);padding:var(--space-sm);border:var(--border);border-radius:var(--radius-sm);background:var(--rvg-white);display:grid;position:relative;overflow:hidden}.ai-mock__doc-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.ai-mock__doc-logo,.ai-mock__doc-ref,.ai-mock__doc-line{height:var(--ai-mock-line-height);border-radius:var(--radius-sm);background:var(--color-bg-muted)}.ai-mock__doc-logo{width:var(--ai-mock-logo-width);background:var(--rvg-blue-100)}.ai-mock__doc-ref{width:var(--ai-mock-ref-width)}.ai-mock__doc-lines,.ai-mock__doc-total{gap:var(--space-2xs);display:grid}.ai-mock__doc-lines .ai-mock__doc-line:first-child{width:88%}.ai-mock__doc-lines .ai-mock__doc-line:nth-child(2){width:72%}.ai-mock__doc-lines .ai-mock__doc-line:nth-child(3){width:94%}.ai-mock__doc-lines .ai-mock__doc-line:nth-child(4){width:61%}.ai-mock__doc-lines .ai-mock__doc-line:nth-child(5){width:80%}.ai-mock__doc-lines .ai-mock__doc-line:nth-child(6){width:45%}.ai-mock__doc-total{padding:var(--space-2xs);border-radius:var(--radius-sm);background:var(--color-bg-muted);justify-items:end}.ai-mock__doc-total .ai-mock__doc-line{background:var(--rvg-blue-100)}.ai-mock__doc-total .ai-mock__doc-line:first-child{width:70%}.ai-mock__doc-total .ai-mock__doc-line:nth-child(2){width:40%}.ai-mock__scan{z-index:1;inset-inline:0;height:var(--ai-mock-scan-height);background:var(--gradient-ai-scan);opacity:0;position:absolute;top:0}.ai-mock__form{align-content:space-between;gap:var(--space-2xs);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.ai-mock__extract{padding:var(--space-3xs) var(--space-2xs);border:var(--border-width) solid var(--color-accent-coral);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);color:var(--color-coral-text);background:var(--color-coral-surface);grid-column:1/-1;justify-self:start}.ai-mock__field{gap:var(--space-3xs);grid-column:span 3;min-width:0;display:grid}.ai-mock__label{white-space:nowrap;color:var(--color-text-muted)}.ai-mock__input{min-width:0;min-height:var(--ai-mock-field-height);padding:0 var(--space-2xs);border:var(--border);border-radius:var(--radius-sm);background:var(--color-bg-muted);align-items:center;display:flex}.ai-mock__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-primary);overflow:hidden}@media (width<=700px){.ai-mock__body{grid-template-columns:1fr}.ai-mock__doc{display:none}}@media (width<=560px){.ai-mock__field{grid-column:1/-1}}@media (prefers-reduced-motion:no-preference){.ai-mock__scan{animation:ai-scan var(--loop) var(--ease-in-out) infinite}.ai-mock__value{animation:ai-fill var(--loop) var(--ease-out) infinite both}.ai-mock__field:nth-child(3) .ai-mock__value{animation-delay:calc(var(--loop) * var(--stagger))}.ai-mock__field:nth-child(4) .ai-mock__value{animation-delay:calc(var(--loop) * var(--stagger) * 2)}.ai-mock__field:nth-child(5) .ai-mock__value{animation-delay:calc(var(--loop) * var(--stagger) * 3)}.ai-mock__field:nth-child(6) .ai-mock__value{animation-delay:calc(var(--loop) * var(--stagger) * 4)}}@media (width<=700px){.ai-mock__value{animation:none}}@keyframes ai-scan{0%{opacity:0;top:0%}2%,12%{opacity:1}14%,to{opacity:0;top:100%}}@keyframes ai-fill{0%,8%{opacity:0;transform:translateY(var(--ai-mock-fill-rise))}14%,88%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(0)}}.incident-mock{--loop:var(--duration-incident-loop);--stagger:.04}.incident-mock__screen{align-content:space-between;gap:var(--space-2xs);padding:var(--space-md);display:grid}.incident-mock__rows{gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:grid}.incident-mock__row{align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-xs);border:var(--border);border-radius:var(--radius-sm);background:var(--rvg-white);grid-template-columns:1fr auto auto;display:grid}.incident-mock__badge{padding:0 var(--space-3xs);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);white-space:nowrap}.incident-mock__badge--nouveau{border-color:var(--color-success-border);color:var(--color-success-text);background:var(--color-success-surface)}.incident-mock__badge--en-cours{border-color:var(--rvg-blue-100);color:var(--color-primary);background:var(--rvg-blue-50)}.incident-mock__badge--planifie{border-color:var(--rvg-sand);color:var(--color-text-on-sand);background:var(--color-sand-surface)}.incident-mock__badge--resolu{border-color:var(--color-border);color:var(--color-text-muted);background:var(--color-bg-muted)}.incident-mock__row-main{gap:var(--space-3xs);min-width:0;display:grid}.incident-mock__row-title,.incident-mock__row-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.incident-mock__row-title{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.incident-mock__row-meta{color:var(--color-text-muted)}.incident-mock__priority{align-items:center;gap:var(--space-3xs);white-space:nowrap;color:var(--color-text-muted);display:inline-flex}.incident-mock__priority:before{content:"";width:var(--incident-mock-dot);height:var(--incident-mock-dot);border-radius:var(--radius-round);background:currentColor}.incident-mock__priority--urgente{color:var(--color-coral-text)}.incident-mock__priority--urgente:before{background:var(--color-accent-coral)}@media (width<=560px){.incident-mock__row{gap:var(--space-2xs);padding:var(--space-3xs) var(--space-2xs);grid-template-columns:1fr auto}.incident-mock__priority{grid-column:2}.incident-mock__row:nth-child(4),.incident-mock__row-meta{display:none}}@media (prefers-reduced-motion:no-preference){.incident-mock__row{animation:incident-row var(--loop) var(--ease-out) infinite both}.incident-mock__row:nth-child(2){animation-delay:calc(var(--loop) * var(--stagger))}.incident-mock__row:nth-child(3){animation-delay:calc(var(--loop) * var(--stagger) * 2)}.incident-mock__row:nth-child(4){animation-delay:calc(var(--loop) * var(--stagger) * 3)}}@keyframes incident-row{0%{opacity:0;transform:translateY(8px)}5%,88%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(-6px)}}@media (width<=560px){.card-visual{--card-visual-height:var(--card-visual-height-mobile)}}.card-visual{padding:var(--space-sm);height:var(--card-visual-height);border-radius:var(--radius-md);background:var(--gradient-illustration-zone);opacity:var(--card-visual-opacity);margin-top:auto;display:block;overflow:hidden}.card-visual .partner-marquee{--card-gap:var(--space-2xs);--partner-tile-width:var(--partner-tile-width-compact);--partner-tile-height:var(--partner-tile-height-compact);--partner-tile-logo-height:var(--partner-tile-logo-height-compact);--partner-tile-logo-height-tall:var(--partner-tile-logo-height-tall-compact);margin-top:0}.card-visual .partner-marquee__item{padding:var(--space-3xs) var(--space-2xs);background:var(--rvg-white)}.card-visual .ledger-mock .product-mock-header{display:none}.card-visual .ledger-mock__body{gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm)}.card-visual .ledger-mock__rows{gap:var(--space-2xs)}.card-visual .ledger-mock__row{padding-bottom:var(--space-3xs)}@media (prefers-reduced-motion:no-preference){.card-visual .ledger-mock--animated .ledger-mock__row{animation:ledger-cycle var(--duration-ledger-cycle) var(--ease-out) infinite both}.card-visual .ledger-mock--animated .ledger-mock__row:nth-child(2){animation-delay:calc(var(--duration-ledger-cycle) * .08)}}@keyframes ledger-cycle{0%,6%{opacity:0;translate:0 var(--space-2xs)}16%,88%{opacity:1;translate:0}to{opacity:0;translate:0 var(--space-2xs)}}.card-visual .reconciliation-mock__zone{background:0 0;height:100%;min-height:0;padding:0}.accounting-mock{--loop:var(--duration-accounting-loop);--stagger:.05;color:var(--color-text);font-size:var(--text-xs);position:relative}.accounting-mock__float{z-index:1;gap:var(--space-3xs);padding:var(--space-sm) var(--space-md);border:var(--border);border-radius:var(--radius-md);background:var(--rvg-white);box-shadow:var(--shadow-float);display:grid;position:absolute}.accounting-mock__float--bank{top:calc(-1 * var(--space-lg));right:calc(-1 * var(--space-lg))}.accounting-mock__float-label{color:var(--color-text-muted)}.accounting-mock__float-value{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-primary)}.accounting-mock__float-tag{padding:0 var(--space-3xs);border:var(--border-width) solid var(--color-success-border);border-radius:var(--radius-sm);color:var(--color-success-text);background:var(--color-success-surface);justify-self:start}.accounting-mock__screen{align-content:space-between;gap:var(--space-2xs);padding:var(--space-md);display:grid}.accounting-mock__table{column-gap:var(--space-sm);grid-template-columns:auto auto 1fr auto auto;display:grid}.accounting-mock__line,.accounting-mock__rows{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.accounting-mock__line{align-items:center}.accounting-mock__head{padding-bottom:var(--space-3xs);border-bottom:var(--border);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.accounting-mock__num{text-align:right}.accounting-mock__rows{margin:0;padding:0;list-style:none}.accounting-mock__row{padding-block:var(--space-2xs);border-bottom:var(--border-width) solid var(--color-border-fine)}.accounting-mock__row:last-child{border-bottom:0}.accounting-mock__foot{margin-top:var(--space-2xs);padding-top:var(--space-2xs);border-top:var(--border);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.accounting-mock__foot .accounting-mock__num{color:var(--color-primary)}.accounting-mock__badge{padding:0 var(--space-3xs);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);text-align:center;white-space:nowrap}.accounting-mock__badge--a-decaisser{border-color:var(--rvg-blue-100);color:var(--color-primary);background:var(--rvg-blue-50)}.accounting-mock__badge--validee{border-color:var(--color-success-border);color:var(--color-success-text);background:var(--color-success-surface)}.accounting-mock__badge--litige{border-color:var(--color-accent-coral);color:var(--color-coral-text);background:var(--color-coral-surface)}.accounting-mock__due{font-weight:var(--font-weight-semibold);color:var(--color-coral-text)}.accounting-mock__ref{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;color:var(--color-text-muted);overflow:hidden}.accounting-mock__num{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-primary)}.accounting-mock__payment{justify-items:end;display:grid}.accounting-mock__pay{padding:0 var(--space-3xs);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);text-align:center;white-space:nowrap;grid-area:1/1}.accounting-mock__pay--none{border-color:var(--color-border);color:var(--color-text-muted);background:var(--color-bg-muted)}.accounting-mock__pay--done{border-color:var(--color-success-border);color:var(--color-success-text);background:var(--color-success-surface);opacity:1}@media (width<=820px){.accounting-mock__float{display:none}}@media (width<=560px){.accounting-mock__table{grid-template-columns:auto 1fr auto}.accounting-mock__due,.accounting-mock__ref,.accounting-mock__head>:nth-child(2),.accounting-mock__head>:nth-child(3){display:none}}@media (prefers-reduced-motion:no-preference){.accounting-mock__float--bank{animation:accounting-float var(--duration-float-bank) var(--ease-in-out) infinite}.accounting-mock__pay--none{animation:accounting-pay-out var(--loop) var(--ease-out) infinite both}.accounting-mock__pay--done{animation:accounting-pay-in var(--loop) var(--ease-out) infinite both}.accounting-mock__row:not(:has(.accounting-mock__pay--done)) .accounting-mock__pay--none{animation:none}.accounting-mock__row:nth-child(2) .accounting-mock__pay{animation-delay:calc(var(--loop) * var(--stagger))}.accounting-mock__row:nth-child(3) .accounting-mock__pay{animation-delay:calc(var(--loop) * var(--stagger) * 2)}.accounting-mock__row:nth-child(4) .accounting-mock__pay{animation-delay:calc(var(--loop) * var(--stagger) * 3)}}@keyframes accounting-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--space-2xs)))}}@keyframes accounting-pay-out{0%,12%{opacity:1}20%,88%{opacity:0}96%,to{opacity:1}}@keyframes accounting-pay-in{0%,12%{opacity:0}20%,88%{opacity:1}96%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.accounting-mock__row:has(.accounting-mock__pay--done) .accounting-mock__pay--none{opacity:0}}.dashboard-mock{align-content:center;gap:var(--space-2xs);height:100%;font-size:var(--text-xs);line-height:var(--line-height-tight);display:grid}.dashboard-mock__title{font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}.dashboard-mock__rows{gap:var(--space-3xs);margin:0;display:grid}.dashboard-mock__row{grid-template-columns:minmax(0, 1fr) var(--dashboard-gauge-width);align-items:center;gap:var(--space-sm);display:grid}.dashboard-mock__label{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);overflow:hidden}.dashboard-mock__row--total .dashboard-mock__label{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.dashboard-mock__gauge{height:var(--dashboard-gauge-height);border-radius:var(--radius-pill);background:var(--rvg-blue-50);margin:0;overflow:hidden}.dashboard-mock__fill{border-radius:inherit;background:var(--rvg-blue-300);transform-origin:0;height:100%;display:block}.dashboard-mock__row--total .dashboard-mock__fill{background:var(--color-accent-coral)}.dashboard-mock__row[data-rang="1"] .dashboard-mock__fill{width:72%}.dashboard-mock__row[data-rang="2"] .dashboard-mock__fill{width:54%}.dashboard-mock__row[data-rang="3"] .dashboard-mock__fill{width:66%}.dashboard-mock{--loop:var(--duration-dashboard-loop)}@media (prefers-reduced-motion:no-preference){.dashboard-mock__fill{animation:dashboard-fill var(--loop) var(--ease-out) infinite both}.dashboard-mock__row[data-rang="2"] .dashboard-mock__fill{animation-delay:calc(var(--loop) * .06)}.dashboard-mock__row[data-rang="3"] .dashboard-mock__fill{animation-delay:calc(var(--loop) * .12)}}@keyframes dashboard-fill{0%,6%{scale:0 1}30%,90%{scale:1}98%,to{scale:0 1}}.integrations .section__inner{text-align:center}.integrations__heading{font-size:var(--text-3xl);color:var(--color-primary);margin-bottom:var(--space-sm)}.integrations__text{color:var(--color-text-muted);max-width:52ch;margin:0 auto}.integrations__action{margin-top:var(--space-xl)}.partner-marquee{--card-gap:var(--space-md);gap:var(--card-gap);margin-top:var(--space-3xl);display:grid}.partner-marquee__row{mask-image:linear-gradient(to right, transparent, black var(--space-4xl), black calc(100% - var(--space-4xl)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black var(--space-4xl), black calc(100% - var(--space-4xl)), transparent);overflow:hidden}.partner-marquee__track{width:max-content;animation:partner-marquee-scroll var(--duration-partner-marquee) linear infinite;margin:0;padding:0;list-style:none;display:flex}.partner-marquee__row--reverse .partner-marquee__track{animation-direction:reverse}.partner-marquee__track:hover,.partner-marquee__track:focus-within{animation-play-state:paused}@keyframes partner-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.partner-marquee__item{box-sizing:border-box;width:var(--partner-tile-width);height:var(--partner-tile-height);margin-right:var(--card-gap);padding:var(--space-sm) var(--space-lg);border:var(--border);border-radius:var(--radius-lg);background:var(--color-partner-surface);color:var(--color-text-muted);flex:none;justify-content:center;align-items:center;display:flex}.partner-marquee__logo{width:100%;height:var(--partner-tile-logo-height);display:block}.partner-marquee__logo--tall{height:var(--partner-tile-logo-height-tall)}@media (width<=640px){.partner-marquee{--card-gap:var(--space-sm)}.partner-marquee__item{--partner-tile-width:var(--partner-tile-width-mobile);--partner-tile-height:var(--partner-tile-height-mobile);--partner-tile-logo-height:var(--partner-tile-logo-height-mobile);--partner-tile-logo-height-tall:var(--partner-tile-logo-height-tall-mobile);padding:var(--space-sm) var(--space-md)}.partner-marquee__row{mask-image:linear-gradient(to right, transparent, black var(--space-lg), black calc(100% - var(--space-lg)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black var(--space-lg), black calc(100% - var(--space-lg)), transparent)}}@media (prefers-reduced-motion:reduce){.partner-marquee__track{animation:none;transform:translate(0)}}.team-reply-mock{align-content:center;gap:var(--space-2xs);height:100%;font-size:var(--text-xs);line-height:var(--line-height-tight);display:grid}.team-reply-mock__question,.team-reply-mock__sla{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-reply-mock__question{max-width:100%;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);color:var(--color-primary);background:var(--rvg-blue-50);justify-self:end;margin:0}.team-reply-mock__reply{align-items:center;gap:var(--space-2xs);display:flex}.team-reply-mock__avatar{width:var(--team-reply-avatar-size);height:var(--team-reply-avatar-size);border-radius:var(--radius-round);font-family:var(--font-serif);color:var(--color-text-on-dark);background:var(--color-primary);flex:none;place-items:center;display:grid}.team-reply-mock__dots{gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);background:var(--color-bg-muted);display:inline-flex}.team-reply-mock__dot{width:var(--chat-dot-size);height:var(--chat-dot-size);border-radius:var(--radius-round);background:var(--color-primary)}.team-reply-mock__footer{min-width:0;margin:0;padding-inline-start:calc(var(--team-reply-avatar-size) + var(--space-2xs));display:flex}.team-reply-mock__sla{min-width:0;padding:0 var(--space-2xs);border-radius:var(--radius-pill);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--rvg-blue-100)}.team-reply-mock{--loop:var(--duration-team-reply-loop)}@media (prefers-reduced-motion:no-preference){.team-reply-mock__question{animation:team-reply-question var(--loop) var(--ease-out) infinite both}.team-reply-mock__reply{animation:team-reply-answer var(--loop) var(--ease-out) infinite both}.team-reply-mock__footer{animation:team-reply-sla var(--loop) var(--ease-out) infinite both}.team-reply-mock__dot{animation:team-reply-think var(--duration-chat-think) var(--ease-out) infinite}.team-reply-mock__dot:nth-child(2){animation-delay:var(--duration-fast)}.team-reply-mock__dot:nth-child(3){animation-delay:calc(var(--duration-fast) * 2)}}@keyframes team-reply-question{0%,4%{opacity:0;translate:0 var(--space-3xs)}12%,92%{opacity:1;translate:0}98%,to{opacity:0;translate:0}}@keyframes team-reply-answer{0%,18%{opacity:0;translate:0 var(--space-3xs)}26%,92%{opacity:1;translate:0}98%,to{opacity:0;translate:0}}@keyframes team-reply-sla{0%,38%{opacity:0;translate:0 var(--space-3xs)}46%,92%{opacity:1;translate:0}98%,to{opacity:0;translate:0}}@keyframes team-reply-think{0%,to{opacity:.25}50%{opacity:1}}}@layer utilities;
