:root{--ht-panel-w:520px;--ht-panel-transition:300ms;--ht-panel-ease:cubic-bezier(0.25,0.46,0.45,0.94)}@media (min-width:1280px){:root{--ht-panel-w:640px}}.ht-detail-panel{-webkit-font-smoothing:antialiased;background-color:#fff;border-left:1px solid #e5e7eb;bottom:0;box-shadow:-8px 0 24px -8px rgba(0,0,0,.12);box-sizing:border-box;display:flex;flex-direction:column;max-width:100vw;overscroll-behavior:contain;pointer-events:none;position:fixed;right:0;top:0;transform:translate3d(100%,0,0);transition:transform var(--ht-panel-transition) var(--ht-panel-ease),visibility 0s linear var(--ht-panel-transition);visibility:hidden;width:var(--ht-panel-w);will-change:transform;z-index:56}.ht-detail-panel.is-open{pointer-events:auto;transform:translateZ(0);transition:transform var(--ht-panel-transition) var(--ht-panel-ease),visibility 0s linear;visibility:visible}@media (prefers-reduced-motion:reduce){.ht-detail-panel,.ht-detail-panel.is-open{transition:none}}.ht-detail-panel__header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;box-sizing:border-box;display:flex;flex-shrink:0;gap:.75rem;height:60px;padding:0 1.25rem}.ht-detail-panel__header #ht-panel-header-slot:not(:empty){align-self:center;flex:0 0 auto}.ht-detail-panel__body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.25rem}.ht-detail-panel__footer{background-color:#fff;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:.75rem;padding:.875rem 1.25rem}#ht-panel-header-slot:empty,.ht-detail-panel__footer:empty{display:none}@media (max-width:767.98px){.ht-detail-panel{border-left:0;box-shadow:none;width:100%}.ht-detail-panel__footer{padding-bottom:calc(.875rem + env(safe-area-inset-bottom))}}.ht-detail-panel-scrim{background-color:rgba(15,23,42,.4);inset:0;position:fixed;transition:opacity .2s ease-out;z-index:55}@media (min-width:1024px){.ht-detail-panel-scrim{display:none}}.ht-detail-panel-scrim-enter-from,.ht-detail-panel-scrim-leave-to{opacity:0}@media (min-width:1024px){body.ht-panel-open #ht-main-col{padding-right:var(--ht-panel-w)}}.ht-panel-body-leave-active{transition:opacity var(--ht-panel-transition) ease-in}.ht-panel-body-leave-to{opacity:1}#chatra{transition:right var(--ht-panel-transition,.3s) var(--ht-panel-ease,ease)!important}body.ht-panel-open #chatra{right:calc(var(--ht-panel-w, 520px) + 1rem)!important}.ht-detail-panel:focus{outline:none}