.arrow-component{display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;min-width:20px;min-height:20px}.arrow-component.rounded{border-radius:50%}.arrow-component.square{border-radius:4px}.arrow-component:hover{transform:scale(1.1);opacity:.9}.arrow-component:active{transform:scale(.95)}.arrow-component.inline{vertical-align:middle;margin:0 4px}.chat-scroll-controls{position:fixed;z-index:1000;display:flex;align-items:center;gap:10px;pointer-events:none}.chat-scroll-controls__button{padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto}.chat-scroll-controls__button,.chat-scroll-controls__icon{position:relative;display:flex;align-items:center;justify-content:center}.chat-scroll-controls__icon{box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:50%;transition:box-shadow .2s ease,opacity .2s ease;z-index:2}.chat-scroll-controls__button:hover .chat-scroll-controls__icon{box-shadow:0 4px 12px rgba(0,0,0,.2)}.chat-scroll-controls .arrow-component{transition:none}.chat-scroll-controls .arrow-component:hover{transform:none;opacity:1}.chat-scroll-controls .arrow-component:active{transform:none}.chat-scroll-controls__pulse{position:absolute;top:50%;left:50%;width:32px;height:32px;background:color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:50%;transform:translate(-50%,-50%);animation:chat-scroll-controls-pulse 2s infinite;z-index:1}@keyframes chat-scroll-controls-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}@media (max-width:768px){.chat-scroll-controls{gap:8px}.chat-scroll-controls__pulse{width:28px;height:28px}}