.ht-home .ht-inbox-screen{background:var(--ht-white);box-shadow:0 0 0 1px var(--ht-night-10), 0 40px 80px -40px color-mix(in display-p3, var(--ht-indigo) 45%, transparent);color:var(--ht-night);text-align:left;border-radius:24px;overflow:hidden;container:ht-inbox-screen/inline-size}.ht-home .ht-inbox-screen__app{--ht-inbox-zoom:1;--ht-inbox-height:640px;zoom:var(--ht-inbox-zoom);font-family:Object Sans,system-ui,-apple-system,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}.ht-home :is(.ht-inbox-screen__app,.ht-inbox-tools__visual) .dropdown-list{margin-block:.5rem}.ht-home :is(.ht-inbox-screen__app,.ht-inbox-tools__visual) .ml-3{margin-left:.75rem}.ht-home :is(.ht-inbox-screen__app,.ht-inbox-tools__visual) .mt-5{margin-top:1.25rem}.ht-home :is(.ht-inbox-screen__app,.ht-inbox-tools__visual) .mb-0\.5{margin-bottom:.125rem}.ht-home .ht-inbox-screen__nav{height:75px}.ht-home .ht-inbox-screen__logo{width:150px;height:auto}.ht-home .ht-inbox-screen__logo-icon,.ht-home .ht-inbox-screen__icon{display:none}.ht-home .ht-inbox-screen__panels{height:var(--ht-inbox-height);-moz-column-gap:16px;justify-content:center;column-gap:16px;padding-top:16px;display:flex}.ht-home .ht-inbox-screen__list{flex:100%;min-width:0;max-width:25%;overflow-y:clip}.ht-home .ht-inbox-screen__rows{padding-left:4px}.ht-home .ht-inbox-screen__row{border-radius:20px}.ht-home .ht-inbox-screen__search{color:var(--night-40);white-space:nowrap}.ht-home .ht-inbox-screen__conversation{flex:100%;min-width:0;max-width:75%}.ht-home .ht-inbox-screen__thread{flex:none;width:66.6667%}.ht-home .ht-inbox-screen__customer{flex:none;width:33.3333%}.ht-home .ht-inbox-screen__panels>:only-child,.ht-home .ht-inbox-screen__conversation>:only-child{width:100%;max-width:100%}.ht-home .ht-inbox-screen__thread-head{z-index:30;flex:none}.ht-home .ht-inbox-screen__chat{flex:auto;justify-content:flex-end;overflow:hidden}.ht-home .ht-inbox-screen__composer{flex:none}.ht-home .ht-inbox-screen__placeholder{color:var(--night-40)}.ht-home .ht-inbox-screen__assign{width:320px;box-shadow:0 4px 6px -1px color-mix(in srgb, var(--night) 10%, transparent), 0 2px 4px -2px color-mix(in srgb, var(--night) 10%, transparent);position:absolute;top:calc(100% - 12px);right:24px}.ht-home .ht-inbox-screen__fab{position:absolute;bottom:24px;right:24px}.ht-home .ht-inbox-screen [data-step=note],.ht-home .ht-inbox-screen [data-step$=_typing],.ht-home .ht-inbox-screen .ht-inbox-screen__assign,.ht-home .ht-inbox-screen .ht-inbox-screen__owner--ai,.ht-home .ht-inbox-screen .ht-inbox-screen__pill--sla,.ht-home .ht-inbox-screen .ht-inbox-screen__pill--queue,.ht-home .ht-inbox-screen .ht-inbox-screen__count--late,.ht-home .ht-inbox-screen .ht-inbox-screen__contact{display:none}.ht-home .ht-inbox-screen .conversation-labels-carousel:not(:has(.ht-inbox-screen__pill--label)){display:none}@container ht-inbox-screen (width<=1099px){.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__app{--ht-inbox-zoom:.9}}@container ht-inbox-screen (width<=999px){.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__app{--ht-inbox-zoom:.82}}@container ht-inbox-screen (width<=899px){.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__app{--ht-inbox-zoom:.72}}@container ht-inbox-screen (width<=719px){.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__logo,.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__label,.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__account>:first-child{display:none}.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__logo-icon,.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__icon{display:block}.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__panels{padding-right:16px}.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__list{max-width:33.3333%}.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__conversation{max-width:66.6667%}.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__thread{width:100%}.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__customer,.ht-home .ht-inbox-screen[data-panels="list thread customer"][data-stop=customer] .ht-inbox-screen__list{display:none}.ht-home .ht-inbox-screen[data-panels="list thread customer"][data-stop=customer] .ht-inbox-screen__conversation{max-width:100%}.ht-home .ht-inbox-screen[data-panels="list thread customer"][data-stop=customer] .ht-inbox-screen__thread{width:66.6667%}.ht-home .ht-inbox-screen[data-panels="list thread customer"][data-stop=customer] .ht-inbox-screen__customer{display:flex}}@container ht-inbox-screen (width<=519px){.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__app{--ht-inbox-zoom:.9;--ht-inbox-height:660px}.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__nav,.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__list,.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__customer{display:none}.ht-home .ht-inbox-screen[data-panels="list thread customer"] .ht-inbox-screen__conversation{max-width:100%}.ht-home .ht-inbox-screen__app{--ht-inbox-zoom:.9}.ht-home .ht-inbox-screen__panels{padding-top:0}.ht-home .ht-inbox-screen__thread{border:0;border-radius:0;width:100%;margin-bottom:0;padding:8px 8px 0}.ht-home .ht-inbox-screen__thread-head{padding-inline:0}.ht-home .ht-inbox-screen__thread-head>section{border:1px solid var(--night-10);background:var(--ht-white);border-radius:20px;gap:12px;padding:16px}.ht-home .ht-inbox-screen__thread-head>section>section,.ht-home .ht-inbox-screen__thread-head>section>section>div{gap:8px}.ht-home .ht-inbox-screen__thread-head .ht-inbox-screen__contact{display:flex}.ht-home .ht-inbox-screen__chat{padding-inline:16px}.ht-home .ht-inbox-screen__composer>div{padding-inline:0}.ht-home .ht-inbox-screen__assign{right:8px}}.ht-home .ht-inbox-screen:not([data-panels="list thread customer"]) .ht-inbox-screen__panels{padding-top:0}.ht-home .ht-inbox-screen[data-panels=thread] .ht-inbox-screen__app{--ht-inbox-height:560px}.ht-home .ht-inbox-screen[data-panels=thread] .ht-inbox-screen__thread{border:0;border-radius:0;margin-bottom:0}.ht-home .ht-inbox-screen[data-panels=list] .ht-inbox-screen__panels,.ht-home .ht-inbox-screen[data-panels=customer] .ht-inbox-screen__panels{height:auto}.ht-home .ht-inbox-screen[data-panels=list] .ht-inbox-screen__panels{padding:8px 8px 12px 0}.ht-home .ht-inbox-screen[data-panels=list] .ht-inbox-screen__nav>ul{justify-content:flex-start;gap:40px}.ht-home .ht-inbox-screen[data-panels=list] .ht-inbox-screen__link,.ht-home .ht-inbox-screen[data-panels=list] .ht-inbox-screen__account,.ht-home .ht-inbox-screen[data-panels=list] .ht-inbox-screen__row:nth-child(n+6){display:none}.ht-home .ht-inbox-screen[data-panels=customer] .ht-inbox-screen__customer{width:min(100%,400px);margin-inline:auto;padding-block:24px 8px}.ht-home .ht-inbox-screen[data-panels=customer] .ht-inbox-screen__fab{display:none}.ht-home .ht-inbox-screen:is([data-stop=channels],[data-stop=ai]) .ht-inbox-screen__owner--ai{display:flex}.ht-home .ht-inbox-screen:is([data-stop=channels],[data-stop=ai]) .ht-inbox-screen__owner--person,.ht-home .ht-inbox-screen:is([data-stop=channels],[data-stop=ai]) [data-step=assigned],.ht-home .ht-inbox-screen:is([data-stop=channels],[data-stop=ai]) [data-step=agent],.ht-home .ht-inbox-screen[data-stop=channels] [data-step=ai],.ht-home .ht-inbox-screen[data-stop=channels] [data-step=summary]{display:none}.ht-home .ht-inbox-screen[data-stop=team] [data-step=note]{display:flex}.ht-home .ht-inbox-screen[data-stop=assignment] .ht-inbox-screen__assign{display:block}.ht-home .ht-inbox-screen[data-stop=assignment] .ht-inbox-screen__pill--queue{display:inline-flex}.ht-home .ht-inbox-screen[data-stop=assignment] .conversation-labels-carousel:has(.ht-inbox-screen__pill--queue){display:block}.ht-home .ht-inbox-screen[data-stop=on_time] .ht-inbox-screen__pill--sla{display:inline-flex}.ht-home .ht-inbox-screen[data-stop=on_time] .conversation-labels-carousel:has(.ht-inbox-screen__pill--sla){display:block}.ht-home .ht-inbox-screen[data-stop=on_time] .ht-inbox-screen__count{display:none}.ht-home .ht-inbox-screen[data-stop=on_time] .ht-inbox-screen__count--late{display:flex}.ht-home .ht-inbox-screen__conversation[hidden],.ht-home .ht-inbox-screen__row[data-active=true] .ht-inbox-screen__unread{display:none}.ht-home .ht-inbox-screen--window{border-radius:32px;padding:16px}@container ht-inbox-screen (width>=720px){.ht-home .ht-inbox-screen--window[data-panels="list thread customer"] .ht-inbox-screen__app{--ht-inbox-zoom:.75;--ht-inbox-height:853px}}@container ht-inbox-screen (720px<=width<=1099px){.ht-home .ht-inbox-screen--window[data-panels="list thread customer"] .ht-inbox-screen__app{--ht-inbox-zoom:.7}}@container ht-inbox-screen (720px<=width<=999px){.ht-home .ht-inbox-screen--window[data-panels="list thread customer"] .ht-inbox-screen__app{--ht-inbox-zoom:.66}}@container ht-inbox-screen (720px<=width<=899px){.ht-home .ht-inbox-screen--window[data-panels="list thread customer"] .ht-inbox-screen__app{--ht-inbox-zoom:.62}}@media (width<=767px){.ht-home .ht-inbox-screen--window{border-radius:28px;padding:8px}}@media (prefers-reduced-motion:reduce){.ht-home .ht-inbox-screen *{transition:none!important;animation:none!important}}