.trpd-ai {
--ai-bg: var(--trpd-white);
--ai-ink: var(--trpd-ink);
--ai-muted: var(--trpd-muted);
--ai-line: var(--trpd-line);
--ai-head-bg: var(--trpd-navy);
--ai-head-ink: #fff;
--ai-head-sub: var(--trpd-on-navy);
--ai-cta-bg: var(--trpd-accent);
--ai-cta-ink: var(--trpd-navy);
--ai-user-bg: var(--trpd-navy);
--ai-user-ink: #fff;
--ai-bot-bg: var(--trpd-surface);
--ai-link: var(--trpd-navy);
--ai-radius: 14px;
--ai-bubble-radius: 12px;
--ai-btn-radius: 999px;
--ai-border: 1px solid var(--ai-line);
--ai-shadow: 0 2px 6px rgba(16, 36, 58, 0.12), 0 18px 48px rgba(16, 36, 58, 0.22);
--ai-edge: max(16px, env(safe-area-inset-right));
--ai-bottom: max(20px, calc(env(safe-area-inset-bottom) + 12px)); --ai-top: calc(20px + env(safe-area-inset-top));
--ai-ease: cubic-bezier(0.23, 1, 0.32, 1);
font-family: var(--trpd-font);
color: var(--ai-ink);
} .no-js .trpd-ai,
.trpd-ai:not(.is-ready) {
display: none;
} body.trpd:has(> .trpd-ai.is-ready) {
padding-bottom: 88px;
} .trpd .trpd-ai__launcher {
position: fixed;
right: var(--ai-edge);
bottom: var(--ai-bottom);
z-index: 75;
display: inline-flex;
align-items: center;
gap: 0.5rem;
min-height: 52px;
padding: 0 1.15rem 0 0.95rem;
border: 0;
border-radius: var(--ai-btn-radius);
background: var(--ai-cta-bg);
color: var(--ai-cta-ink);
font: inherit;
font-size: 1rem;
font-weight: 800;
line-height: 1.1;
box-shadow: var(--ai-shadow);
cursor: pointer;
transition: transform 160ms var(--ai-ease), box-shadow 160ms ease;
}
.trpd-ai__launcher .trpd-icon {
width: 1.5rem;
height: 1.5rem;
stroke-width: 2;
}
.trpd .trpd-ai__launcher:active {
transform: scale(0.97);
}
.trpd-ai__launcher-short {
display: none;
}
.trpd-ai.is-open .trpd-ai__launcher {
display: none;
} .trpd-ai__panel {
position: fixed;
right: var(--ai-edge);
bottom: var(--ai-bottom);
z-index: 76;
display: flex;
flex-direction: column;
width: min(420px, calc(100vw - 32px));
height: min(640px, calc(100dvh - var(--ai-bottom) - var(--ai-top)));
overflow: hidden;
border: var(--ai-border);
border-radius: var(--ai-radius);
background: var(--ai-bg);
box-shadow: var(--ai-shadow);
transform-origin: bottom right;
}
.trpd-ai__panel[hidden] {
display: none;
}
@media (prefers-reduced-motion: no-preference) {
.trpd-ai__panel {
transition: opacity 200ms var(--ai-ease), transform 200ms var(--ai-ease);
}
@starting-style {
.trpd-ai__panel {
opacity: 0;
transform: translateY(8px) scale(0.97);
}
}
}
@media (prefers-reduced-motion: reduce) {
.trpd-ai__panel {
transition: opacity 150ms ease;
}
@starting-style {
.trpd-ai__panel {
opacity: 0;
}
}
}
.trpd-ai__head {
display: flex;
align-items: center;
gap: 0.65rem;
padding: 0.7rem 0.5rem 0.7rem 1rem;
background: var(--ai-head-bg);
color: var(--ai-head-ink);
}
.trpd-ai__badge {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: var(--ai-cta-bg);
color: var(--ai-cta-ink);
}
.trpd-ai__badge .trpd-icon {
width: 1.3rem;
height: 1.3rem;
}
.trpd-ai__titles {
flex: 1;
min-width: 0;
}
.trpd .trpd-ai__title {
margin: 0;
color: inherit;
font-size: 1.0625rem;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
}
.trpd-ai__title:focus {
outline: none;
}
.trpd-ai__title:focus-visible {
outline: 3px solid var(--ai-cta-bg);
outline-offset: 2px;
}
.trpd .trpd-ai__sub {
margin: 0.1rem 0 0;
color: var(--ai-head-sub);
font-size: var(--trpd-fs-xs);
line-height: 1.3;
}
.trpd .trpd-ai__icon-btn {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: inherit;
cursor: pointer;
transition: transform 160ms var(--ai-ease), background-color 150ms ease;
}
.trpd .trpd-ai__icon-btn[hidden] {
display: none;
}
.trpd .trpd-ai__icon-btn:active {
transform: scale(0.94);
}
@media (hover: hover) and (pointer: fine) {
.trpd .trpd-ai__icon-btn:hover {
background: rgba(255, 255, 255, 0.14);
}
}
.trpd .trpd-ai__icon-btn:focus-visible {
outline: 3px solid var(--ai-cta-bg);
outline-offset: -3px;
}
.trpd .trpd-ai__note {
margin: 0;
padding: 0.55rem 1rem;
border-bottom: var(--ai-border);
color: var(--ai-muted);
font-size: var(--trpd-fs-xs);
line-height: 1.4;
} .trpd-ai__actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.5rem;
padding: 0.6rem 1rem;
border-bottom: var(--ai-border);
}
.trpd .trpd-ai__action {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
min-height: 44px;
padding: 0.35rem 0.6rem;
border: 2px solid var(--trpd-navy);
border-radius: var(--ai-btn-radius);
font-size: var(--trpd-fs-sm);
font-weight: 800;
line-height: 1.15;
text-align: center;
text-decoration: none;
transition: transform 160ms var(--ai-ease), background-color 150ms ease;
}
.trpd .trpd-ai__action .trpd-icon {
flex: none;
width: 1.15rem;
height: 1.15rem;
}
.trpd .trpd-ai__action:active {
transform: scale(0.97);
}
.trpd .trpd-ai__action--call {
border-color: var(--ai-cta-bg);
background: var(--ai-cta-bg);
color: var(--ai-cta-ink);
}
.trpd .trpd-ai__action--estimate {
background: transparent;
color: var(--trpd-navy);
}
.trpd .trpd-ai__action:hover {
color: var(--trpd-navy);
} .trpd-ai__log {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 0.6rem;
min-height: 0;
padding: 1rem;
overflow-y: auto;
overscroll-behavior: contain;
}
.trpd-ai__log:focus {
outline: none;
}
.trpd-ai__log:focus-visible {
outline: 3px solid var(--trpd-accent-ink);
outline-offset: -3px;
}
.trpd .trpd-ai__msg {
max-width: 88%;
margin: 0;
padding: 0.6rem 0.85rem;
border-radius: var(--ai-bubble-radius);
font-size: 1rem;
line-height: 1.5;
white-space: pre-line;
overflow-wrap: anywhere;
}
.trpd .trpd-ai__msg--bot {
align-self: flex-start;
border: var(--ai-border);
border-bottom-left-radius: 4px;
background: var(--ai-bot-bg);
color: var(--ai-ink);
}
.trpd .trpd-ai__msg--user {
align-self: flex-end;
border-bottom-right-radius: 4px;
background: var(--ai-user-bg);
color: var(--ai-user-ink);
}
.trpd .trpd-ai__msg a {
color: var(--ai-link);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 0.18em;
}
.trpd-ai__typing {
display: inline-flex;
gap: 5px;
align-items: center;
min-height: 2.6rem;
}
.trpd-ai__typing span {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--ai-muted);
opacity: 0.45;
}
@media (prefers-reduced-motion: no-preference) {
.trpd-ai__typing span {
animation: trpd-ai-dot 1s ease-in-out infinite;
}
.trpd-ai__typing span:nth-child(2) {
animation-delay: 0.15s;
}
.trpd-ai__typing span:nth-child(3) {
animation-delay: 0.3s;
}
}
@keyframes trpd-ai-dot {
0%, 100% { opacity: 0.35; transform: translateY(0); }
50% { opacity: 1; transform: translateY(-3px); }
} .trpd-ai__examples {
padding: 0 1rem 0.6rem;
}
.trpd-ai__examples[hidden] {
display: none;
}
.trpd .trpd-ai__examples-title {
margin: 0 0 0.4rem;
color: var(--ai-muted);
font-size: var(--trpd-fs-xs);
font-weight: 700;
}
.trpd .trpd-ai__chips {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin: 0;
padding: 0;
list-style: none;
}
.trpd .trpd-ai__chips li {
margin: 0;
padding: 0;
}
.trpd .trpd-ai__chips li::before {
content: none;
}
.trpd .trpd-ai__chip {
min-height: 40px;
padding: 0.35rem 0.8rem;
border: var(--ai-border);
border-color: var(--trpd-line-strong);
border-radius: var(--ai-btn-radius);
background: var(--ai-bg);
color: var(--trpd-navy);
font: inherit;
font-size: var(--trpd-fs-sm);
font-weight: 700;
line-height: 1.2;
text-align: left;
cursor: pointer;
transition: transform 160ms var(--ai-ease), border-color 150ms ease;
}
.trpd .trpd-ai__chip:active {
transform: scale(0.97);
}
@media (hover: hover) and (pointer: fine) {
.trpd .trpd-ai__chip:hover {
border-color: var(--trpd-navy);
}
} .trpd-ai__form {
display: grid;
grid-template-columns: 1fr auto;
gap: 0.5rem;
align-items: end;
padding: 0.6rem 0.75rem;
border-top: var(--ai-border);
background: var(--ai-bg);
}
.trpd .trpd-ai__input {
width: 100%;
min-height: 48px;
max-height: 140px;
margin: 0;
padding: 0.7rem 0.85rem;
border: 1px solid var(--trpd-line-strong);
border-radius: 12px;
background: var(--trpd-white);
color: var(--ai-ink);
font: inherit;
font-size: 1rem;
line-height: 1.4;
resize: none;
}
.trpd .trpd-ai__input:focus-visible {
border-color: var(--trpd-navy);
outline: 3px solid var(--trpd-accent-ink);
outline-offset: 1px;
}
.trpd .trpd-ai__input:disabled {
background: var(--trpd-surface);
cursor: not-allowed;
}
.trpd .trpd-ai__send {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
border: 0;
border-radius: 12px;
background: var(--trpd-navy);
color: #fff;
cursor: pointer;
transition: transform 160ms var(--ai-ease), opacity 150ms ease;
}
.trpd .trpd-ai__send .trpd-icon {
width: 1.35rem;
height: 1.35rem;
stroke-width: 2.2;
}
.trpd .trpd-ai__send:active {
transform: scale(0.95);
}
.trpd .trpd-ai__send:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.trpd .trpd-ai__count {
grid-column: 1 / -1;
margin: 0;
color: var(--ai-muted);
font-size: var(--trpd-fs-xs);
line-height: 1.2;
}
.trpd .trpd-ai__count:empty {
display: none;
}
.trpd-ai.is-long .trpd-ai__count {
color: var(--trpd-accent-ink);
font-weight: 700;
} @media (max-width: 1023px) {
body.trpd:has(> .trpd-ai.is-ready) {
padding-bottom: calc(68px + 64px + env(safe-area-inset-bottom));
}
.trpd-tabbar ~ .trpd-ai { --ai-bottom: calc(64px + env(safe-area-inset-bottom) + 20px);
}
.trpd .trpd-ai__launcher {
min-height: 48px;
padding: 0 1rem 0 0.8rem;
}
.trpd-ai__panel {
height: min(640px, calc(100dvh - var(--ai-bottom) - var(--ai-top)));
} .trpd-ai.has-keyboard .trpd-ai__panel {
bottom: calc(var(--trpd-ai-kb, 0px) + 8px);
height: min(640px, calc(var(--trpd-ai-vh, 100dvh) - 16px));
}
}
@media (max-width: 599px) {
.trpd-ai__launcher-long {
display: none;
}
.trpd-ai__launcher-short {
display: inline;
}
.trpd-ai {
--ai-top: calc(8px + env(safe-area-inset-top));
}
.trpd-ai__panel {
left: 8px;
right: 8px;
width: auto;
height: calc(100dvh - var(--ai-bottom) - var(--ai-top));
}
.trpd-ai.has-keyboard .trpd-ai__panel {
bottom: calc(var(--trpd-ai-kb, 0px) + 6px);
height: calc(var(--trpd-ai-vh, 100dvh) - 12px);
}
.trpd .trpd-ai__note {
padding: 0.45rem 0.85rem;
}
.trpd-ai__actions {
padding: 0.5rem 0.85rem;
}
.trpd-ai__log {
padding: 0.85rem;
}
.trpd .trpd-ai__msg {
max-width: 92%;
}
} .admin-bar .trpd-ai {
--ai-top: calc(32px + 16px);
}
@media (max-width: 782px) {
.admin-bar .trpd-ai {
--ai-top: calc(46px + 8px);
}
} .trpd-ai.is-closed .trpd-ai__form {
display: none;
}
@media print {
.trpd-ai {
display: none !important;
}
} .trpd-style-rotulo .trpd-ai {
--ai-radius: 3px;
--ai-bubble-radius: 3px;
--ai-btn-radius: 3px;
}
.trpd-style-rotulo .trpd-ai__head {
border-bottom: 4px solid var(--trpd-accent);
}
.trpd-style-rotulo .trpd-ai__launcher,
.trpd-style-rotulo .trpd-ai__title {
font-stretch: 75%;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.trpd-style-rotulo .trpd-ai__launcher {
box-shadow: 0 0 0 3px var(--trpd-navy), var(--ai-shadow);
}
.trpd-style-rotulo .trpd-ai__badge {
border-radius: 3px;
} .trpd-style-informe .trpd-ai {
--ai-radius: 3px;
--ai-bubble-radius: 3px;
--ai-btn-radius: 3px;
--ai-head-bg: var(--trpd-white);
--ai-head-ink: var(--trpd-navy);
--ai-head-sub: var(--trpd-muted);
--ai-cta-bg: var(--trpd-navy);
--ai-cta-ink: #fff;
--ai-bot-bg: #fff;
}
.trpd-style-informe .trpd-ai__head {
border-bottom: 2px solid var(--trpd-navy);
}
.trpd-style-informe .trpd-ai__icon-btn:hover {
background: var(--trpd-surface);
}
.trpd-style-informe .trpd-ai__title:focus-visible,
.trpd-style-informe .trpd-ai__icon-btn:focus-visible {
outline-color: var(--trpd-accent-ink);
}
.trpd-style-informe .trpd-ai__msg--bot {
border-left: 3px solid var(--trpd-navy);
}
.trpd-style-informe .trpd-ai__action--call {
border-color: var(--trpd-navy);
} .trpd-style-vidrio .trpd-ai { --ai-cta-ink: #0d0e10;
--ai-radius: 0;
--ai-bubble-radius: 0;
--ai-btn-radius: 0;
--ai-border: 1px solid #d5dbe0;
--ai-shadow: none;
}
.trpd-style-vidrio .trpd-ai__panel {
border: 6px solid #0d0e10;
box-shadow: 0 18px 40px rgba(13, 14, 16, 0.35);
}
.trpd-style-vidrio .trpd-ai__launcher {
border: 4px solid #0d0e10;
box-shadow: 0 10px 24px rgba(13, 14, 16, 0.3);
}
.trpd-style-vidrio .trpd-ai__head {
border-bottom: 6px solid #0d0e10;
}
.trpd-style-vidrio .trpd-ai__badge {
border-radius: 0;
}
.trpd-style-vidrio .trpd-ai__msg--user {
border: 0;
}
.trpd-style-vidrio .trpd-ai__input,
.trpd-style-vidrio .trpd-ai__send,
.trpd-style-vidrio .trpd-ai__chip {
border-radius: 0;
}
.trpd-style-vidrio .trpd-ai__form {
border-top: 6px solid #0d0e10;
} .trpd .trpd-ai__launcher {
transition: transform 160ms var(--ai-ease), box-shadow 160ms ease, opacity 160ms ease, visibility 160ms;
} .trpd .trpd-ai.is-compact .trpd-ai__launcher {
width: 56px;
height: 56px;
min-height: 56px;
padding: 0;
justify-content: center;
}
.trpd-ai.is-compact .trpd-ai__launcher-short {
display: none;
} .trpd-ai.is-compact .trpd-ai__launcher-long {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
} .trpd-ai.is-form-focus:not(.is-open) .trpd-ai__launcher,
.trpd-ai.is-form-near:not(.is-open) .trpd-ai__launcher {
visibility: hidden;
opacity: 0;
pointer-events: none;
} .trpd-ai__form {
grid-template-columns: minmax(0, 1fr) auto auto;
}
.trpd .trpd-ai__mic {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
border: 2px solid var(--trpd-navy);
border-radius: 12px;
background: var(--trpd-white);
color: var(--trpd-navy);
cursor: pointer;
transition: transform 160ms var(--ai-ease), background-color 150ms ease;
}
.trpd .trpd-ai__mic[hidden] {
display: none;
}
.trpd .trpd-ai__mic .trpd-icon {
width: 1.4rem;
height: 1.4rem;
}
.trpd .trpd-ai__mic:active {
transform: scale(0.95);
}
.trpd .trpd-ai__mic:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.trpd-ai__mic-stop,
.trpd-ai.is-recording .trpd-ai__mic-idle {
display: none;
}
.trpd-ai.is-recording .trpd-ai__mic-stop {
display: block;
}
.trpd .trpd-ai.is-recording .trpd-ai__mic {
border-color: #b3261e;
background: #b3261e;
color: #fff;
}
.trpd-ai.is-recording .trpd-ai__input {
border-color: #b3261e;
}
@media (prefers-reduced-motion: no-preference) {
.trpd-ai.is-recording .trpd-ai__mic {
animation: trpd-ai-rec 1.4s ease-in-out infinite;
}
}
@keyframes trpd-ai-rec {
0%, 100% { box-shadow: 0 0 0 0 rgba(179, 38, 30, 0.45); }
50% { box-shadow: 0 0 0 7px rgba(179, 38, 30, 0); }
} .trpd-ai__speak-on,
.trpd-ai__speak[aria-pressed="true"] .trpd-ai__speak-off {
display: none;
}
.trpd-ai__speak[aria-pressed="true"] .trpd-ai__speak-on {
display: block;
}
.trpd .trpd-ai__speak[aria-pressed="true"] {
background: var(--ai-cta-bg);
color: var(--ai-cta-ink);
} .trpd-ai__msg-actions {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
align-self: flex-start;
max-width: 92%;
margin-top: -0.2rem;
}
.trpd .trpd-ai__msg-action {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0.35rem 0.95rem;
border: 2px solid var(--trpd-navy);
border-radius: var(--ai-btn-radius);
background: var(--trpd-white);
color: var(--trpd-navy);
font-size: var(--trpd-fs-sm);
font-weight: 800;
line-height: 1.2;
text-decoration: none;
transition: transform 160ms var(--ai-ease), background-color 150ms ease;
}
.trpd .trpd-ai__msg-action:active {
transform: scale(0.97);
}
.trpd .trpd-ai__msg-action--estimate {
border-color: var(--ai-cta-bg);
background: var(--ai-cta-bg);
color: var(--ai-cta-ink);
}
.trpd .trpd-ai__msg-action:hover {
color: var(--trpd-navy);
text-decoration: underline;
}
.trpd .trpd-ai__msg-action--estimate:hover {
color: var(--ai-cta-ink);
} @media (max-width: 599px) {
.trpd .trpd-ai .trpd-ai__launcher {
width: 54px;
height: 54px;
min-height: 54px;
padding: 0;
justify-content: center;
}
.trpd-ai .trpd-ai__launcher-long {
display: none;
}
.trpd-ai .trpd-ai__launcher-short {
display: inline;
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}
.trpd-ai__form {
gap: 0.4rem;
}
}
@media (prefers-reduced-motion: reduce) {
.trpd .trpd-ai__launcher {
transition: opacity 150ms ease, visibility 150ms;
}
}  .trpd-ai__talkbar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem 0.75rem;
padding: 0.5rem 0.75rem;
border-top: var(--ai-border);
background: var(--ai-bg);
}
.trpd-ai__talkbar[hidden],
.trpd-ai.is-closed .trpd-ai__talkbar {
display: none;
}
.trpd .trpd-ai__talk {
display: inline-flex;
flex: none;
align-items: center;
gap: 0.45rem;
min-height: 44px;
padding: 0.35rem 0.95rem;
border: 2px solid var(--trpd-navy);
border-radius: var(--ai-btn-radius);
background: var(--trpd-white);
color: var(--trpd-navy);
font: inherit;
font-size: var(--trpd-fs-sm);
font-weight: 800;
line-height: 1.2;
cursor: pointer;
transition: transform 160ms var(--ai-ease), background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}
.trpd .trpd-ai__talk .trpd-icon {
flex: none;
width: 1.25rem;
height: 1.25rem;
}
.trpd .trpd-ai__talk:active {
transform: scale(0.97);
}
.trpd .trpd-ai__talk:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.trpd .trpd-ai.is-talking .trpd-ai__talk {
border-color: #b3261e;
background: #b3261e;
color: #fff;
}
.trpd .trpd-ai__talk-state {
display: flex;
flex: 1 1 11rem;
align-items: center;
gap: 0.5rem;
min-width: 0;
margin: 0;
color: var(--ai-muted);
font-size: var(--trpd-fs-sm);
line-height: 1.35;
}
.trpd-ai.is-talking .trpd-ai__talk-state {
color: var(--ai-ink);
font-weight: 700;
} .trpd-ai__talk-level {
display: none;
flex: none;
align-items: center;
gap: 3px;
height: 22px;
}
.trpd-ai.is-talking .trpd-ai__talk-level {
display: inline-flex;
}
.trpd-ai__talk-level > span {
width: 4px;
height: 100%;
border-radius: 2px;
background: var(--trpd-navy);
transform: scaleY(calc(0.2 + var(--trpd-ai-level, 0) * 0.55));
}
.trpd-ai__talk-level > span:nth-child(2),
.trpd-ai__talk-level > span:nth-child(4) {
transform: scaleY(calc(0.2 + var(--trpd-ai-level, 0) * 0.7));
}
.trpd-ai__talk-level > span:nth-child(3) {
transform: scaleY(calc(0.2 + var(--trpd-ai-level, 0) * 0.8));
}
.trpd-ai.is-talk-listen .trpd-ai__talk-level > span {
background: #b3261e;
}
@media (prefers-reduced-motion: no-preference) {
.trpd-ai__talk-level > span {
transition: transform 90ms linear;
}
.trpd-ai.is-talk-think .trpd-ai__talk-level > span,
.trpd-ai.is-talk-speak .trpd-ai__talk-level > span {
animation: trpd-ai-talk 1s ease-in-out infinite;
}
.trpd-ai.is-talk-think .trpd-ai__talk-level > span {
animation-duration: 1.6s;
}
.trpd-ai__talk-level > span:nth-child(2) { animation-delay: -0.8s; }
.trpd-ai__talk-level > span:nth-child(3) { animation-delay: -0.6s; }
.trpd-ai__talk-level > span:nth-child(4) { animation-delay: -0.4s; }
.trpd-ai__talk-level > span:nth-child(5) { animation-delay: -0.2s; }
}
@keyframes trpd-ai-talk {
0%, 100% { transform: scaleY(0.25); }
50% { transform: scaleY(0.85); }
} @media (prefers-reduced-motion: reduce) {
.trpd-ai .trpd-ai__talk-level > span,
.trpd-ai .trpd-ai__talk-level > span:nth-child(n) {
transform: scaleY(0.5);
}
.trpd .trpd-ai__talk {
transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
}
.trpd .trpd-ai__talk:active {
transform: none;
}
}
.trpd-style-vidrio .trpd-ai__talkbar {
border-top: 6px solid #0d0e10;
}
.trpd-style-vidrio .trpd-ai__talkbar:not([hidden]) + .trpd-sr + .trpd-ai__form {
border-top: var(--ai-border);
}