.tk-demo{min-width:0;color:var(--welcome-ink);justify-self:end;width:100%;max-width:510px}.tk-demo__stage{padding-left:160px;position:relative}.tk-demo__controls{align-items:center;gap:4px;margin:0 0 .8rem 160px;display:flex}.tk-phone__tabs{border-bottom:1px solid var(--welcome-line);flex:1;min-width:0;display:flex}.tk-phone__tab{min-height:44px;color:var(--welcome-muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;padding:.55rem .3rem;font-size:.9rem;font-weight:700;transition:color .18s,border-color .18s}.tk-phone__tab:hover,.tk-phone__tab[aria-selected=true]{border-bottom-color:var(--tk-ember);color:var(--tk-ember)}.tk-phone__tab{position:relative}.tk-phone__tab[aria-selected=true]{border-bottom-color:#0000}.tk-phone__progress{background:#dfb6a9;height:3px;position:absolute;bottom:-3px;left:0;right:0;overflow:hidden}.tk-phone__progress>span{background:var(--tk-ember);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.tk-demo__playback{width:44px;height:44px;color:var(--welcome-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:grid}.tk-demo__playback:hover{color:var(--tk-ember);background:var(--welcome-mint)}.tk-demo__character{z-index:2;pointer-events:none;width:160px;position:absolute;top:155px;left:0}.tk-demo__character .tk-tochi--peek{display:block;position:relative}.tk-demo__character .tk-tochi--peek img{width:116px;max-width:none;height:auto;margin-left:52px;display:block}.tk-demo__character .tk-tochi--peek p{border-radius:14px 14px 3px;width:150px;max-width:none;padding:.7rem .8rem;font-size:.875rem;position:absolute;top:58px;left:-64px}.tk-demo__character .tk-tochi--peek p:after{content:"";background:#fffaf6;border-top:1px solid #e2d4c8;border-right:1px solid #e2d4c8;width:10px;height:10px;position:absolute;top:20px;right:-6px;transform:rotate(45deg)}.tk-phone{z-index:1;background:#233831;border-radius:42px;width:100%;min-width:0;padding:8px;position:relative;box-shadow:0 16px 28px #182d291c}.tk-phone__screen{background:#fff;border-radius:34px;flex-direction:column;min-height:620px;display:flex;overflow:hidden}.tk-phone__hardware{background:var(--welcome-mint);flex:none;justify-content:center;align-items:center;height:32px;display:flex}.tk-phone__hardware span{background:#233831;border-radius:8px;width:65px;height:6px;display:block}.tk-phone__conversation{flex-direction:column;flex:1;transition:opacity .18s,transform .18s;animation:.42s cubic-bezier(.16,1,.3,1) tk-venue-enter;display:flex}.tk-phone__conversation.is-leaving{opacity:0;transform:translate(-8px)}.tk-phone__bar{border-bottom:1px solid var(--welcome-line);background:var(--welcome-mint);flex-direction:column;gap:.2rem;padding:.65rem 1.15rem 1rem;display:flex}.tk-phone__brand{font-size:1rem;font-weight:750}.tk-phone__venue{color:var(--welcome-muted);font-size:.8125rem}.tk-phone__body{flex:1;padding:1rem}.tk-phone__body:focus-visible{outline:3px solid var(--tk-ember);outline-offset:-4px}.tk-phone__welcome{color:var(--welcome-muted);margin:0 0 1rem;font-size:.8125rem}.tk-phone__messages{gap:1rem;display:grid}.tk-phone__message{max-width:96%;margin:0;padding:.8rem .9rem;font-size:1rem;line-height:1.5;animation:.54s cubic-bezier(.16,1,.3,1) both tk-message-enter}.tk-phone__message--visitor{color:var(--welcome-ink);background:#e8f0eb;border-radius:16px 16px 3px;justify-self:end;animation-delay:50ms}.tk-phone__message--guide{color:var(--welcome-ink);background:#f7f7f3;border-radius:3px 16px 16px;justify-self:start;animation-delay:.17s}.tk-phone__composer{border:1px solid var(--welcome-line);min-height:46px;color:var(--welcome-muted);border-radius:23px;justify-content:space-between;align-items:center;gap:1rem;margin:.5rem .85rem .6rem;padding:.6rem .85rem;font-size:.8125rem;display:flex}.tk-phone__composer svg{color:var(--welcome-forest);flex:none}.tk-phone__home{background:#233831;border-radius:4px;width:95px;height:4px;margin:4px auto 9px}@keyframes tk-venue-enter{0%{opacity:.35;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes tk-message-enter{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px) and (min-width:901px){.tk-demo{max-width:390px}.tk-demo__stage{padding-left:96px}.tk-demo__controls{margin-left:96px}.tk-demo__character{width:96px}.tk-demo__character .tk-tochi--peek img{width:100px;margin-left:4px}.tk-demo__character .tk-tochi--peek p{width:126px;font-size:.8125rem;top:48px;left:-90px}}@media (max-width:900px){.tk-demo{align-self:center;max-width:350px}.tk-demo__stage{padding-left:0}.tk-demo__controls{margin-left:0}.tk-phone{max-width:350px;margin-inline:auto}.tk-demo__character{display:none}}@media (max-width:360px){.tk-phone__screen{min-height:690px}.tk-phone__body{padding:.85rem}}@media (prefers-reduced-motion:reduce){.tk-phone__conversation,.tk-phone__message{transition:none;animation:none}.tk-phone__tab{transition:none}.tk-phone__progress>span{transform:scaleX(1)}}