.preview-menu-popover[data-v-aa937ac3], .preview-toolbar-wrapper[data-v-aa937ac3] { font-feature-settings: "palt"; color: rgb(255, 255, 255); }
.preview-toolbar-wrapper[data-v-aa937ac3] { top: unset; right: unset; pointer-events: all; opacity: 1; transition: opacity 0.5s cubic-bezier(0.36, 0.66, 0.04, 1), transform 0.5s cubic-bezier(0.36, 0.66, 0.04, 1), left 0.6s cubic-bezier(0.22, 1.1, 0.5, 1), top 0.6s cubic-bezier(0.22, 1.1, 0.5, 1), right 0.6s cubic-bezier(0.22, 1.1, 0.5, 1), bottom 0.6s cubic-bezier(0.22, 1.1, 0.5, 1), display 0.5s cubic-bezier(0.36, 0.66, 0.04, 1) allow-discrete, overlay 0.5s cubic-bezier(0.36, 0.66, 0.04, 1) allow-discrete; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-direction: column; align-items: flex-start; margin: 0px; padding: 0px; display: flex; position: fixed; bottom: 20px; left: 20px; transform: translate(0px); }
@starting-style {
  .preview-toolbar-wrapper[data-v-aa937ac3] { opacity: 0; transform: translate(-32px); }
}
.preview-toolbar-wrapper[data-v-aa937ac3]:not(:popover-open) { opacity: 0; transform: translate(-32px); }
.preview-toolbar-wrapper.dragging[data-v-aa937ac3] { cursor: grabbing; transition: opacity 0.5s cubic-bezier(0.36, 0.66, 0.04, 1), transform 0.5s cubic-bezier(0.36, 0.66, 0.04, 1), display, overlay; }
.preview-toolbar-wrapper.corner-top-left[data-v-aa937ac3], .preview-toolbar-wrapper.corner-top-right[data-v-aa937ac3] { flex-direction: column-reverse; }
.preview-toolbar-wrapper.corner-bottom-right[data-v-aa937ac3], .preview-toolbar-wrapper.corner-top-right[data-v-aa937ac3] { align-items: flex-end; }
.thread-list-wrapper[data-v-aa937ac3] { background-color: rgba(0, 0, 0, 0); border-radius: 8px; max-height: 40px; margin-bottom: -40px; padding-bottom: 40px; transition: background-color 0.2s cubic-bezier(0.4, 0.4, 0, 1), max-height 0.5s cubic-bezier(0.36, 0.66, 0.04, 1), max-width 0.5s cubic-bezier(0.36, 0.66, 0.04, 1); overflow: hidden; }
.thread-list-wrapper.expanded[data-v-aa937ac3] { background-color: rgb(0, 0, 0); max-height: calc(40px + 50vh); }
.corner-top-left .thread-list-wrapper[data-v-aa937ac3], .corner-top-right .thread-list-wrapper[data-v-aa937ac3] { margin-top: -40px; margin-bottom: 0px; padding-top: 40px; padding-bottom: 0px; }
.corner-top-left .thread-list-panel[data-v-aa937ac3], .corner-top-right .thread-list-panel[data-v-aa937ac3] { border-radius: 0px 0px 8px 8px; }
.thread-list-panel[data-v-aa937ac3] { opacity: 0; background-color: rgb(0, 0, 0); border-radius: 8px 8px 0px 0px; width: 320px; max-height: 50vh; transition: opacity 0.5s cubic-bezier(0.36, 0.66, 0.04, 1), transform 0.5s cubic-bezier(0.36, 0.66, 0.04, 1); overflow: hidden; transform: translateY(100%); }
.thread-list-panel.expanded[data-v-aa937ac3] { opacity: 1; transform: translateY(0px); }
.thread-list-header[data-v-aa937ac3] { border-bottom: 1px solid rgba(255, 255, 255, 0.1); justify-content: space-between; align-items: center; padding: 12px 16px; display: flex; }
.thread-list-header.no-border[data-v-aa937ac3] { border-bottom-color: rgba(0, 0, 0, 0); }
.thread-list-header-actions[data-v-aa937ac3] { align-items: center; gap: 4px; display: flex; }
:is(.thread-list-close, .thread-list-minimize)[data-v-aa937ac3] { cursor: pointer; color: rgb(153, 153, 153); background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0px; display: flex; }
:is(.thread-list-close, .thread-list-minimize)[data-v-aa937ac3]:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); }
:is(.thread-list-close, .thread-list-minimize) svg[data-v-aa937ac3] { width: 20px; height: 20px; }
.thread-list-title[data-v-aa937ac3] { color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; }
.thread-list-body[data-v-aa937ac3] { scrollbar-color: rgb(102, 102, 102) transparent; max-height: calc(-48px + 50vh); transition: max-height 0.2s ease-out; overflow-y: auto; }
.thread-list-body.minimized[data-v-aa937ac3] { max-height: 0px; overflow: hidden; }
.thread-list-empty[data-v-aa937ac3] { color: rgb(102, 102, 102); text-align: center; padding: 32px 20px; font-size: 13px; }
.thread-list-item[data-v-aa937ac3] { cursor: pointer; text-align: left; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; flex-direction: column; align-items: flex-start; width: 100%; padding: 12px 16px; display: flex; }
.thread-list-item[data-v-aa937ac3]:hover { background-color: rgba(255, 255, 255, 0.1); }
.thread-list-avatar[data-v-aa937ac3] { object-fit: cover; border-radius: 50%; width: 24px; height: 24px; }
.thread-list-item-header[data-v-aa937ac3] { align-items: center; gap: 7px; width: 100%; margin-top: 8px; display: flex; }
.thread-list-name[data-v-aa937ac3] { color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; }
.thread-list-date[data-v-aa937ac3] { color: rgb(136, 136, 136); font-size: 11px; }
.thread-list-text[data-v-aa937ac3] { color: rgb(204, 204, 204); -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 6px; font-size: 13px; line-height: 1.4; display: -webkit-box; overflow: hidden; }
.thread-list-page[data-v-aa937ac3] { color: rgb(136, 136, 136); align-items: center; gap: 2px; margin-top: 6px; margin-left: -3px; font-size: 12px; display: flex; }
.thread-list-page-icon[data-v-aa937ac3] { color: rgb(255, 255, 255); }
.toolbar-section[data-v-aa937ac3] { z-index: 1; touch-action: none; background-color: rgb(0, 0, 0); border-radius: 4px; align-items: center; gap: 12px; height: 40px; padding: 0px 12px; transition: padding 0.3s cubic-bezier(0.2, 1, 0.3, 1), gap 0.3s cubic-bezier(0.2, 1, 0.3, 1); display: flex; position: relative; overflow: hidden; }
.corner-bottom-left .thread-list-wrapper.expanded + .toolbar-section[data-v-aa937ac3], .corner-bottom-right .thread-list-wrapper.expanded + .toolbar-section[data-v-aa937ac3] { border-radius: 0px 0px 8px 8px; }
.corner-top-left .thread-list-wrapper.expanded + .toolbar-section[data-v-aa937ac3], .corner-top-right .thread-list-wrapper.expanded + .toolbar-section[data-v-aa937ac3] { border-radius: 8px 8px 0px 0px; }
.preview-toolbar-wrapper[data-v-aa937ac3] { cursor: grab; }
.preview-toolbar-wrapper.dragging[data-v-aa937ac3] { cursor: grabbing; }
.thread-list-body[data-v-aa937ac3] { cursor: default; touch-action: auto; }
.preview-toolbar-logo[data-v-aa937ac3] { color: rgb(255, 255, 255); align-items: center; text-decoration: none; display: flex; }
.preview-toolbar-logo[data-v-aa937ac3]:hover { opacity: 0.8; }
.preview-toolbar-logo-mark[data-v-aa937ac3] { width: 14px; height: 11px; }
.preview-toolbar-logo-full[data-v-aa937ac3] { width: 95px; height: 11px; }
.preview-toolbar-divider[data-v-aa937ac3] { background-color: rgb(255, 255, 255); width: 1px; height: 14px; }
.preview-toolbar-actions[data-v-aa937ac3] { align-items: center; gap: 4px; display: flex; }
.preview-toolbar-actions .preview-toolbar-icon-button[data-v-aa937ac3] { cursor: pointer; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; justify-content: center; align-items: center; width: 28px; height: 28px; padding: 0px; display: flex; position: relative; }
.preview-toolbar-actions .preview-toolbar-icon-button[data-v-aa937ac3]:hover { background-color: rgba(255, 255, 255, 0.1); }
.preview-toolbar-actions .preview-toolbar-icon-button svg[data-v-aa937ac3] { width: 17px; height: 17px; display: block; }
.preview-toolbar-actions .preview-toolbar-icon-button-active[data-v-aa937ac3] { background-color: rgba(255, 255, 255, 0.15); }
.preview-toolbar-actions .preview-toolbar-avatar-button[data-v-aa937ac3] { cursor: pointer; anchor-name: --avatar-button; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; justify-content: center; align-items: center; width: 28px; height: 28px; padding: 0px; display: flex; }
.preview-toolbar-actions .preview-toolbar-avatar-button[data-v-aa937ac3]:hover { background-color: rgba(255, 255, 255, 0.1); }
.preview-toolbar-actions .preview-toolbar-avatar[data-v-aa937ac3] { object-fit: cover; border-radius: 50%; width: 20px; height: 20px; }
.preview-toolbar-actions .preview-toolbar-avatar-placeholder[data-v-aa937ac3] { color: rgb(255, 255, 255); font-size: 11px; font-weight: 600; }
.preview-toolbar-actions .preview-toolbar-login-button[data-v-aa937ac3] { cursor: pointer; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; justify-content: center; align-items: center; height: 22px; padding: 0px 2px; font-size: 11px; font-weight: 600; display: flex; }
.preview-toolbar-actions .preview-toolbar-login-button[data-v-aa937ac3]:hover { background-color: rgba(255, 255, 255, 0.1); }
.preview-menu-popover[data-v-aa937ac3] { inset: unset; color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); border: 1px solid rgba(34, 34, 34, 0.1); border-radius: 6px; padding: 4px; position: fixed; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px -2px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; }
.preview-menu-popover.menu-bottom-left[data-v-aa937ac3] { margin-bottom: 8px; bottom: 60px; left: 20px; }
.preview-menu-popover.menu-bottom-right[data-v-aa937ac3] { margin-bottom: 8px; bottom: 60px; right: 20px; }
.preview-menu-popover.menu-top-left[data-v-aa937ac3] { margin-top: 8px; top: 60px; left: 20px; }
.preview-menu-popover.menu-top-right[data-v-aa937ac3] { margin-top: 8px; top: 60px; right: 20px; }
@supports (anchor-name:--a) {
  .preview-menu-popover[data-v-aa937ac3] { position-anchor: --avatar-button; bottom: anchor(top); left: anchor(left); margin: 0px 0px 8px; }
  .preview-menu-popover.menu-bottom-right[data-v-aa937ac3], .preview-menu-popover.menu-top-right[data-v-aa937ac3] { left: unset; right: anchor(right); }
  .preview-menu-popover.menu-top-left[data-v-aa937ac3], .preview-menu-popover.menu-top-right[data-v-aa937ac3] { bottom: unset; top: anchor(bottom); margin-top: 8px; margin-bottom: 0px; }
}
.preview-menu-popover .preview-menu-item[data-v-aa937ac3] { cursor: pointer; color: rgb(34, 34, 34); text-align: left; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; align-items: center; width: 100%; padding: 8px 12px; font-size: 13px; font-weight: 500; display: flex; }
.preview-menu-popover .preview-menu-item[data-v-aa937ac3]:hover { background-color: rgba(34, 34, 34, 0.05); }