@property --t{syntax:"<number>";inherits:true;initial-value:0}@keyframes pr-time{0%{--t:0}to{--t:1}}.pr-art{width:100%;height:auto;display:block}:where(.pr-art *){fill:none;stroke:#f5f5f58c;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.pr-art .pr-solid{fill:var(--color-brand-light);stroke:none}.pr-fade{opacity:min(clamp(0, calc(var(--t) * 30), 1), clamp(0, calc((.97 - var(--t)) * 30), 1))}
.dv-phone{--dv-bg:#0b141a;--dv-bar:#202c33;--dv-in:#202c33;--dv-out:#005c4b;--dv-text:#e9edef;--dv-muted:#8696a0;--dv-green:#00a884;background:var(--dv-bg);width:19rem;max-width:100%;height:min(40rem,100svh - 8rem);min-height:30rem;color:var(--dv-text);border:6px solid #f5f5f5d9;border-radius:2.6rem;flex-direction:column;margin-inline:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 2.5rem 5rem #0000008c,0 0 0 1px #ffffff0f}.dv-island{z-index:2;background:#000;border-radius:999px;width:5rem;height:1.3rem;position:absolute;top:.55rem;left:50%;translate:-50%}.dv-status{background:var(--dv-bar);justify-content:space-between;align-items:center;padding:.7rem 1.6rem .35rem;font-size:.7rem;font-weight:700;display:flex}.dv-status-icons{align-items:center;gap:.2rem;display:flex}.dv-status-icons i{background:var(--dv-text);border-radius:1px;width:.3rem;height:.5rem;display:block}.dv-status-icons i:nth-child(2){height:.65rem}.dv-status-icons i:nth-child(3){border-radius:2px;width:.9rem;height:.5rem}.dv-head{background:var(--dv-bar);align-items:center;gap:.5rem;padding:.35rem .9rem .6rem .5rem;display:flex}.dv-back{flex:none;width:1.2rem;height:1.2rem}.dv-avatar{width:2.3rem;height:2.3rem;color:var(--color-brand);background:#f5f5f5;border-radius:50%;flex:none;padding:.15rem;display:block}.dv-who{flex:1;min-width:0}.dv-name{align-items:center;gap:.3rem;font-size:.95rem;font-weight:700;line-height:1.2;display:flex}.dv-verified{width:.8rem;height:.8rem;color:var(--dv-green)}.dv-online{color:var(--dv-muted);font-size:.65rem;line-height:1.2}.dv-head-icons{gap:.9rem;display:flex}.dv-head-icon{width:1.2rem;height:1.2rem}.dv-chat{background-color:var(--dv-bg);background-image:radial-gradient(#ffffff0a 1px,#0000 1.3px);background-size:14px 14px;flex:1;min-height:0;position:relative;overflow:hidden}.dv-feed{flex-direction:column;margin:0;padding:0 .75rem .4rem;list-style:none;display:flex;position:absolute;inset:auto 0 0}.dv-day{color:var(--dv-muted);letter-spacing:.08em;text-transform:uppercase;background:#182229;border-radius:.5rem;align-self:center;margin:.4rem 0;padding:.2rem .6rem;font-size:.62rem}.dv-row{grid-template-rows:1fr;display:grid}.dv-clip{min-height:0;overflow:hidden}.dv-pad{padding-block:.25rem;display:flex}.dv-align-out{justify-content:flex-end}.dv-bubble{border-radius:.6rem;max-width:90%;padding:.4rem .55rem .3rem;font-size:.8rem;line-height:1.3}.dv-in{background:var(--dv-in);border-top-left-radius:.15rem}.dv-out{background:var(--dv-out);border-top-right-radius:.15rem}.dv-title{align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}.dv-num{opacity:.85;border:1px solid #e9edef59;border-radius:.3rem;padding:.05rem .3rem;font-size:.58rem}.dv-text{color:#e9edefe0;margin-top:.15rem}.dv-meta{color:#e9edef8c;justify-content:flex-end;align-items:center;gap:.2rem;margin-top:.1rem;font-size:.6rem;display:flex}.dv-ticks{color:#53bdeb;width:.85rem;height:.6rem}.dv-typing{display:none}.dv-dots{background:var(--dv-in);border-radius:.15rem .6rem .6rem;gap:.28rem;padding:.65rem .75rem;display:flex}.dv-dots i{background:var(--dv-muted);border-radius:50%;width:.38rem;height:.38rem;display:block}.dv-input{background:var(--dv-bg);align-items:center;gap:.4rem;padding:.5rem .6rem .2rem;display:flex}.dv-field{background:var(--dv-bar);color:var(--dv-muted);border-radius:999px;flex:1;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.8rem;display:flex}.dv-field-icon{width:1.1rem;height:1.1rem}.dv-mic{background:var(--dv-green);color:#0b141a;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;display:grid}.dv-home{background:#e9edef73;border-radius:999px;width:5rem;height:.25rem;margin:.45rem auto .4rem}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.dv-track{view-timeline:--dv block;min-height:190svh}.dv-stick{position:sticky;top:6.5rem}.dv-typing{display:grid}.dv-msg-1,.dv-msg-2,.dv-msg-3{animation:linear both dv-in;animation-timeline:--dv;animation-duration:auto}.dv-typing-1,.dv-typing-2{animation:linear both dv-typing;animation-timeline:--dv;animation-duration:auto}.dv-msg-1{animation-range:contain 5% contain 17%}.dv-typing-1{animation-range:contain 20% contain 46%}.dv-msg-2{animation-range:contain 42% contain 54%}.dv-typing-2{animation-range:contain 57% contain 83%}.dv-msg-3{animation-range:contain 79% contain 91%}.dv-dots i{animation:1.1s ease-in-out infinite dv-dot}.dv-dots i:nth-child(2){animation-delay:.15s}.dv-dots i:nth-child(3){animation-delay:.3s}@keyframes dv-in{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}@keyframes dv-typing{0%{opacity:0;grid-template-rows:0fr}10%,90%{opacity:1;grid-template-rows:1fr}to{opacity:0;grid-template-rows:0fr}}@keyframes dv-dot{0%,60%,to{opacity:.45;translate:0}30%{opacity:1;translate:0 -.2rem}}}}
