:root{--px-scrubber-height:4px;--px-scrubber-bg:#1a59c81a;--px-scrubber-padding:1em 0;--px-scrubber-progress-bg:#316ace;--px-scrubber-preview-bg:#1a59c854}.px-scrubber{width:100%;padding:var(--px-scrubber-padding);cursor:pointer}.px-scrubber__scrubber{width:100%;height:var(--px-scrubber-height);background:var(--px-scrubber-bg);position:relative}.px-scrubber__progress,.px-scrubber__preview{height:100%;position:absolute;top:0;left:0}.px-scrubber__preview{background:var(--px-scrubber-preview-bg)}.px-scrubber__progress{background:var(--px-scrubber-progress-bg)}.px-gsap-scrubber{align-items:center;gap:.5em;width:100%;padding:.25em 1em;display:flex}.px-gsap-scrubber__button{flex:none}.px-gsap-scrubber__scrubber{flex:1}.px-gsap-scrubber__time{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700}.chat-player{text-align:left;width:100%;height:100%;position:relative}.chat-player--loading{opacity:0}.chat-player__frame-container,.chat-player__items-container{width:100%;max-width:42em}.chat-player__frame-container--wide,.chat-player__items-container--wide{max-width:54em}.chat-player__frame-container{height:100%;position:absolute;left:50%;transform:translate(-50%)}.chat-player--mode-frame .chat-player__items-container{height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%)}.chat-player--mode-stack .chat-player__items-container{position:relative}@media screen and (width<=810px){.chat-player{font-size:clamp(14px,1.053vw,16px)}}.chat-player__frame{border-radius:18px;position:absolute;inset:-1em -1em 0;overflow:hidden}.chat-player--frame-lightblue .chat-player__frame{background-color:#1ba5f812;background-color:var(--theme-section-bg-lightblue)}.chat-player--frame-lightgray .chat-player__frame{background-color:var(--theme-section-bg-gray)}.chat-player__scrubber{--px-scrubber-height:4px;--px-scrubber-bg:#1a59c81a;--px-scrubber-padding:1em 0;--px-scrubber-progress-bg:white;--px-scrubber-preview-bg:#1a59c880;z-index:100;color:#fff;background-color:#000;border-radius:.5em;width:100%;position:absolute;top:100%;left:0}@media screen and (width<=810px){.chat-player__scrubber{z-index:1000000;position:fixed;top:0}}.px-measure-container{opacity:0;pointer-events:none;width:100%;position:absolute;top:0;left:0}.px-measure-container--debug{opacity:1;border:1px dashed red}.px-measure-container__container{width:100%;position:absolute}.px-measure-container__content{position:relative}.scroll-id{opacity:0;width:1px;height:1px;position:absolute;top:-80px}.media-item-animated-chat{width:100%;height:100%;font-size:1em}.media-item-animated-chat--loading{opacity:0}.media-item-animated-chat--loading *{transition:none!important}.media-item-animated-chat{grid-template:"selector""chat"minmax(0,1fr)"controls"/100%;display:grid}.media-item-animated-chat__selector{z-index:1;grid-area:selector;margin-bottom:1em;position:relative}.media-item-animated-chat__chat{grid-area:chat;width:100%;height:100%;transition:height .5s cubic-bezier(.215,.61,.355,1),max-height .5s cubic-bezier(.215,.61,.355,1);position:relative}.media-item-animated-chat__chat-clip{box-sizing:padding-box;padding:3em 2em 4em 6em;position:absolute;inset:-2em -2em -4em -6em;overflow:hidden}.media-item-animated-chat__controls{grid-area:controls;justify-content:center;align-items:center;gap:1em;width:100%;font-size:.75em;display:flex}.media-item-animated-chat__controls button{opacity:.66}.media-item-animated-chat__controls button:hover{opacity:1}.media-item-animated-chat__measure{width:100%;height:100px}.media-item-animated-chat__measure-grid{border:2px solid red;grid-template-rows:auto;grid-template-columns:100%;display:grid}.media-item-animated-chat__measure-grid>*{grid-area:1/1;align-self:flex-start}.media-item-animated-chat__measure-player{height:auto}