body { visibility: visible; overflow: auto; opacity: 1; } .spacer-36px { height: 36px; } .ed-icon-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; } .ed-icon-xs { font-size: 0.75em; } .ed-icon-sm { font-size: 0.875em; } .ed-icon-1x { font-size: 1em; } .ed-icon-2x { font-size: 2em; } .ed-icon-3x { font-size: 3em; } .ed-icon-4x { font-size: 4em; } .ed-icon-5x { font-size: 5em; } .ed-icon-6x { font-size: 6em; } .ed-icon-7x { font-size: 7em; } .ed-icon-8x { font-size: 8em; } .ed-icon-9x { font-size: 9em; } .ed-icon-10x { font-size: 10em; } .ed-icon-fw { text-align: center; width: 1.25em; } .ed-icon-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .ed-icon-pull-left { float: left; } .ed-icon-pull-right { float: right; } .ed-icon.ed-icon-pull-left { margin-right: 0.3em; } .ed-icon.ed-icon-pull-right { margin-left: 0.3em; } .ed-icon-right { margin-right: 0; } .ed-icon-left { margin-left: 0; } :where(.css-hzdm0h) a { color: #1677ff; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: color 0.3s; -webkit-text-decoration-skip: objects; } :where(.css-hzdm0h) a:hover { color: #69b1ff; } :where(.css-hzdm0h) a:active { color: #0958d9; } :where(.css-hzdm0h) a:active, :where(.css-hzdm0h) a:hover { text-decoration: none; outline: 0; } :where(.css-hzdm0h) a:focus { text-decoration: none; outline: 0; } :where(.css-hzdm0h) a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } :where(.css-hzdm0h).ant-popover { box-sizing: border-box; margin: 0; padding: 0; color: #212B36; font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; position: absolute; top: 0; left: 0; z-index: 1030; font-weight: normal; white-space: normal; text-align: start; cursor: auto; user-select: text; transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%); --antd-arrow-background-color: #ffffff; } :where(.css-hzdm0h).ant-popover-rtl { direction: rtl; } :where(.css-hzdm0h).ant-popover-hidden { display: none; } :where(.css-hzdm0h).ant-popover .ant-popover-content { position: relative; } :where(.css-hzdm0h).ant-popover .ant-popover-inner { background-color: #ffffff; background-clip: padding-box; border-radius: 8px; box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05); padding: 12px; } :where(.css-hzdm0h).ant-popover .ant-popover-title { min-width: 177px; margin-bottom: 8px; color: #212B36; font-weight: 600; border-bottom: none; padding: 0; } :where(.css-hzdm0h).ant-popover .ant-popover-inner-content { color: #212B36; padding: 0; } :where(.css-hzdm0h).ant-popover .ant-popover-arrow { position: absolute; z-index: 1; display: block; pointer-events: none; width: 16px; height: 16px; overflow: hidden; } :where(.css-hzdm0h).ant-popover .ant-popover-arrow::before { position: absolute; bottom: 0; inset-inline-start: 0; width: 16px; height: 8px; background: var(--antd-arrow-background-color); clip-path: polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%); clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z'); content: ""; } :where(.css-hzdm0h).ant-popover .ant-popover-arrow::after { content: ""; position: absolute; width: 8.970562748477143px; height: 8.970562748477143px; bottom: 0; inset-inline: 0; margin: auto; border-radius: 0 0 2px 0; transform: translateY(50%) rotate(-135deg); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05); z-index: 0; background: transparent; } :where(.css-hzdm0h).ant-popover .ant-popover-arrow:before { background: var(--antd-arrow-background-color); } :where(.css-hzdm0h).ant-popover-placement-top .ant-popover-arrow, :where(.css-hzdm0h).ant-popover-placement-topLeft .ant-popover-arrow, :where(.css-hzdm0h).ant-popover-placement-topRight .ant-popover-arrow { bottom: 0; transform: translateY(100%) rotate(180deg); } :where(.css-hzdm0h).ant-popover-placement-top .ant-popover-arrow { left: 50%; transform: translateX(-50%) translateY(100%) rotate(180deg); } :where(.css-hzdm0h).ant-popover-placement-topLeft .ant-popover-arrow { left: 12px; } :where(.css-hzdm0h).ant-popover-placement-topRight .ant-popover-arrow { right: 12px; } :where(.css-hzdm0h).ant-popover-placement-bottom .ant-popover-arrow, :where(.css-hzdm0h).ant-popover-placement-bottomLeft .ant-popover-arrow, :where(.css-hzdm0h).ant-popover-placement-bottomRight .ant-popover-arrow { top: 0; transform: translateY(-100%); } :where(.css-hzdm0h).ant-popover-placement-bottom .ant-popover-arrow { left: 50%; transform: translateX(-50%) translateY(-100%); } :where(.css-hzdm0h).ant-popover-placement-bottomLeft .ant-popover-arrow { left: 12px; } :where(.css-hzdm0h).ant-popover-placement-bottomRight .ant-popover-arrow { right: 12px; } :where(.css-hzdm0h).ant-popover-placement-left .ant-popover-arrow, :where(.css-hzdm0h).ant-popover-placement-leftTop .ant-popover-arrow, :where(.css-hzdm0h).ant-popover-placement-leftBottom .ant-popover-arrow { right: 0; transform: translateX(100%) rotate(90deg); } :where(.css-hzdm0h).ant-popover-placement-left .ant-popover-arrow { top: 50%; transform: translateY(-50%) translateX(100%) rotate(90deg); } :where(.css-hzdm0h).ant-popover-placement-leftTop .ant-popover-arrow { top: 8px; } :where(.css-hzdm0h).ant-popover-placement-leftBottom .ant-popover-arrow { bottom: 8px; } :where(.css-hzdm0h).ant-popover-placement-right .ant-popover-arrow, :where(.css-hzdm0h).ant-popover-placement-rightTop .ant-popover-arrow, :where(.css-hzdm0h).ant-popover-placement-rightBottom .ant-popover-arrow { left: 0; transform: translateX(-100%) rotate(-90deg); } :where(.css-hzdm0h).ant-popover-placement-right .ant-popover-arrow { top: 50%; transform: translateY(-50%) translateX(-100%) rotate(-90deg); } :where(.css-hzdm0h).ant-popover-placement-rightTop .ant-popover-arrow { top: 8px; } :where(.css-hzdm0h).ant-popover-placement-rightBottom .ant-popover-arrow { bottom: 8px; } :where(.css-hzdm0h).ant-popover-pure { position: relative; max-width: none; margin: 16px; display: inline-block; } :where(.css-hzdm0h).ant-popover-pure .ant-popover-content { display: inline-block; } :where(.css-hzdm0h).ant-popover.ant-popover-blue { --antd-arrow-background-color: #1677ff; } :where(.css-hzdm0h).ant-popover.ant-popover-blue .ant-popover-inner { background-color: #1677ff; } :where(.css-hzdm0h).ant-popover.ant-popover-blue .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-purple { --antd-arrow-background-color: #722ed1; } :where(.css-hzdm0h).ant-popover.ant-popover-purple .ant-popover-inner { background-color: #722ed1; } :where(.css-hzdm0h).ant-popover.ant-popover-purple .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-cyan { --antd-arrow-background-color: #13c2c2; } :where(.css-hzdm0h).ant-popover.ant-popover-cyan .ant-popover-inner { background-color: #13c2c2; } :where(.css-hzdm0h).ant-popover.ant-popover-cyan .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-green { --antd-arrow-background-color: #52c41a; } :where(.css-hzdm0h).ant-popover.ant-popover-green .ant-popover-inner { background-color: #52c41a; } :where(.css-hzdm0h).ant-popover.ant-popover-green .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-magenta { --antd-arrow-background-color: #eb2f96; } :where(.css-hzdm0h).ant-popover.ant-popover-magenta .ant-popover-inner { background-color: #eb2f96; } :where(.css-hzdm0h).ant-popover.ant-popover-magenta .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-pink { --antd-arrow-background-color: #eb2f96; } :where(.css-hzdm0h).ant-popover.ant-popover-pink .ant-popover-inner { background-color: #eb2f96; } :where(.css-hzdm0h).ant-popover.ant-popover-pink .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-red { --antd-arrow-background-color: #f5222d; } :where(.css-hzdm0h).ant-popover.ant-popover-red .ant-popover-inner { background-color: #f5222d; } :where(.css-hzdm0h).ant-popover.ant-popover-red .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-orange { --antd-arrow-background-color: #fa8c16; } :where(.css-hzdm0h).ant-popover.ant-popover-orange .ant-popover-inner { background-color: #fa8c16; } :where(.css-hzdm0h).ant-popover.ant-popover-orange .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-yellow { --antd-arrow-background-color: #fadb14; } :where(.css-hzdm0h).ant-popover.ant-popover-yellow .ant-popover-inner { background-color: #fadb14; } :where(.css-hzdm0h).ant-popover.ant-popover-yellow .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-volcano { --antd-arrow-background-color: #fa541c; } :where(.css-hzdm0h).ant-popover.ant-popover-volcano .ant-popover-inner { background-color: #fa541c; } :where(.css-hzdm0h).ant-popover.ant-popover-volcano .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-geekblue { --antd-arrow-background-color: #2f54eb; } :where(.css-hzdm0h).ant-popover.ant-popover-geekblue .ant-popover-inner { background-color: #2f54eb; } :where(.css-hzdm0h).ant-popover.ant-popover-geekblue .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-lime { --antd-arrow-background-color: #a0d911; } :where(.css-hzdm0h).ant-popover.ant-popover-lime .ant-popover-inner { background-color: #a0d911; } :where(.css-hzdm0h).ant-popover.ant-popover-lime .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-popover.ant-popover-gold { --antd-arrow-background-color: #faad14; } :where(.css-hzdm0h).ant-popover.ant-popover-gold .ant-popover-inner { background-color: #faad14; } :where(.css-hzdm0h).ant-popover.ant-popover-gold .ant-popover-arrow { background: transparent; } :where(.css-hzdm0h).ant-zoom-big-enter, :where(.css-hzdm0h).ant-zoom-big-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-hzdm0h).ant-zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-hzdm0h).ant-zoom-big-enter.ant-zoom-big-enter-active, :where(.css-hzdm0h).ant-zoom-big-appear.ant-zoom-big-appear-active { animation-name: css-hzdm0h-antZoomBigIn; animation-play-state: running; } :where(.css-hzdm0h).ant-zoom-big-leave.ant-zoom-big-leave-active { animation-name: css-hzdm0h-antZoomBigOut; animation-play-state: running; pointer-events: none; } :where(.css-hzdm0h).ant-zoom-big-enter, :where(.css-hzdm0h).ant-zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } :where(.css-hzdm0h).ant-zoom-big-enter-prepare, :where(.css-hzdm0h).ant-zoom-big-appear-prepare { transform: none; } :where(.css-hzdm0h).ant-zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } @keyframes css-hzdm0h-antZoomBigIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } :where(.css-hzdm0h).ant-tooltip { box-sizing: border-box; margin: 0; padding: 0; color: #212B36; font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; position: absolute; z-index: 1070; display: block; width: max-content; max-width: 250px; visibility: visible; transform-origin: var(--arrow-x, 50%) var(--arrow-y, 50%); --antd-arrow-background-color: rgba(0, 0, 0, 0.85); } :where(.css-hzdm0h).ant-tooltip-hidden { display: none; } :where(.css-hzdm0h).ant-tooltip .ant-tooltip-inner { min-width: 32px; min-height: 32px; padding: 6px 8px; color: #fff; text-align: start; text-decoration: none; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.85); border-radius: 6px; box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05); box-sizing: border-box; } :where(.css-hzdm0h).ant-tooltip-placement-left .ant-tooltip-inner, :where(.css-hzdm0h).ant-tooltip-placement-leftTop .ant-tooltip-inner, :where(.css-hzdm0h).ant-tooltip-placement-leftBottom .ant-tooltip-inner, :where(.css-hzdm0h).ant-tooltip-placement-right .ant-tooltip-inner, :where(.css-hzdm0h).ant-tooltip-placement-rightTop .ant-tooltip-inner, :where(.css-hzdm0h).ant-tooltip-placement-rightBottom .ant-tooltip-inner { border-radius: 6px; } :where(.css-hzdm0h).ant-tooltip .ant-tooltip-content { position: relative; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-blue .ant-tooltip-inner { background-color: #1677ff; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-blue .ant-tooltip-arrow { --antd-arrow-background-color: #1677ff; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-purple .ant-tooltip-inner { background-color: #722ed1; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-purple .ant-tooltip-arrow { --antd-arrow-background-color: #722ed1; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-cyan .ant-tooltip-inner { background-color: #13c2c2; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-cyan .ant-tooltip-arrow { --antd-arrow-background-color: #13c2c2; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-green .ant-tooltip-inner { background-color: #52c41a; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-green .ant-tooltip-arrow { --antd-arrow-background-color: #52c41a; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-magenta .ant-tooltip-inner { background-color: #eb2f96; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-magenta .ant-tooltip-arrow { --antd-arrow-background-color: #eb2f96; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-pink .ant-tooltip-inner { background-color: #eb2f96; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-pink .ant-tooltip-arrow { --antd-arrow-background-color: #eb2f96; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-red .ant-tooltip-inner { background-color: #f5222d; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-red .ant-tooltip-arrow { --antd-arrow-background-color: #f5222d; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-orange .ant-tooltip-inner { background-color: #fa8c16; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-orange .ant-tooltip-arrow { --antd-arrow-background-color: #fa8c16; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-yellow .ant-tooltip-inner { background-color: #fadb14; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-yellow .ant-tooltip-arrow { --antd-arrow-background-color: #fadb14; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-volcano .ant-tooltip-inner { background-color: #fa541c; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-volcano .ant-tooltip-arrow { --antd-arrow-background-color: #fa541c; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-geekblue .ant-tooltip-inner { background-color: #2f54eb; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-geekblue .ant-tooltip-arrow { --antd-arrow-background-color: #2f54eb; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-lime .ant-tooltip-inner { background-color: #a0d911; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-lime .ant-tooltip-arrow { --antd-arrow-background-color: #a0d911; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-gold .ant-tooltip-inner { background-color: #faad14; } :where(.css-hzdm0h).ant-tooltip.ant-tooltip-gold .ant-tooltip-arrow { --antd-arrow-background-color: #faad14; } :where(.css-hzdm0h).ant-tooltip-rtl { direction: rtl; } :where(.css-hzdm0h).ant-tooltip .ant-tooltip-arrow { position: absolute; z-index: 1; display: block; pointer-events: none; width: 16px; height: 16px; overflow: hidden; } :where(.css-hzdm0h).ant-tooltip .ant-tooltip-arrow::before { position: absolute; bottom: 0; inset-inline-start: 0; width: 16px; height: 8px; background: var(--antd-arrow-background-color); clip-path: polygon(1.6568542494923806px 100%, 50% 1.6568542494923806px, 14.34314575050762px 100%, 1.6568542494923806px 100%); clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z'); content: ""; } :where(.css-hzdm0h).ant-tooltip .ant-tooltip-arrow::after { content: ""; position: absolute; width: 8.970562748477143px; height: 8.970562748477143px; bottom: 0; inset-inline: 0; margin: auto; border-radius: 0 0 2px 0; transform: translateY(50%) rotate(-135deg); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05); z-index: 0; background: transparent; } :where(.css-hzdm0h).ant-tooltip .ant-tooltip-arrow:before { background: var(--antd-arrow-background-color); } :where(.css-hzdm0h).ant-tooltip-placement-top .ant-tooltip-arrow, :where(.css-hzdm0h).ant-tooltip-placement-topLeft .ant-tooltip-arrow, :where(.css-hzdm0h).ant-tooltip-placement-topRight .ant-tooltip-arrow { bottom: 0; transform: translateY(100%) rotate(180deg); } :where(.css-hzdm0h).ant-tooltip-placement-top .ant-tooltip-arrow { left: 50%; transform: translateX(-50%) translateY(100%) rotate(180deg); } :where(.css-hzdm0h).ant-tooltip-placement-topLeft .ant-tooltip-arrow { left: 12px; } :where(.css-hzdm0h).ant-tooltip-placement-topRight .ant-tooltip-arrow { right: 12px; } :where(.css-hzdm0h).ant-tooltip-placement-bottom .ant-tooltip-arrow, :where(.css-hzdm0h).ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, :where(.css-hzdm0h).ant-tooltip-placement-bottomRight .ant-tooltip-arrow { top: 0; transform: translateY(-100%); } :where(.css-hzdm0h).ant-tooltip-placement-bottom .ant-tooltip-arrow { left: 50%; transform: translateX(-50%) translateY(-100%); } :where(.css-hzdm0h).ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { left: 12px; } :where(.css-hzdm0h).ant-tooltip-placement-bottomRight .ant-tooltip-arrow { right: 12px; } :where(.css-hzdm0h).ant-tooltip-placement-left .ant-tooltip-arrow, :where(.css-hzdm0h).ant-tooltip-placement-leftTop .ant-tooltip-arrow, :where(.css-hzdm0h).ant-tooltip-placement-leftBottom .ant-tooltip-arrow { right: 0; transform: translateX(100%) rotate(90deg); } :where(.css-hzdm0h).ant-tooltip-placement-left .ant-tooltip-arrow { top: 50%; transform: translateY(-50%) translateX(100%) rotate(90deg); } :where(.css-hzdm0h).ant-tooltip-placement-leftTop .ant-tooltip-arrow { top: 8px; } :where(.css-hzdm0h).ant-tooltip-placement-leftBottom .ant-tooltip-arrow { bottom: 8px; } :where(.css-hzdm0h).ant-tooltip-placement-right .ant-tooltip-arrow, :where(.css-hzdm0h).ant-tooltip-placement-rightTop .ant-tooltip-arrow, :where(.css-hzdm0h).ant-tooltip-placement-rightBottom .ant-tooltip-arrow { left: 0; transform: translateX(-100%) rotate(-90deg); } :where(.css-hzdm0h).ant-tooltip-placement-right .ant-tooltip-arrow { top: 50%; transform: translateY(-50%) translateX(-100%) rotate(-90deg); } :where(.css-hzdm0h).ant-tooltip-placement-rightTop .ant-tooltip-arrow { top: 8px; } :where(.css-hzdm0h).ant-tooltip-placement-rightBottom .ant-tooltip-arrow { bottom: 8px; } :where(.css-hzdm0h).ant-tooltip-pure { position: relative; max-width: none; margin: 16px; } :where(.css-hzdm0h).ant-zoom-big-fast-enter, :where(.css-hzdm0h).ant-zoom-big-fast-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-hzdm0h).ant-zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } :where(.css-hzdm0h).ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active, :where(.css-hzdm0h).ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active { animation-name: css-hzdm0h-antZoomBigIn; animation-play-state: running; } :where(.css-hzdm0h).ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active { animation-name: css-hzdm0h-antZoomBigOut; animation-play-state: running; pointer-events: none; } :where(.css-hzdm0h).ant-zoom-big-fast-enter, :where(.css-hzdm0h).ant-zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } :where(.css-hzdm0h).ant-zoom-big-fast-enter-prepare, :where(.css-hzdm0h).ant-zoom-big-fast-appear-prepare { transform: none; } :where(.css-hzdm0h).ant-zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .anticon { display: inline-flex; align-items: center; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .anticon>* { line-height: 1; } .anticon svg { display: inline-block; } .anticon .anticon .anticon-icon { display: block; } .anticon { display: inline-flex; align-items: center; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .anticon>* { line-height: 1; } .anticon svg { display: inline-block; } .anticon .anticon .anticon-icon { display: block; } :root { --react-pdf-annotation-layer: 1; --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none } @media screen and (forced-colors: active) { :root { --input-focus-border-color: CanvasText; --input-unfocused-border-color: ActiveText; --input-disabled-border-color: GrayText; --input-hover-border-color: Highlight; --link-outline: 1.5px solid LinkText } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid selectedItem } .annotationLayer .linkAnnotation:hover { backdrop-filter: invert(100%) } } .annotationLayer { position: absolute; top: 0; left: 0; pointer-events: none; transform-origin: 0 0; z-index: 3 } .annotationLayer[data-main-rotation="90"] .norotate { transform: rotate(270deg) translate(-100%) } .annotationLayer[data-main-rotation="180"] .norotate { transform: rotate(180deg) translate(-100%, -100%) } .annotationLayer[data-main-rotation="270"] .norotate { transform: rotate(90deg) translateY(-100%) } .annotationLayer canvas { position: absolute; width: 100%; height: 100% } .annotationLayer section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; margin: 0; transform-origin: 0 0 } .annotationLayer .linkAnnotation { outline: var(--link-outline) } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton)>a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100% } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton)>a:hover { opacity: .2; background: rgba(255, 255, 0, 1); box-shadow: 0 2px 10px #ff0 } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0 } .annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--scale-factor)) sans-serif; height: 100%; margin: 0; vertical-align: top; width: 100% } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid red } .annotationLayer .choiceWidgetAnnotation select option { padding: 0 } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50% } .annotationLayer .textWidgetAnnotation textarea { resize: none } .annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color) } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px } .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline) } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-image: none; background-color: transparent } .annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline) } .annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline) } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { background-color: CanvasText; content: ""; display: block; position: absolute } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { height: 80%; left: 45%; width: 1px } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { transform: rotate(45deg) } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { transform: rotate(-45deg) } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50% } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0 } .annotationLayer .textWidgetAnnotation input.comb:focus { width: 103% } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { appearance: none } .annotationLayer .popupTriggerArea { height: 100%; width: 100% } .annotationLayer .fileAttachmentAnnotation .popupTriggerArea { position: absolute } .annotationLayer .popupWrapper { position: absolute; font-size: calc(9px * var(--scale-factor)); width: 100%; min-width: calc(180px * var(--scale-factor)); pointer-events: none } .annotationLayer .popup { position: absolute; max-width: calc(180px * var(--scale-factor)); background-color: #ff9; box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888; border-radius: calc(2px * var(--scale-factor)); padding: calc(6px * var(--scale-factor)); margin-left: calc(5px * var(--scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto } .annotationLayer .popup>* { font-size: calc(9px * var(--scale-factor)) } .annotationLayer .popup h1 { display: inline-block } .annotationLayer .popupDate { display: inline-block; margin-left: calc(5px * var(--scale-factor)) } .annotationLayer .popupContent { border-top: 1px solid rgba(51, 51, 51, 1); margin-top: calc(2px * var(--scale-factor)); padding-top: calc(2px * var(--scale-factor)) } .annotationLayer .richText>* { white-space: pre-wrap; font-size: calc(9px * var(--scale-factor)) } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer } .annotationLayer section svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .annotationLayer .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; user-select: none; pointer-events: none } .annotationLayer .annotationTextContent span { width: 100%; display: inline-block } :root { --react-pdf-text-layer: 1; --highlight-bg-color: rgba(180, 0, 170, 1); --highlight-selected-bg-color: rgba(0, 100, 0, 1) } @media screen and (forced-colors: active) { :root { --highlight-bg-color: Highlight; --highlight-selected-bg-color: ButtonText } } [data-main-rotation="90"] { transform: rotate(90deg) translateY(-100%) } [data-main-rotation="180"] { transform: rotate(180deg) translate(-100%, -100%) } [data-main-rotation="270"] { transform: rotate(270deg) translate(-100%) } .textLayer { position: absolute; text-align: initial; inset: 0; overflow: hidden; line-height: 1; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; z-index: 2 } .textLayer :is(span, br) { color: transparent; position: absolute; white-space: pre; cursor: text; margin: 0; transform-origin: 0 0 } .textLayer span.markedContent { top: 0; height: 0 } .textLayer .highlight { margin: -1px; padding: 1px; background-color: var(--highlight-bg-color); border-radius: 4px } .textLayer .highlight.appended { position: initial } .textLayer .highlight.begin { border-radius: 4px 0 0 4px } .textLayer .highlight.end { border-radius: 0 4px 4px 0 } .textLayer .highlight.middle { border-radius: 0 } .textLayer .highlight.selected { background-color: var(--highlight-selected-bg-color) } .textLayer br::selection { background: transparent } .textLayer .endOfContent { display: block; position: absolute; inset: 100% 0 0; z-index: -1; cursor: default; user-select: none } .textLayer .endOfContent.active { top: 0 } .hiddenCanvasElement { position: absolute; top: 0; left: 0; width: 0; height: 0; display: none } .mark-ajbvjZ { color: var(--theme-text-brand) } .mark-ajbvjZ[data-theme=heading] { background: linear-gradient(321.53deg, rgba(209, 24, 255, 0) 49.18%, rgba(146, 4, 255, .35) 67.22%), var(--theme-text-primary); background-clip: text; -webkit-background-clip: text; color: transparent } .highlight-m2dSTx { background: linear-gradient(286.26deg, rgba(255, 24, 247, 0) 54.31%, rgba(255, 3, 196, .8) 93.59%), linear-gradient(116.94deg, rgba(0, 0, 0, 0) 61.83%, rgba(0, 0, 0, .45) 109.23%), var(--theme-text-brand); background-clip: text; -webkit-background-clip: text; color: transparent } .li-TurODF { content: ""; display: inline-flex; width: 3px; height: 3px; border-radius: 50%; background: var(--theme-icon-secondary); margin-right: 10px; vertical-align: middle } .agent-attachment-AZ6iL0 { display: flex; flex-direction: column; width: 100%; max-width: 260px; gap: 12px } .agent-attachment-AZ6iL0 .item-1cWSgZ { border: 1px solid rgba(145, 158, 171, .24); display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; background-color: var(--theme-bg-white); width: 100%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 8px 12px; border-radius: 8px; height: 72px; min-height: 72px } .agent-attachment-AZ6iL0 .item-1cWSgZ:hover { background-color: var(--theme-fill-tsp-components-secondary) } .agent-attachment-AZ6iL0 .item-1cWSgZ img { width: 44px; height: 44px } .agent-attachment-AZ6iL0 .item-1cWSgZ .info-vraFSi { display: flex; flex-direction: column; flex: 1; min-width: 0px } .agent-attachment-AZ6iL0 .item-1cWSgZ .info-vraFSi .title-vJKSDz { font-size: 14px; color: var(--theme-text-primary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; line-height: 22px } .agent-attachment-AZ6iL0 .item-1cWSgZ .info-vraFSi .desc-9UhnoG { font-size: 12px; color: var(--theme-text-quaternary); overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; line-height: 18px } .agent-card-b7aGaD { border-radius: 10px; background-color: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s1); padding: 12px 16px 16px; display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 620px } .agent-card-b7aGaD .title-WFYLsr { color: var(--theme-icon-primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px } .agent-card-b7aGaD .footer-ey88eY { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px } .agent-card-b7aGaD .footer-ey88eY .left-ESXm60 { display: flex; flex-direction: row; justify-content: center; align-items: center; flex: 1; min-width: 0px; justify-content: flex-end; flex-wrap: wrap; gap: 6px } ._monica-dark .icon-PIRQLq.vip-star-cxHSNX { filter: brightness(1.5) } .loading-KLTBQ4 { animation: loading-KLTBQ4 1s infinite } .geist-loading--eHml1 { font-size: 16px; width: 100%; height: 16px; min-height: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; background-color: transparent; user-select: none } .geist-loading--eHml1 .spin-FEAfI0 { width: var(--size); height: var(--size); border-radius: 50%; margin: 0 2px; display: inline-block; animation: loading-blink-r52HjK 1.4s infinite both } .geist-loading--eHml1 .spin-FEAfI0:nth-child(2) { animation-delay: .2s } .geist-loading--eHml1 .spin-FEAfI0:nth-child(3) { animation-delay: .4s } .search-loading-cANFQ0 { color: var(--theme-icon-primary); animation: loading-KLTBQ4 1s linear infinite; display: flex } @keyframes loading-KLTBQ4 { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } @keyframes loading-blink-r52HjK { 0% { opacity: .2 } 20% { opacity: 1 } to { opacity: .2 } } .fullscreen-hh68v9 { flex: 1; min-height: 0px; min-width: 0px; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center } .fullscreen-hh68v9 path { stroke: var(--theme-icon-brand) } .fullscreen-hh68v9 circle { stroke: var(--theme-icon-brand) } ._monica-dark .spin-FEAfI0 { background-color: var(--theme-text-quaternary) !important } .agent-stage-ZreebY { width: 100%; display: flex; flex-direction: column; gap: 4px } .agent-stage-ZreebY .title-RqtteL { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .agent-stage-ZreebY .title-RqtteL .left-NHgZyp { color: var(--theme-icon-primary); font-size: 16px; font-weight: 700; line-height: 22px; display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: flex-start; gap: 6px; word-break: break-all } .agent-stage-ZreebY .title-RqtteL .left-NHgZyp .icon-S6BX2X { width: 16px; height: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 16px; min-height: 16px; margin-top: 2px } .agent-stage-ZreebY.error-dPyjZg .title-RqtteL .left-NHgZyp { color: var(--theme-function-error) } .agent-stage-ZreebY.search-agent-PQMvFE { gap: 4px } .agent-stage-ZreebY.search-agent-PQMvFE .title-RqtteL { gap: 8px } .agent-stage-ZreebY.search-agent-PQMvFE .title-RqtteL .left-NHgZyp { color: var(--theme-icon-quaternary); font-size: 14px; font-weight: 400 } .agent-stage-ZreebY.search-agent-PQMvFE .title-RqtteL .left-NHgZyp .icon-S6BX2X { width: 16px; height: 16px; min-width: 16px; min-height: 16px; color: var(--theme-icon-quaternary) } .agent-says-content-I-2wiG { display: flex; flex-direction: column; gap: 12px; margin-top: 6px } .agent-says-content-I-2wiG .form-item-OIPvl5 { display: flex; flex-direction: column; gap: 8px } .agent-says-content-I-2wiG .form-item-OIPvl5 .form-item-label-C6J10G { color: var(--theme-icon-tertiary); font-size: 14px; font-style: normal; font-weight: 500 } .footer-IGX02Y { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; margin-top: 10px } .footer-IGX02Y .skip-gxIME8 { flex: 1 } .footer-IGX02Y .continue-kh2tzE { flex: 2 } .ant-message, .ant-message-fixed { box-sizing: border-box; margin: 0; padding: 0; color: var(--theme-text-primary); font-size: 14px; line-height: 1.57142857; list-style: none; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; position: absolute; top: 8px; width: 100%; pointer-events: none; z-index: 5200 } .ant-message :lang(ja), .ant-message-fixed :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .ant-message :lang(kr), .ant-message-fixed :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .ant-message-fixed { position: fixed } .ant-message .ant-message-move-up, .ant-message-fixed .ant-message-fixed-move-up { animation-fill-mode: forwards } .ant-message .ant-message-move-up-appear, .ant-message .ant-message-move-up-enter, .ant-message-fixed .ant-message-fixed-move-up-appear, .ant-message-fixed .ant-message-fixed-move-up-enter { animation-name: message-move-up; animation-duration: .3s; animation-play-state: paused; animation-timing-function: cubic-bezier(.78, .14, .15, .86) } @keyframes message-move-up { 0% { opacity: 0; transform: translateY(-100%) } to { opacity: 1; transform: translateY(0) } } .ant-message .ant-message-move-up-appear.ant-message-move-up-appear-active, .ant-message .ant-message-move-up-enter.ant-message-move-up-enter-active, .ant-message-fixed .ant-message-fixed-move-up-appear.ant-message-fixed-move-up-appear-active, .ant-message-fixed .ant-message-fixed-move-up-enter.ant-message-fixed-move-up-enter-active { animation-play-state: running } .ant-message .ant-message-move-up-leave, .ant-message-fixed .ant-message-fixed-move-up-leave { animation-name: message-move-out; animation-duration: .3s; animation-play-state: paused; animation-timing-function: cubic-bezier(.78, .14, .15, .86) } @keyframes message-move-out { 0% { opacity: 1; transform: translateY(0) } to { opacity: 0; transform: translateY(-100%) } } .ant-message .ant-message-move-up-leave.ant-message-move-up-leave-active, .ant-message-fixed .ant-message-fixed-move-up-leave.ant-message-fixed-move-up-leave-active { animation-play-state: running } .ant-message-rtl, .ant-message-fixed-rtl, .ant-message-rtl span, .ant-message-fixed-rtl span { direction: rtl } .ant-message-notice, .ant-message-fixed-notice { padding: 8px; text-align: center } .ant-message-notice .ant-message-custom-content>.anticon, .ant-message-notice .ant-message-fixed-custom-content>.anticon, .ant-message-fixed-notice .ant-message-fixed-custom-content>.anticon, .ant-message-fixed-notice .ant-message-custom-content>.anticon { vertical-align: text-bottom; margin-inline-end: 8px; font-size: 16px } .ant-message-notice .ant-message-notice-content, .ant-message-fixed-notice .ant-message-fixed-notice-content { display: inline-block; padding: 9px 12px; background: var(--theme-bg-menu-white) !important; border-radius: 8px; box-shadow: 0 6px 16px 0 var(--theme-shadow-s2), 0 3px 6px -4px var(--theme-shadow-s2), 0 9px 28px 8px var(--theme-shadow-s1); pointer-events: all } .ant-message-notice-warning .ant-message-notice-content, .ant-message-fixed-notice-warning .ant-message-fixed-notice-content { background: var(--theme-function-warning) !important; color: var(--theme-text-white-primary) !important } .ant-message-notice .ant-message-success>.anticon, .ant-message-notice .ant-message-fixed-success>.anticon, .ant-message-fixed-notice .ant-message-fixed-success>.anticon, .ant-message-fixed-notice .ant-message-success>.anticon { color: #52c41a } .ant-message-notice .ant-message-error>.anticon, .ant-message-notice .ant-message-fixed-error>.anticon, .ant-message-fixed-notice .ant-message-fixed-error>.anticon, .ant-message-fixed-notice .ant-message-error>.anticon { color: var(--theme-function-error) } .ant-message-notice .ant-message-warning>.anticon, .ant-message-notice .ant-message-fixed-warning>.anticon, .ant-message-fixed-notice .ant-message-fixed-warning>.anticon, .ant-message-fixed-notice .ant-message-warning>.anticon { color: var(--theme-text-white-primary) } .ant-message-notice .ant-message-info>.anticon, .ant-message-notice .ant-message-loading>.anticon, .ant-message-fixed-notice .ant-message-fixed-info>.anticon, .ant-message-fixed-notice .ant-message-fixed-loading>.anticon { color: var(--theme-text-link) } .ant-message-notice-pure-panel, .ant-message-fixed-notice-pure-panel { padding: 0; text-align: start } .ant-message .monica-link { cursor: pointer; user-select: none; -webkit-user-drag: none; color: var(--theme-text-link) } .ant-message .monica-link:hover { color: #3469ce } .ant-message-fixed .ant-message-fixed-notice-wrapper .ant-message-fixed-warning>.anticon { color: var(--theme-text-white-primary) } .open-realtime-first-dialog-iVrSQO { border-radius: 12px; border: 1px solid var(--theme-border-white); background: linear-gradient(178deg, rgba(104, 65, 234, .08) -7.4%, rgba(104, 65, 234, 0) 21.32%), rgba(255, 255, 255, .8); box-shadow: 0 0 1px #919eab4d, 0 4px 24px #919eab24, 0 9px 30px -6px #0003, 0 0 1px #919eab4d; backdrop-filter: blur(40px) } .open-realtime-first-dialog-iVrSQO .header-6lZzJP { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; padding: 20px 24px 0 } .open-realtime-first-dialog-iVrSQO .header-6lZzJP .img-nSKMLi { width: 120px; height: 80px } .open-realtime-first-dialog-iVrSQO .header-6lZzJP .title-KQuKGe { color: var(--theme-text-primary); font-size: 20px; font-weight: 600; line-height: 26px } .open-realtime-first-dialog-iVrSQO .header-6lZzJP .desc-coST-6 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; color: var(--theme-text-secondary); text-align: center; font-size: 16px; font-weight: 600; line-height: 22px } .open-realtime-first-dialog-iVrSQO .header-6lZzJP .desc-coST-6 .chatgpt-WG9RFo { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .open-realtime-first-dialog-iVrSQO .header-6lZzJP .desc-coST-6 .chatgpt-WG9RFo .icon--jAiBu { width: 20px; height: 20px; border-radius: 100%; background: #000 } .open-realtime-first-dialog-iVrSQO .content-zfRssX { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; padding: 20px } .open-realtime-first-dialog-iVrSQO .content-zfRssX .text--aHoRR { overflow: hidden; color: var(--theme-text-quaternary); text-overflow: ellipsis; font-size: 14px; font-weight: 400; line-height: 22px } .open-realtime-first-dialog-iVrSQO .content-zfRssX .skill-box---Fw6T { display: flex; padding: 20px 16px; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; border-radius: 10px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white) } .open-realtime-first-dialog-iVrSQO .content-zfRssX .skill-box---Fw6T .skill-item-Xb4bQ8 { display: flex; align-items: flex-start; gap: 8px; align-self: stretch } .open-realtime-first-dialog-iVrSQO .content-zfRssX .skill-box---Fw6T .skill-item-Xb4bQ8 .skill-icon-baTZkk { width: 22px; height: 22px } .open-realtime-first-dialog-iVrSQO .content-zfRssX .skill-box---Fw6T .skill-item-Xb4bQ8 .skill-content-yrn89o { flex: 1 } .open-realtime-first-dialog-iVrSQO .content-zfRssX .skill-box---Fw6T .skill-item-Xb4bQ8 .skill-content-yrn89o .skill-title-2ZHQ1q { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .open-realtime-first-dialog-iVrSQO .content-zfRssX .skill-box---Fw6T .skill-item-Xb4bQ8 .skill-content-yrn89o .skill-desc-ta2KjW { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 400; line-height: 22px } .open-realtime-first-dialog-iVrSQO .content-zfRssX .btn-fkPOxj { width: 100% } pre { margin-top: -14px } .wrap-OvNtzS { background: var(--theme-bg-white) } .artifact-2oNr4f { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-fill-white); padding: 8px 10px; display: flex; align-items: center; gap: 8px; max-width: 100%; width: max-content; min-width: min(300px, 100%); transition: border-color .2s, background .2s } .artifact-2oNr4f:hover { border-color: var(--theme-border-quaternary); background: var(--theme-fill-tsp-components-secondary) } .artifact-2oNr4f:hover .download-zDcs5L { visibility: visible } .artifact-2oNr4f .right-UuzJYu { flex: 1; display: flex; flex-direction: column; min-width: 0 } .artifact-2oNr4f .right-UuzJYu strong { flex: 1; min-width: 0; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; display: inline-block } .artifact-2oNr4f .right-UuzJYu span { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; display: flex } .artifact-2oNr4f .download-zDcs5L { visibility: hidden } ._monica-share-mode .wrap-OvNtzS { background-color: transparent } .artifact-file-icon-N8NEFs { width: 36px; height: 36px; border-radius: 8px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 27px } .artifact-file-icon-N8NEFs.html-icon-2DNZAO { background: #fb8e60 } .artifact-file-icon-N8NEFs.code-icon-geGE85 { background: #21d3c8 } .artifact-file-icon-N8NEFs.markdown-icon-T1UCcU { background: var(--theme-text-link) } .artifact-file-icon-N8NEFs.chart-icon-rcsxFs { background: #4c86f5 } .artifact-file-icon-N8NEFs.svg-icon-r22TWL { background: #2bc5f6 } @keyframes fade-in-FYX9v- { 0% { opacity: 0; transform: translateY(10px) } to { opacity: 1; transform: translateY(0) } } .chat-message-3LTL7y { width: 100%; display: flex; flex-direction: column; gap: 8px; animation: fade-in-FYX9v- .1s ease-in } .chat-message-3LTL7y .header-JMMXJe { display: flex; align-items: center; gap: 8px; height: 20px } .chat-message-3LTL7y .header-JMMXJe .header-left-By-J5- { height: 100%; display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0px } .chat-message-3LTL7y .header-JMMXJe .header-left-By-J5- .sender-avatar-Yf1fnC { -webkit-user-drag: none; width: 20px; height: 20px; border-radius: 20px; object-fit: cover; border: 1px solid var(--theme-border-primary) } .chat-message-3LTL7y .header-JMMXJe .header-left-By-J5- .sender-name-qik4r7 { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .chat-message-3LTL7y .header-JMMXJe .header-left-By-J5- .badge-Ht8SHZ { display: flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 12px; font-size: 11px; background: var(--theme-btn-fill-tertiary); color: var(--theme-text-btn-tertiary); white-space: nowrap } .chat-message-3LTL7y .header-JMMXJe .header-right-JdgBDz { height: 100%; display: flex; align-items: center; gap: 8px } .chat-message-3LTL7y .header-JMMXJe .header-right-JdgBDz .zoom-wrapper-iZHX6c { display: flex; width: 22px; height: 22px; border-radius: 8px; justify-content: center; align-items: center; gap: 10px; cursor: pointer } .chat-message-3LTL7y .header-JMMXJe .header-right-JdgBDz .zoom-wrapper-iZHX6c:hover { background: var(--theme-bg-gray-primary) } .chat-message-3LTL7y .content-FLW9uB { width: 100%; display: flex; flex-direction: column; gap: 8px } .chat-message-3LTL7y.is-share-image-6N13bd { animation: unset } .chat-message-3LTL7y.layout-right-CluTZm .header-JMMXJe { height: fit-content } .chat-message-3LTL7y.layout-right-CluTZm .content-FLW9uB { align-items: flex-end; gap: 8px } .chat-message-3LTL7y.select-mode-UhUqUq { padding: 12px 16px 12px 40px; border-radius: 8px; position: relative; margin: 0 -12px; width: auto } .chat-message-3LTL7y.select-mode-UhUqUq:not(:first-child) { margin-top: -12px } .chat-message-3LTL7y.select-mode-UhUqUq.selected-LtFLkz, .chat-message-3LTL7y.select-mode-UhUqUq:hover { background-color: var(--theme-fill-tsp-components-tertiary) } .chat-message-3LTL7y.select-mode-UhUqUq .checkbox-scOSN4 { position: absolute; top: 50%; left: 10px; transform: translateY(-50%) } .file-icon-YPY-Jm { display: inline-flex; align-items: center; justify-content: center; position: relative; overflow: hidden; flex-shrink: 0 } .file-icon-YPY-Jm.colorfulPdfOutline-1Ng47D { background: var(--theme-function-error) } .file-icon-YPY-Jm.colorfulTxtOutline-98bfoY { background: var(--theme-function-info) } .file-icon-YPY-Jm.colorfulMarkdownOutline-Rq99ZD { background: var(--theme-function-warning) } .file-icon-YPY-Jm.colorfulDocOutline-SxR28J { background: #2a5699 } .file-icon-YPY-Jm.colorfulCsvOutline-gUQ5yQ { background: var(--theme-function-success) } .file-icon-YPY-Jm.colorfulExcelOutline-RSa82w { background: var(--light-cyan-400) } .file-icon-YPY-Jm .loading-EHLTSV { position: absolute; inset: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 1; background: inherit } .file-icon-YPY-Jm .loading-EHLTSV.image-cdLowV { background: var(--theme-bg-mask) } .file-info-wrapper-Y9KRrS { position: relative } .file-info-wrapper-Y9KRrS.can-click-ssgpYr { cursor: pointer } .file-info-wrapper-Y9KRrS.can-click-ssgpYr:hover .container-cba5e- { background-color: var(--theme-bg-gray-secondary) } .file-info-wrapper-Y9KRrS .retry-icon-2cxgAf { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer } .file-info-wrapper-Y9KRrS .retry-icon-2cxgAf:hover { opacity: .8 } .file-info-wrapper-Y9KRrS.can-close-7o5-2y:hover .close-btn-IgA-WM { display: inline-flex } .file-info-wrapper-Y9KRrS .close-btn-IgA-WM { position: absolute; top: -7px; right: -7px; display: none; color: var(--theme-text-primary); cursor: pointer } .file-info-wrapper-Y9KRrS .close-btn-IgA-WM:hover { opacity: .8 } .default-file-info-cBYGwn { display: flex; gap: 8px; padding: 4px 8px; align-items: center } .default-file-info-cBYGwn .meta-kcvg9s { flex: 1; min-width: 0 } .default-file-info-cBYGwn .title-UPIZz- { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .default-file-info-cBYGwn .desc-vgII1H { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px; width: 100% } .default-file-info-cBYGwn .desc-vgII1H .desc-text-yWttyd { flex: 1; color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px; min-width: 0 } .default-file-info-cBYGwn .desc-vgII1H .desc-text-yWttyd.error-I6LXMJ { color: var(--theme-function-error) } .container-cba5e- { border-radius: 8px; overflow: hidden } .container-cba5e-.with-bg-8Anp-p { border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white) } .web-page-info-QVUJVy { display: flex; gap: 4px; padding: 4px 12px; align-items: center; cursor: pointer } .web-page-info-QVUJVy.local-file-info-O-It-j { cursor: default } .web-page-info-QVUJVy .file-icon-5PVdbT { width: 20px; height: 20px; border-radius: 6px; overflow: hidden } .web-page-info-QVUJVy .meta-kcvg9s { flex: 1; min-width: 0; padding-left: 4px } .web-page-info-QVUJVy .title-UPIZz- { font-size: 14px; font-weight: 500; line-height: 18px; margin: 1px 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .web-page-info-QVUJVy .desc-vgII1H { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px } .web-page-info-QVUJVy .desc-vgII1H.web-page-info-QVUJVy { width: 100%; color: var(--theme-text-secondary); font-size: 12px; font-weight: 400; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .web-page-info-QVUJVy .desc-vgII1H .desc-text-yWttyd { color: var(--theme-text-secondary); font-size: 12px; font-weight: 400; line-height: 18px } .web-page-info-QVUJVy .desc-vgII1H .desc-text-yWttyd.error-I6LXMJ { color: var(--theme-function-error) } .web-page-info-QVUJVy .file-loading-Ji5Qcv { position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 1; background: inherit; width: 20px; height: 20px; background: var(--theme-bg-mask); border-radius: 6px } .file-info-wrapper-Y9KRrS.small-VcZTOi .default-file-info-cBYGwn { padding: 4px } .file-info-wrapper-Y9KRrS.small-VcZTOi .default-file-info-cBYGwn .meta-kcvg9s .title-UPIZz- { font-size: 12px; line-height: 16px; font-weight: 400 } .file-info-wrapper-Y9KRrS.small-VcZTOi .web-page-info-QVUJVy { padding: 4px } .file-info-wrapper-Y9KRrS.small-VcZTOi .web-page-info-QVUJVy .file-icon-5PVdbT { width: 16px; height: 16px; border-radius: 8px } .file-info-wrapper-Y9KRrS.small-VcZTOi .web-page-info-QVUJVy .meta-kcvg9s .title-UPIZz- { font-size: 12px; line-height: 16px; font-weight: 400 } .popover-content-wrapper-hJnY4r { display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex } .popover-content-wrapper-hJnY4r.fullWidth-Eb-SHr { width: 100% } .popover-overlay-3I19RS { padding: 8px !important } .popover-overlay-3I19RS .ant-popover-arrow { display: none !important } .popover-overlay-3I19RS .ant-popover-inner { background: unset !important; border-radius: unset !important; box-shadow: unset !important; padding: unset !important } .popover-overlay-3I19RS .ant-popover-content { padding: unset !important } .popover-overlay-3I19RS .ant-popover-inner-content { padding: unset !important; color: unset !important } .quote-collapse-Vnvnq1 { margin-bottom: 0 !important; color: var(--theme-text-quaternary) !important } .quote-collapse-Vnvnq1.foldable-Uxntx- { cursor: pointer } .quote-collapse-Vnvnq1 p { word-break: break-word } .quote-collapse-Vnvnq1 .ant-typography-expand { pointer-events: none } .text-box-zr1hyS { padding: 4px 8px; display: flex; align-items: flex-end; border-radius: 12px; background: var(--theme-fill-tsp-components-secondary); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1); max-width: calc(100% - 25px) } .text-box-zr1hyS.foldable-Uxntx- { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .text-box-zr1hyS.foldable-Uxntx-:hover { background: var(--theme-fill-tsp-components-tertiary) } .text-box-zr1hyS .arrow-oYoBd3 { transform: translateY(1px) } .text-box-zr1hyS .arrow-oYoBd3 path { stroke-opacity: 1 } .popover-content-Ei1bgV { border-radius: 16px; background: var(--theme-bg-menu-white); min-width: 310px; padding: 12px 4px 12px 12px; box-shadow: var(--theme-box-shadow-s2) } .popover-content-Ei1bgV:before { position: absolute; bottom: 0; inset-inline-start: 0; width: 16px; height: 8px; background: var(--theme-bg-white); clip-path: path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z"); content: ""; top: -8px; left: 50% } .popover-content-Ei1bgV .scroll-tVeAY3 { padding-right: 4px; max-height: 264px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; word-break: break-all; color: var(--theme-text-secondary) } .popover-content-Ei1bgV .scroll-tVeAY3::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .popover-content-Ei1bgV .scroll-tVeAY3::-webkit-scrollbar-track { background: transparent } .popover-content-Ei1bgV .scroll-tVeAY3::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .popover-content-Ei1bgV .scroll-tVeAY3::-webkit-scrollbar-thumb:hover { background: #00000062 } .popover-content-Ei1bgV .scroll-tVeAY3::-webkit-scrollbar-corner { background: transparent } .img-wrapper-IQasFB { position: relative; display: inline-flex; width: 100%; height: 100% } .img-wrapper-IQasFB:hover .tools--QMDh- { display: flex } .img-wrapper-IQasFB .skeleton-vdjU-5 { position: absolute; inset: 0; width: unset !important; height: unset !important; z-index: 10 } .img-wrapper-IQasFB .skeleton-vdjU-5 svg { display: none !important } .img-wrapper-IQasFB .tools--QMDh- { position: absolute; z-index: 10; left: 0; top: 0; right: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; display: none; justify-content: left; padding: 4px } .img-wrapper-IQasFB .tools--QMDh- .tool-item-tBfYh- { width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; background-color: var(--theme-bg-mask); color: var(--theme-icon-white-primary) } .img-wrapper-IQasFB .tools--QMDh- .tool-item-tBfYh-:hover { background-color: var(--theme-fill-tsp-components-secondary) } .img-wrapper-IQasFB .tools--QMDh- .tool-item-tBfYh-:hover { background-color: var(--transparent-white-65); color: var(--theme-icon-brand) } .img-wrapper-IQasFB img { width: 100%; height: 100%; -webkit-user-drag: none } .img-wrapper-IQasFB .ant-image { width: 100%; height: 100% } .placeholder-yBmnhg { background-color: var(--theme-bg-gray-nav) } .ant-image-preview-img { background-color: var(--theme-bg-white) } .ant-image-preview-mask { background-color: var(--theme-bg-mask) !important } .hide-image-Zh5Epu { display: none } .image-group-actions-DYzsEK { width: 100%; display: flex; align-items: flex-start; justify-content: flex-end; gap: 2px; flex-wrap: wrap } .image-group-actions-DYzsEK .action-btn-wN6JPi { display: inline-flex; align-items: flex-start; justify-content: center; box-sizing: border-box; padding: 0 4px; gap: 2px; color: var(--theme-icon-white-primary); border-radius: 4px; font-size: 12px; line-height: 22px; font-weight: 500; transition: all .2s ease-in-out; background-color: var(--theme-bg-mask); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .image-group-actions-DYzsEK .action-btn-wN6JPi:hover, .image-group-actions-DYzsEK .action-btn-wN6JPi.active-UZd8XQ { background-color: var(--transparent-white-65); color: var(--theme-icon-brand) } .image-group-actions-DYzsEK .action-btn-wN6JPi .logo-xKMbbt { height: 22px; display: inline-flex; align-items: center } .image-group-actions-DYzsEK .action-btn-wN6JPi .text--KpOaK { white-space: nowrap } .image-group-actions-DYzsEK .more-btn-rcX9HL { min-width: 22px; height: 22px; align-items: center } .more-menu-card-a8Omhx { position: relative } .more-menu-card-a8Omhx .box-M8ecoS { min-width: 160px; height: 80px; background-color: var(--theme-bg-white); box-shadow: 0 0 1px var(--theme-shadow-s2), 1px 2px 14px 1px var(--theme-fill-tsp-components-primary); border-radius: 4px; padding: 4px; display: flex; flex-direction: column } .more-menu-card-a8Omhx .box-M8ecoS .item-18KVA9 { height: 36px; display: flex; align-items: center; gap: 4px; padding: 0 8px; border-radius: 6px; font-size: 14px; color: var(--theme-icon-primary); white-space: nowrap; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .more-menu-card-a8Omhx .box-M8ecoS .item-18KVA9:hover { background-color: var(--theme-fill-tsp-components-secondary) } .image-group-preview-aIBFvV { width: 100%; height: 100%; position: relative; display: flex; flex-wrap: wrap; border-radius: 8px; overflow: hidden; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .image-group-preview-aIBFvV .image-item-TgeK0K { width: 50%; height: 50%; position: relative } .image-group-preview-aIBFvV .image-item-TgeK0K.single-RsVMFV { width: 100%; height: 100% } .image-group-preview-aIBFvV .image-item-TgeK0K.double-mu297W { width: 50%; height: 100% } .image-group-preview-aIBFvV .image-item-TgeK0K .img-b9EB-- { background-color: var(--theme-btn-fill-secondary-hover) } .image-group-preview-aIBFvV .image-item-TgeK0K .img-b9EB-- img { object-fit: contain } .image-group-preview-aIBFvV .image-item-TgeK0K .action-box-nbdn3B { width: 100%; position: absolute; top: 0; left: 0; display: flex; box-sizing: border-box; padding: 8px } .dropdown-label-Awd3FB { border-radius: 8px; background-color: var(--theme-fill-tsp-components-secondary); display: flex; align-items: center; gap: 12px; padding: 4px 8px; justify-content: space-between; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .dropdown-label-Awd3FB .label-content-m7v9DF { flex: 1; min-width: 0px; display: flex } .dropdown-label-Awd3FB .label-content-m7v9DF span { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-secondary); font-size: 14px; font-weight: 500; line-height: 22px } .dropdown-label-Awd3FB:hover { background-color: var(--theme-fill-tsp-components-primary) } .dropdown-menu-T7CyXy { background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); border-radius: 16px; padding: 8px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .dropdown-menu-T7CyXy::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .dropdown-menu-T7CyXy::-webkit-scrollbar-track { background: transparent } .dropdown-menu-T7CyXy::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .dropdown-menu-T7CyXy::-webkit-scrollbar-thumb:hover { background: #00000062 } .dropdown-menu-T7CyXy::-webkit-scrollbar-corner { background: transparent } .dropdown-menu-T7CyXy .menu-list-nb-QmQ { width: 100%; display: flex; flex-direction: column; gap: 4px } .dropdown-menu-T7CyXy .divider-zKZNue { background-color: var(--theme-bg-gray-secondary); width: 100%; height: 1px; min-height: 1px } .dropdown-menu-group-DfGsOK { width: 100%; display: flex; flex-direction: column; gap: 12px } .dropdown-menu-group-DfGsOK .group-name-C-pfb8 { color: var(--theme-icon-quaternary); font-size: 12px; font-weight: 500; line-height: 18px; padding-left: 12px } .dropdown-menu-group-DfGsOK .group-name-C-pfb8:nth-of-type(n + 1) { margin-top: 12px } .dropdown-menu-group-DfGsOK .group-list-g74Toc { width: 100%; display: flex; flex-direction: column; gap: 4px } .tooltip-ySgAQ7 { font-weight: 400; z-index: 910 } .tooltip-ySgAQ7 .ant-tooltip-inner { font-size: 12px !important; border-radius: 8px !important; background-color: var(--theme-tooltips-fill) !important; color: var(--theme-text-white-primary) !important; padding: 6px 8px !important; line-height: 18px !important; min-height: 30px !important } .tooltip-ySgAQ7.light-mode-iWD5K3 .ant-tooltip-inner { background-color: var(--theme-bg-menu-white) !important; color: var(--theme-text-primary) !important } .tooltip-ySgAQ7.light-mode-iWD5K3 .ant-tooltip-arrow:before { background-color: var(--theme-bg-menu-white) !important } .tooltip-ySgAQ7.light-mode-iWD5K3 .ant-tooltip-arrow:after { border-top-color: var(--theme-bg-menu-white) !important } .ant-tooltip { max-width: 300px !important } .ant-tooltip.ignore-max-width-3-6Wmv { max-width: none !important } .dropdown-menu-item-q-vkWj { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 12px; gap: 8px; justify-content: left; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .dropdown-menu-item-q-vkWj:hover { background-color: var(--theme-fill-tsp-components-secondary) } .dropdown-menu-item-q-vkWj .menu-item-icon-2XiSRX { display: flex; flex-direction: row; justify-content: center; align-items: center } .dropdown-menu-item-q-vkWj .menu-item-content-GK3YQ8 { flex: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .dropdown-menu-item-q-vkWj .menu-item-content-GK3YQ8 .menu-item-description-252cuO { font-size: 12px; font-weight: 400; line-height: 22px; color: var(--theme-icon-quaternary) } .dropdown-menu-item-q-vkWj.active-YFn1OV { color: var(--theme-icon-brand) } .dropdown-menu-input-item-qKgj3P { padding: 3px 0 } .dropdown-menu-input-item-qKgj3P:hover { background: transparent !important } .dropdown-menu-input-item-qKgj3P .input-content-IPtHk2 { position: relative } .dropdown-menu-input-item-qKgj3P .input-content-IPtHk2 .close-QYNe-v { position: absolute; right: 11px; top: 11px } .dropdown-menu-input-item-qKgj3P .input-content-IPtHk2 .close-QYNe-v:hover { color: var(--theme-text-quaternary) } .dropdown-menu-input-item-qKgj3P .input-content-IPtHk2 .input--icxyp { width: 100%; border: none; background: transparent; padding: 6px 30px 6px 12px; border-radius: 6px; border: 1px solid var(--theme-border-active); height: 38px; gap: 0 } .image-preview-dialog-DlVwEE { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; font-size: 14px; white-space: normal; color: var(--theme-text-primary); box-sizing: border-box; inset: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; background: var(--theme-bg-mask); -webkit-app-region: no-drag; z-index: 5; position: fixed } .image-preview-dialog-DlVwEE :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .image-preview-dialog-DlVwEE :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .image-preview-dialog-DlVwEE .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } .image-preview-dialog-DlVwEE ::selection { background-color: #96c8fab3 } .image-preview-dialog-DlVwEE .container-JvRges { width: 800px; min-height: 512px; position: relative; max-width: 90%; max-height: calc(100% - 80px); display: flex; flex-direction: column; gap: 16px; background: var(--theme-bg-menu-white); border-radius: 12px; padding: 16px 24px } .image-preview-dialog-DlVwEE .container-JvRges .header-2JtnW1 { height: 24px; text-align: center; font-size: 16px; font-weight: 600; color: var(--theme-text-primary); line-height: 24px } .image-preview-dialog-DlVwEE .container-JvRges .content-YppQCX { width: 100%; height: 560px; border-radius: 12px; overflow: hidden; background: var(--theme-bg-gray-secondary) } .image-preview-dialog-DlVwEE .container-JvRges .content-YppQCX .img-vtA3Fa { background: var(--theme-bg-gray-secondary) } .image-preview-dialog-DlVwEE .container-JvRges .content-YppQCX .img-vtA3Fa img { object-fit: contain } .image-preview-dialog-DlVwEE .container-JvRges .footer-bYdxxQ { min-height: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px } .image-preview-dialog-DlVwEE .container-JvRges .footer-bYdxxQ .toolbar-btn-7wGACe { min-height: 22px; line-height: 22px; box-sizing: border-box; padding: 0 8px; color: var(--theme-text-secondary); background: rgba(82, 0, 255, .16); border-radius: 4px; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; transition: all ease-in-out .2s; gap: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .image-preview-dialog-DlVwEE .container-JvRges .footer-bYdxxQ .toolbar-btn-7wGACe:hover { background: rgba(82, 0, 255, .32) } .image-preview-dialog-DlVwEE .container-JvRges .footer-bYdxxQ .more-btn-fEo-iD { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100% } .image-preview-dialog-DlVwEE .container-JvRges .close-btn-cG54-0 { position: absolute; top: 17px; right: 17px; box-sizing: border-box; border-radius: 4px; color: var(--theme-text-disable); width: 20; height: 20; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center } .image-preview-dialog-DlVwEE .container-JvRges .close-btn-cG54-0:hover { color: var(--theme-tooltips-fill); background-color: var(--theme-shadow-s1) } .artist-reply-4yCM-R { margin-bottom: 8px } .artist-reply-4yCM-R:hover .reply-actions-ruPV1w { visibility: visible } .artist-reply-4yCM-R .prompt-A6xp2C { display: flex; margin-bottom: 4px } .artist-reply-4yCM-R .prompt-A6xp2C .prompt-inner-X402ME { min-width: min(324px, 100%); border-radius: 12px } .artist-reply-4yCM-R .images-container-WZI6eF { width: min(324px, 100%); height: 324px; border-radius: 8px; overflow: hidden; margin-top: 4px } .artist-reply-4yCM-R .reply-actions-ruPV1w { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; visibility: hidden } .artist-reply-4yCM-R .reply-actions-ruPV1w .button-bt6mzJ { color: var(--theme-icon-quaternary); color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; transition: none } .artist-reply-4yCM-R .prompt-title-ajo2JY { color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .delete-hIkryW { min-width: 146px; color: var(--theme-text-tertiary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .monica-btn-NUY5KZ { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; white-space: pre; font-weight: 500; transition: all .2s ease-in-out } .monica-btn-NUY5KZ .icon-DNMs68 { display: flex; justify-content: center; align-items: center; flex-direction: column; display: none } .monica-btn-NUY5KZ .icon-DNMs68.show-7xfLkJ { display: flex } .monica-btn-NUY5KZ .end-icon-RlWYx6 { margin-left: 6px } .monica-btn-NUY5KZ .loading-circle-yuGoCx { position: relative; width: 16px; height: 16px; border-radius: 100%; animation: circle-8iwpCW infinite .75s linear } .monica-btn-NUY5KZ .geist-loading-0aliHd { display: flex; margin-right: 9px } .monica-btn-NUY5KZ.size-default-w4Fg-W { height: 36px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 14px; padding: 0 12px; border-radius: 12px } .monica-btn-NUY5KZ.size-default-w4Fg-W .icon-DNMs68 { margin-right: 6px } .monica-btn-NUY5KZ.size-medium-PgL1L0 { height: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 14px; padding: 0 12px; border-radius: 12px } .monica-btn-NUY5KZ.size-medium-PgL1L0 .icon-DNMs68 { margin-right: 6px } .monica-btn-NUY5KZ.size-overMedium--kzVHl { height: 40px; min-height: 40px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 14px; padding: 0 12px; border-radius: 8px } .monica-btn-NUY5KZ.size-overMedium--kzVHl .icon-DNMs68 { margin-right: 6px } .monica-btn-NUY5KZ.size-large--z0V-L { height: 44px; min-height: 44px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 14px; padding: 0 12px; border-radius: 12px } .monica-btn-NUY5KZ.size-large--z0V-L .icon-DNMs68 { margin-right: 6px } .monica-btn-NUY5KZ.size-extraLarge-3nQCmT { height: 56px; min-height: 56px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16px; padding: 0 16px; border-radius: 12px } .monica-btn-NUY5KZ.size-extraLarge-3nQCmT .icon-DNMs68 { margin-right: 6px } .monica-btn-NUY5KZ.size-small-QPCmv- { height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 12px; padding: 0 8px; border-radius: 6px } .monica-btn-NUY5KZ.size-small-QPCmv- .icon-DNMs68, .monica-btn-NUY5KZ.size-text-btn-4O0syV .icon-DNMs68 { margin-right: 4px } .monica-btn-NUY5KZ.shape-round-bsC1Ua { border-radius: 99px } .monica-btn-NUY5KZ.no-border-Ne302F { border: none !important } .monica-btn-NUY5KZ.rtl-4Nb2Jp.size-default-w4Fg-W .icon-DNMs68, .monica-btn-NUY5KZ.rtl-4Nb2Jp.size-medium-PgL1L0 .icon-DNMs68, .monica-btn-NUY5KZ.rtl-4Nb2Jp.size-large--z0V-L .icon-DNMs68 { margin-right: unset; margin-left: 6px } .monica-btn-NUY5KZ.rtl-4Nb2Jp.size-small-QPCmv- .icon-DNMs68, .monica-btn-NUY5KZ.rtl-4Nb2Jp.size-text-btn-4O0syV .icon-DNMs68 { margin-right: unset; margin-left: 4px } .primary-yGi-9b { background-color: var(--theme-btn-fill-primary); color: var(--theme-icon-white-primary) } .primary-yGi-9b:hover { background-color: var(--theme-btn-fill-primary-hover) } .primary-yGi-9b:active { background-color: var(--theme-btn-fill-primary-active) } .primary-yGi-9b.disabled-Gh75bq, .primary-yGi-9b.loading-fw-C7i { opacity: .5; cursor: not-allowed; background-color: var(--theme-btn-fill-primary) } .primary-yGi-9b.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--common-white); border-top-color: var(--theme-border-quaternary); border-right-color: var(--theme-border-quaternary); border-bottom-color: var(--theme-border-quaternary) } .primary-yGi-9b.outline-dhmqoF.disabled-Gh75bq, .primary-yGi-9b.outline-dhmqoF.loading-fw-C7i { background: none } .primary-outline-ROqv3k { background: var(--theme-btn-fill-tertiary); color: var(--theme-text-btn-tertiary) } .primary-outline-ROqv3k:hover { background: var(--theme-btn-fill-tertiary-hover) } .primary-outline-ROqv3k:active { background: var(--theme-btn-fill-tertiary-active) } .primary-outline-ROqv3k.disabled-Gh75bq { opacity: .5; cursor: not-allowed } .primary-outline-ROqv3k.loading-fw-C7i { background: var(--theme-btn-fill-tertiary); border: 1px solid var(--theme-border-active); color: #3872e07a; cursor: not-allowed } .primary-outline-ROqv3k.loading-fw-C7i:hover { background: var(--theme-btn-fill-tertiary) } .primary-outline-ROqv3k.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-icon-brand); border-top-color: var(--theme-btn-fill-tertiary-active); border-right-color: var(--theme-btn-fill-tertiary-active); border-bottom-color: var(--theme-btn-fill-tertiary-active) } .brand-outline-cp7gZY { background: var(--theme-bg-white); border: 1px solid var(--theme-border-quaternary); color: var(--theme-icon-brand) } .brand-outline-cp7gZY:hover { background-color: var(--theme-btn-fill-tertiary-hover) } .brand-outline-cp7gZY:active { background-color: var(--theme-btn-fill-tertiary-active) } .brand-outline-cp7gZY.disabled-Gh75bq { opacity: .5; cursor: not-allowed } .brand-outline-cp7gZY.loading-fw-C7i { background-color: var(--theme-bg-white); opacity: .5; cursor: not-allowed } .brand-outline-cp7gZY.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-border-active); border-top-color: var(--theme-border-quaternary); border-right-color: var(--theme-border-quaternary); border-bottom-color: var(--theme-border-quaternary) } .black-bq0XPt { background: var(--theme-tab-fill-active); color: var(--theme-text-white-primary) } .black-bq0XPt:hover { background: black } .black-bq0XPt.disabled-Gh75bq { opacity: .6; cursor: not-allowed } .black-bq0XPt.disabled-Gh75bq:hover { background: var(--theme-tab-fill-active) } .black-bq0XPt.loading-fw-C7i { opacity: .6; cursor: not-allowed } .black-bq0XPt.loading-fw-C7i:hover { background: var(--theme-tab-fill-active) } .black-bq0XPt.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-text-primary); border-top-color: var(--theme-text-white-primary); border-right-color: var(--theme-text-white-primary); border-bottom-color: var(--theme-text-white-primary) } .black-outline-bGq1MF { background-color: var(--theme-bg-white); border: 1px solid var(--theme-border-primary); color: var(--theme-icon-primary) } .black-outline-bGq1MF:hover { background: var(--theme-bg-gray-secondary) } .black-outline-bGq1MF:active { background: var(--theme-btn-fill-secondary) } .black-outline-bGq1MF.disabled-Gh75bq, .black-outline-bGq1MF.loading-fw-C7i { background-color: var(--theme-bg-white); opacity: .5; cursor: not-allowed } .black-outline-bGq1MF.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-icon-secondary); border-top-color: var(--common-white); border-right-color: var(--common-white); border-bottom-color: var(--common-white) } .gray-bv4rHZ { background-color: var(--theme-btn-fill-secondary); color: var(--theme-icon-primary) } .gray-bv4rHZ:hover { background-color: var(--theme-bg-gray-primary) } .gray-bv4rHZ:active { background-color: var(--theme-icon-disable) } .gray-bv4rHZ.disable-click-V04mXQ, .gray-bv4rHZ.disabled-Gh75bq, .gray-bv4rHZ.loading-fw-C7i { background-color: var(--theme-btn-fill-secondary); opacity: .5; cursor: not-allowed } .gray-bv4rHZ.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-border-quaternary); border-top-color: var(--theme-icon-secondary); border-right-color: var(--theme-icon-secondary); border-bottom-color: var(--theme-icon-secondary) } .brand-2GTRuV { background-color: var(--theme-btn-fill-tertiary); color: var(--theme-text-btn-tertiary) } .brand-2GTRuV:hover { background-color: var(--theme-btn-fill-tertiary-hover) } .brand-2GTRuV:active { background-color: var(--theme-btn-fill-tertiary-active) } .brand-2GTRuV.disable-click-V04mXQ, .brand-2GTRuV.disabled-Gh75bq, .brand-2GTRuV.loading-fw-C7i { background-color: var(--theme-btn-fill-tertiary); opacity: .5; cursor: not-allowed } .brand-2GTRuV.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-btn-fill-tertiary); border-top-color: var(--theme-border-active); border-right-color: var(--theme-border-active); border-bottom-color: var(--theme-border-active) } .light-gray-DpR1F3 { background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-primary) } .light-gray-DpR1F3:hover { background-color: var(--theme-bg-gray-primary) } .light-gray-DpR1F3:active { background-color: var(--theme-btn-fill-secondary) } .light-gray-DpR1F3.disable-click-V04mXQ, .light-gray-DpR1F3.disabled-Gh75bq, .light-gray-DpR1F3.loading-fw-C7i { background-color: var(--theme-fill-tsp-components-secondary); opacity: .5; cursor: not-allowed } .light-gray-DpR1F3.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-btn-border-primary); border-top-color: var(--theme-icon-secondary); border-right-color: var(--theme-icon-secondary); border-bottom-color: var(--theme-icon-secondary) } .text-gray-nnwx85 { display: inline-flex; align-items: center; padding: 0; color: var(--theme-text-tertiary) } .text-gray-nnwx85:hover { opacity: .6 } .text-gray-nnwx85.disabled-Gh75bq { color: var(--theme-text-tertiary); cursor: not-allowed } .text-gray-nnwx85.disabled-Gh75bq:hover { opacity: .8 } .text-gray-nnwx85.loading-fw-C7i { color: var(--theme-text-tertiary); cursor: not-allowed } .text-gray-nnwx85.loading-fw-C7i:hover { opacity: .8 } .text-gray-nnwx85.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-text-tertiary); border-top-color: var(--theme-shadow-s2); border-right-color: var(--theme-shadow-s2); border-bottom-color: var(--theme-shadow-s2) } .danger--4xJoC { background-color: var(--theme-function-error); color: var(--theme-icon-white-primary) } .danger--4xJoC:hover { background-color: var(--red-300) } .danger--4xJoC:active { background-color: var(--theme-function-error) } .danger--4xJoC.disabled-Gh75bq { opacity: .5; cursor: not-allowed } .danger--4xJoC.loading-fw-C7i { cursor: not-allowed } .danger--4xJoC.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-function-error-border); border-left-color: var(--common-white) } .danger-outline-WocVc5 { color: var(--theme-function-error); border: 1px solid #ff3d00 } .danger-outline-WocVc5:hover { background: var(--theme-fill-tsp-components-secondary) } .danger-outline-WocVc5.disabled-Gh75bq { background: rgba(255, 61, 0, .06); border: 1px solid rgba(255, 61, 0, .48); color: #ff3d007a; cursor: not-allowed } .danger-outline-WocVc5.disabled-Gh75bq:hover { background: rgba(255, 61, 0, .06) } .danger-outline-WocVc5.loading-fw-C7i { background: rgba(255, 61, 0, .06); border: 1px solid rgba(255, 61, 0, .48); color: #ff3d007a; cursor: not-allowed } .danger-outline-WocVc5.loading-fw-C7i:hover { background: rgba(255, 61, 0, .06) } .danger-outline-WocVc5.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid rgba(255, 61, 0, .48); border-top-color: var(--theme-shadow-s2); border-right-color: var(--theme-shadow-s2); border-bottom-color: var(--theme-shadow-s2) } .text-primary-xgp2fn { display: inline-flex; align-items: center; padding: 0; color: var(--theme-text-link) } .text-primary-xgp2fn:hover { opacity: .9 } .text-primary-xgp2fn.disabled-Gh75bq { color: var(--theme-text-tertiary); cursor: not-allowed } .text-primary-xgp2fn.disabled-Gh75bq:hover { opacity: .8 } .text-primary-xgp2fn.loading-fw-C7i { color: var(--theme-text-link); cursor: not-allowed } .text-primary-xgp2fn.loading-fw-C7i:hover { opacity: .8 } .text-primary-xgp2fn.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-text-link); border-top-color: var(--theme-shadow-s2); border-right-color: var(--theme-shadow-s2); border-bottom-color: var(--theme-shadow-s2) } .orange-3BvwT8 { background: var(--theme-function-warning); color: var(--theme-text-white-primary) } .orange-3BvwT8:hover { background: #ff6d00 } .orange-3BvwT8.disable-click-V04mXQ { cursor: not-allowed } .orange-3BvwT8.disable-click-V04mXQ:hover { background: var(--theme-function-warning) } .orange-3BvwT8.disabled-Gh75bq { opacity: .7; cursor: not-allowed } .orange-3BvwT8.disabled-Gh75bq:hover { background: var(--theme-function-warning) } .orange-3BvwT8.loading-fw-C7i { opacity: .7; cursor: not-allowed } .orange-3BvwT8.loading-fw-C7i:hover { background: var(--theme-function-warning) } .orange-3BvwT8.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-function-warning); border-top-color: #fff6; border-right-color: #fff6; border-bottom-color: #fff6 } @keyframes circle-8iwpCW { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .green-outline-SMarDq { background: var(--theme-text-white-primary); border: 1px solid #5aba4d; color: #5aba4d } .green-outline-SMarDq:hover { background: rgba(90, 186, 77, .08) } .green-outline-SMarDq:active { background: rgba(90, 186, 77, .16) } .green-outline-SMarDq.disabled-Gh75bq { background: #efebeb; border: 1px solid #efebeb; color: var(--theme-text-disable); cursor: not-allowed } .green-outline-SMarDq.disabled-Gh75bq:hover { background: #efebeb } .green-outline-SMarDq.loading-fw-C7i { opacity: .5; cursor: not-allowed } .green-outline-SMarDq.loading-fw-C7i:hover { background: var(--theme-text-white-primary) } .green-outline-SMarDq.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-text-primary); border-top-color: var(--theme-text-white-primary); border-right-color: var(--theme-text-white-primary); border-bottom-color: var(--theme-text-white-primary) } .primary-gradient-1EMFfd { background: linear-gradient(112.58deg, var(--theme-text-link) -5.16%, var(--theme-btn-fill-primary) 105.31%); border: 1px solid var(--theme-text-link); color: var(--theme-text-white-primary) } .primary-gradient-1EMFfd:hover { background: linear-gradient(112.58deg, var(--theme-text-link) -5.16%, var(--theme-btn-fill-primary) 105.31%) } .primary-gradient-1EMFfd.disabled-Gh75bq { opacity: .5; cursor: not-allowed } .primary-gradient-1EMFfd.disabled-Gh75bq:hover { background: linear-gradient(112.58deg, var(--theme-text-link) -5.16%, var(--theme-btn-fill-primary) 105.31%); opacity: .5 } .primary-gradient-1EMFfd.loading-fw-C7i { opacity: .7; cursor: not-allowed } .primary-gradient-1EMFfd.loading-fw-C7i:hover { background: linear-gradient(112.58deg, var(--theme-text-link) -5.16%, var(--theme-btn-fill-primary) 105.31%); opacity: .7 } .primary-gradient-1EMFfd.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-text-link); border-top-color: var(--theme-btn-fill-tertiary-active); border-right-color: var(--theme-btn-fill-tertiary-active); border-bottom-color: var(--theme-btn-fill-tertiary-active) } .purple-outline-lIOQ6B { border: 1px solid var(--theme-border-quaternary); color: var(--theme-icon-brand) } .purple-outline-lIOQ6B:hover { border-color: var(--theme-border-quaternary); background: var(--theme-btn-fill-tertiary-hover) } .purple-outline-lIOQ6B:active { border-color: var(--theme-border-quaternary); background: var(--theme-btn-fill-tertiary) } .purple-outline-lIOQ6B.disabled-Gh75bq { opacity: .5; cursor: not-allowed } .purple-outline-lIOQ6B.disabled-Gh75bq:hover { opacity: .5 } .purple-outline-lIOQ6B.loading-fw-C7i { opacity: .7; cursor: not-allowed } .purple-outline-lIOQ6B.loading-fw-C7i:hover { background: linear-gradient(112.58deg, var(--theme-text-link) -5.16%, var(--theme-btn-fill-primary) 105.31%); opacity: .7 } .purple-outline-lIOQ6B.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-text-link); border-top-color: var(--theme-btn-fill-tertiary-active); border-right-color: var(--theme-btn-fill-tertiary-active); border-bottom-color: var(--theme-btn-fill-tertiary-active) } .black-gradient-3F6Qla { background: linear-gradient(265deg, var(--theme-tab-fill-active) 35.45%, var(--theme-text-secondary) 96.63%); color: var(--theme-icon-white-primary) } .black-gradient-3F6Qla.size-large--z0V-L { font-weight: 700 } .black-gradient-3F6Qla:not(.disabled-Gh75bq):hover { opacity: .8; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .black-gradient-3F6Qla.disabled-Gh75bq { opacity: .5; cursor: not-allowed } .black-gradient-3F6Qla .loading-circle-yuGoCx { border: 2px solid var(--theme-icon-white-primary); border-top-color: var(--theme-icon-secondary); border-right-color: var(--theme-icon-secondary); border-bottom-color: var(--theme-icon-secondary) } .gray-blue8-cpoVno { background-color: var(--theme-fill-tsp-components-secondary) } .gray-blue8-cpoVno:hover { background-color: var(--theme-fill-tsp-components-primary) } .gray-outline-Yu0I15 { background-color: var(--theme-btn-fill-secondary); color: var(--theme-text-primary) } .gray-outline-Yu0I15:hover { background: var(--theme-btn-fill-secondary-hover) } .gray-outline-Yu0I15:active { background: var(--theme-btn-fill-secondary-active) } .gray-outline-Yu0I15.disabled-Gh75bq, .gray-outline-Yu0I15.loading-fw-C7i { opacity: .5 } .gray-outline-Yu0I15.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-text-primary); border-top-color: var(--theme-border-primary); border-right-color: var(--theme-border-primary); border-bottom-color: var(--theme-border-primary) } .purple-gradient-9JaUaN { background: linear-gradient(91.05deg, #6841ea 0%, #c263ff 100%); transition: background .25s ease, opacity .25s ease; color: var(--theme-text-white-primary) } .purple-gradient-9JaUaN:hover { opacity: .9 } .purple-gradient-9JaUaN:active { opacity: .8 } .purple-gradient-9JaUaN.disabled-Gh75bq { opacity: .5; cursor: not-allowed } .purple-gradient-9JaUaN.loading-fw-C7i { opacity: .5 } .purple-gradient-9JaUaN.loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-fill-white); border-top-color: var(--theme-border-white); border-right-color: var(--theme-border-white); border-bottom-color: var(--theme-border-white) } ._monica-dark .brand-outline-cp7gZY { color: var(--theme-btn-fill-primary-hover) } .link-primary-Kb01Mq { display: inline-flex; align-items: center; padding: 0 !important; height: auto !important; color: var(--theme-text-link) } .link-primary-Kb01Mq:hover { color: var(--theme-text-link-active); text-decoration: underline } .link-primary-Kb01Mq.disabled-Gh75bq { color: var(--theme-text-link-active); cursor: not-allowed; opacity: .5 } .default-l03Aam.disabled-Gh75bq, .text-eoFM72.disabled-Gh75bq, .soft-qRmb1q.disabled-Gh75bq, .link-yuZCSS.disabled-Gh75bq, .outline-dhmqoF.disabled-Gh75bq, .default-l03Aam.loading-fw-C7i, .text-eoFM72.loading-fw-C7i, .soft-qRmb1q.loading-fw-C7i, .link-yuZCSS.loading-fw-C7i, .outline-dhmqoF.loading-fw-C7i { opacity: .5; cursor: not-allowed } .default-l03Aam:active, .text-eoFM72:active, .soft-qRmb1q:active, .link-yuZCSS:active, .outline-dhmqoF:active { outline: none } .default-l03Aam .loading-circle-yuGoCx, .text-eoFM72 .loading-circle-yuGoCx, .soft-qRmb1q .loading-circle-yuGoCx, .link-yuZCSS .loading-circle-yuGoCx, .outline-dhmqoF .loading-circle-yuGoCx { border: 2px solid var(--common-white); border-top-color: var(--theme-border-quaternary); border-right-color: var(--theme-border-quaternary); border-bottom-color: var(--theme-border-quaternary) } .default-l03Aam { padding: 11px 16px; border-radius: 12px } .default-l03Aam:where(.primary-yGi-9b) { background: var(--theme-btn-fill-primary); color: var(--theme-text-white-primary) } .default-l03Aam:where(.primary-yGi-9b):hover { background: var(--theme-btn-fill-primary-hover) } .default-l03Aam:where(.primary-yGi-9b):active, .default-l03Aam:where(.primary-yGi-9b) .active-TtP950 { background: var(--theme-btn-fill-primary-active) } .default-l03Aam:where(.primary-yGi-9b).loading-fw-C7i .loading-circle-yuGoCx { border-color: var(--theme-border-active); border-left-color: var(--common-white) } .default-l03Aam:where(.secondary-B0uj3a) { background: var(--theme-icon-disable); color: var(--theme-text-primary) } .default-l03Aam:where(.secondary-B0uj3a):hover { background: var(--theme-btn-fill-secondary) } .default-l03Aam:where(.secondary-B0uj3a):active, .default-l03Aam:where(.secondary-B0uj3a) .active-TtP950 { background: var(--theme-icon-quaternary) } .default-l03Aam:where(.secondary-B0uj3a).loading-fw-C7i .loading-circle-yuGoCx { border-color: var(--theme-icon-disable); border-left-color: var(--common-white) } .default-l03Aam:where(.danger--4xJoC) { background: var(--theme-icon-disable); color: var(--theme-text-white-primary) } .default-l03Aam:where(.danger--4xJoC):hover { background: var(--theme-btn-fill-secondary) } .default-l03Aam:where(.danger--4xJoC):active, .default-l03Aam:where(.danger--4xJoC) .active-TtP950 { background: var(--theme-icon-quaternary) } .text-eoFM72 { background: none } .text-eoFM72:where(.secondary-B0uj3a) { color: var(--theme-text-tertiary) } .text-eoFM72:where(.primary-yGi-9b) { color: var(--theme-text-brand) } .text-eoFM72:where(.danger--4xJoC) { color: var(--theme-function-error) } .text-eoFM72:hover, .text-eoFM72:active { background: var(--theme-fill-tsp-components-secondary) } .text-eoFM72.loading-fw-C7i { background: none } .text-eoFM72.loading-fw-C7i .loading-circle-yuGoCx { border-color: var(--common-white); border-left-color: currentColor } .text-eoFM72.disabled-Gh75bq { opacity: .5; cursor: not-allowed; background: none } .soft-qRmb1q:where(.primary-yGi-9b) { background: var(--theme-btn-fill-tertiary); color: var(--theme-text-btn-tertiary) } .soft-qRmb1q:where(.primary-yGi-9b):hover { background: var(--theme-btn-fill-tertiary-hover) } .soft-qRmb1q:where(.primary-yGi-9b):active, .soft-qRmb1q:where(.primary-yGi-9b) .active-TtP950 { background: var(--theme-btn-fill-tertiary-active) } .soft-qRmb1q:where(.primary-yGi-9b).disabled-Gh75bq { background: var(--theme-btn-fill-tertiary) } .soft-qRmb1q:where(.secondary-B0uj3a) { background: var(--theme-fill-tsp-components-secondary); color: var(--theme-text-primary) } .soft-qRmb1q:where(.secondary-B0uj3a):hover { background: var(--theme-fill-tsp-components-primary) } .soft-qRmb1q:where(.secondary-B0uj3a):active, .soft-qRmb1q:where(.secondary-B0uj3a) .active-TtP950 { background: var(--theme-fill-tsp-components-primary) } .outline-dhmqoF:where(.secondary-B0uj3a) { border: 1px solid var(--theme-border-quaternary); color: var(--theme-text-primary) } .outline-dhmqoF:where(.secondary-B0uj3a):hover { background: var(--theme-bg-gray-secondary) } .outline-dhmqoF:where(.secondary-B0uj3a):active, .outline-dhmqoF:where(.secondary-B0uj3a) .active-TtP950 { background: var(--theme-bg-gray-primary) } .outline-dhmqoF:where(.danger--4xJoC) { border: 1px solid var(--theme-function-error-border) } .outline-dhmqoF:where(.primary-yGi-9b) { border: 1px solid var(--theme-border-active); background: none; color: var(--theme-text-brand) } .outline-dhmqoF:where(.primary-yGi-9b):hover { background: var(--theme-btn-fill-tertiary-hover) } .outline-dhmqoF:where(.primary-yGi-9b):active { background: var(--theme-btn-fill-tertiary) } .outline-dhmqoF:where(.primary-yGi-9b).loading-fw-C7i { background-color: var(--theme-btn-fill-primary); opacity: .5; cursor: not-allowed } .outline-dhmqoF:where(.primary-yGi-9b).loading-fw-C7i .loading-circle-yuGoCx { border: 2px solid var(--theme-text-brand); border-top-color: var(--common-white); border-right-color: var(--common-white); border-bottom-color: var(--common-white) } .monica-btn-NUY5KZ.link-yuZCSS { color: var(--theme-text-link); padding: 0 4px } .monica-btn-NUY5KZ.link-yuZCSS:hover, .monica-btn-NUY5KZ.link-yuZCSS:active { text-decoration: underline; background: none } .monica-btn-NUY5KZ.link-yuZCSS:hover, .monica-btn-NUY5KZ.link-yuZCSS:active { color: var(--theme-text-link-active) } .monica-btn-NUY5KZ.size-default-w4Fg-W .icon-DNMs68 svg { font-size: 16px } .ani-sheen-zCNexF { position: relative; overflow: hidden } .ani-sheen-zCNexF:after { content: ""; position: absolute; top: -50%; bottom: -50%; left: -40px; width: 40px; transform: rotate(-30deg); animation: 2.5s sheen-6Y-Gi9 forwards infinite; background: linear-gradient(to right, var(--theme-gradient-white-not), var(--theme-gradient-white-main) 50%, var(--theme-gradient-white-not)) } @keyframes sheen-6Y-Gi9 { 40% { left: -40px } to { left: calc(100% + 40px) } } .field-button-zTfN-n { border: 1px solid rgba(145, 158, 171, .24); border-radius: 4px; padding: 4px 10px; color: var(--theme-text-secondary); font-weight: 500; font-size: 13px; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; background-color: var(--theme-text-white-primary); position: relative; white-space: pre-wrap; word-wrap: break-word } .field-button-zTfN-n.brand-dB30rN { font-size: 14px; color: var(--theme-text-primary); border: 1px solid var(--theme-border-primary); border-radius: 8px } .field-button-zTfN-n.brand-dB30rN:hover { color: var(--theme-text-primary); background-color: var(--theme-bg-gray-secondary); border-color: var(--theme-border-primary) } .field-button-zTfN-n.brand-dB30rN.active--gs96P { background-color: var(--theme-btn-fill-tertiary-hover); border-color: var(--theme-border-quaternary); color: var(--theme-text-btn-tertiary) } .field-button-zTfN-n:hover { background-color: var(--theme-btn-fill-tertiary-hover); border-color: #3872e07a; color: var(--theme-text-btn-tertiary) } .field-button-zTfN-n:hover .remove-FIw8my { visibility: visible } .field-button-zTfN-n.active--gs96P { background: var(--theme-btn-fill-tertiary-hover); border-color: var(--theme-fill-tsp-blue); color: var(--theme-text-btn-tertiary) } .field-button-zTfN-n.disabled-ULkm8Q { border-color: #919eab3d; background-color: var(--theme-text-white-primary); color: var(--theme-text-secondary); opacity: .4; cursor: not-allowed } .field-button-zTfN-n .remove-FIw8my { position: absolute; right: -6px; top: -6px; visibility: hidden; cursor: pointer; font-size: 0; width: 14px; height: 14px; display: flex; flex-direction: row; justify-content: center; align-items: center; border: 1px solid #a6a6a6; background-color: #fff; border-radius: 100px; transition: all .1s ease; color: var(--theme-text-quaternary) } .field-button-zTfN-n .remove-FIw8my:hover { background-color: var(--theme-btn-fill-primary); border-color: var(--theme-border-active); color: var(--theme-icon-white-primary) } .highlight-VXXpM8 { padding: 0; background-color: unset; color: var(--theme-icon-brand) } .icon-button-rKrnuw { border-radius: 6px; box-sizing: content-box; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: background-color .2s; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .icon-button-rKrnuw:hover { background-color: var(--theme-fill-tsp-components-secondary) } .icon-button-rKrnuw.active-OxFcM7 { background-color: var(--theme-btn-fill-secondary) } .icon-button-rKrnuw.disabled-MZrqcm { opacity: .6; cursor: not-allowed } .default-5P9wFw { position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; height: 24px; min-height: 24px; padding: 0 8px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(56, 114, 224, .48); border-radius: 4px; font-size: 13px; color: #3872e0; gap: 4px; max-width: 150px; background: var(--theme-text-white-primary) } .default-5P9wFw.tag-button-active-ZIkPuP { background: var(--theme-fill-tsp-blue); border: 1px solid var(--theme-fill-tsp-blue); font-weight: 700 } .default-5P9wFw.tag-button-active-ZIkPuP:hover { background: var(--theme-btn-fill-tertiary) } .default-5P9wFw:hover { background: var(--theme-btn-fill-tertiary-hover) } .default-5P9wFw:hover .remove-qGBNm6 { visibility: visible } .default-5P9wFw .text-wrapper-jG1TyH { flex: 1; min-width: 0px; display: flex; flex-direction: column } .default-5P9wFw .text-wrapper-jG1TyH:after { content: attr(data-text); font-weight: 700; visibility: hidden; height: 1px; color: transparent; margin-bottom: -1px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; width: 100% } .default-5P9wFw .text-wrapper-jG1TyH .text-q77B5m { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; width: 100% } .default-5P9wFw .remove-qGBNm6 { position: absolute; right: -6px; top: -6px; visibility: hidden; cursor: pointer; font-size: 0; width: 16px; height: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; border: 1px solid #3872e0; background-color: #fff; border-radius: 100px; transition: all .1s ease; color: var(--theme-text-quaternary) } .default-5P9wFw .remove-qGBNm6:hover { background-color: var(--theme-btn-fill-primary); border-color: var(--theme-border-active); color: var(--theme-icon-white-primary) } .light-primary-1uzAcM { position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 4px 8px; line-height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 14px; font-weight: 400; gap: 4px; max-width: 150px; background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-primary) } .light-primary-1uzAcM:hover { background-color: var(--theme-btn-fill-secondary) } .light-primary-1uzAcM:hover .remove-qGBNm6 { visibility: visible } .light-primary-1uzAcM.tag-button-active-ZIkPuP { background-color: var(--theme-btn-fill-tertiary); color: var(--theme-text-btn-tertiary) } .light-primary-1uzAcM.tag-button-active-ZIkPuP:hover { background-color: var(--theme-btn-fill-tertiary-hover) } .light-primary-1uzAcM.bold-hCeP73 { font-weight: 500; border-radius: 8px } .light-primary-1uzAcM .text-wrapper-jG1TyH { flex: 1; min-width: 0px; display: flex; flex-direction: column } .light-primary-1uzAcM .text-wrapper-jG1TyH:after { content: attr(data-text); font-weight: 700; visibility: hidden; height: 1px; color: transparent; margin-bottom: -1px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; width: 100% } .light-primary-1uzAcM .text-wrapper-jG1TyH .text-q77B5m { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: 100%; white-space: nowrap } .light-primary-1uzAcM .remove-qGBNm6 { position: absolute; right: -6px; top: -6px; visibility: hidden; cursor: pointer; font-size: 0; width: 16px; height: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; border: 1px solid --brand-100; background-color: #fff; border-radius: 100px; transition: all .1s ease; background-color: var(--theme-bg-gray-secondary); color: var(--theme-text-quaternary) } .light-primary-1uzAcM .remove-qGBNm6:hover { background-color: var(--theme-btn-fill-primary); border-color: var(--theme-border-active); color: var(--theme-icon-white-primary) } .light-primary-1uzAcM .remove-qGBNm6:hover { background-color: var(--theme-btn-fill-secondary-hover); color: var(--theme-text-tertiary) } .primary-logycF { position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 4px 12px; line-height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 14px; font-weight: 400; gap: 4px; max-width: 150px; background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-text-primary) } .primary-logycF:hover { background-color: var(--theme-fill-tsp-components-primary) } .primary-logycF:hover .remove-qGBNm6 { visibility: visible } .primary-logycF.tag-button-active-ZIkPuP { background-color: var(--theme-btn-fill-primary) } .primary-logycF.tag-button-active-ZIkPuP .text-wrapper-jG1TyH { color: var(--theme-icon-white-primary) } .primary-logycF.tag-button-active-ZIkPuP:hover { background-color: var(--theme-btn-fill-primary) } .primary-logycF.tag-button-active-ZIkPuP:hover .text-wrapper-jG1TyH { color: var(--theme-icon-white-primary) } .primary-logycF.bold-hCeP73 { font-weight: 500; border-radius: 8px } .primary-logycF .text-wrapper-jG1TyH { flex: 1; min-width: 0px; display: flex; flex-direction: column; color: var(--theme-text-primary) } .primary-logycF .text-wrapper-jG1TyH:after { content: attr(data-text); font-weight: 700; visibility: hidden; height: 1px; color: transparent; margin-bottom: -1px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; width: 100% } .primary-logycF .text-wrapper-jG1TyH .text-q77B5m { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: 100%; white-space: nowrap } .primary-logycF .remove-qGBNm6 { position: absolute; right: -6px; top: -6px; visibility: hidden; cursor: pointer; font-size: 0; width: 16px; height: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; border: 1px solid --brand-100; background-color: #fff; border-radius: 100px; transition: all .1s ease; color: var(--theme-text-quaternary) } .primary-logycF .remove-qGBNm6:hover { background-color: var(--theme-btn-fill-primary); border-color: var(--theme-border-active); color: var(--theme-icon-white-primary) } :where(.secondary-W6nDWO) { box-sizing: border-box; border-radius: 6px; border: 1px solid var(--theme-border-quaternary); font-size: 13px; font-weight: 400; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; max-width: 150px; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } :where(.secondary-W6nDWO) svg { color: var(--theme-icon-primary) } :where(.secondary-W6nDWO):hover { border-color: var(--theme-border-primary); background: var(--theme-fill-tsp-components-primary) } :where(.secondary-W6nDWO):hover .remove-qGBNm6 { visibility: visible } :where(.secondary-W6nDWO).tag-button-active-ZIkPuP { border: 1px solid var(--theme-border-active); background: var(--theme-btn-fill-tertiary) } :where(.secondary-W6nDWO).tag-button-active-ZIkPuP .text-wrapper-jG1TyH { color: var(--theme-text-btn-tertiary) } :where(.secondary-W6nDWO).tag-button-active-ZIkPuP:hover { opacity: .8 } :where(.secondary-W6nDWO) .text-wrapper-jG1TyH { flex: 1; min-width: 0px; display: flex; flex-direction: column; color: var(--theme-text-primary) } :where(.secondary-W6nDWO) .text-wrapper-jG1TyH .text-q77B5m { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; width: 100%; white-space: nowrap } :where(.secondary-W6nDWO) .remove-qGBNm6 { position: absolute; right: -6px; top: -6px; visibility: hidden; cursor: pointer; font-size: 0; width: 16px; height: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; border: 1px solid --brand-100; background-color: #fff; border-radius: 100px; transition: all .1s ease; background-color: var(--theme-bg-gray-secondary); color: var(--theme-text-quaternary) } :where(.secondary-W6nDWO) .remove-qGBNm6:hover { background-color: var(--theme-btn-fill-primary); border-color: var(--theme-border-active); color: var(--theme-icon-white-primary) } :where(.secondary-W6nDWO) .remove-qGBNm6:hover { background-color: var(--theme-btn-fill-secondary-hover); color: var(--theme-text-tertiary) } :where(.secondary-W6nDWO).large-lilBN0 { padding: 5px 12px } :where(.secondary-W6nDWO).medium-MrQndD { padding: 3px 8px } :where(.secondary-W6nDWO).small-j4DNmk { padding: 1px 8px } :where(.outline-msIU6W) { border-radius: 8px; padding: 4px 12px; border: 1px solid var(--theme-border-quaternary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } :where(.outline-msIU6W) .text-wrapper-jG1TyH { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 24px } :where(.outline-msIU6W):hover { border-color: var(--theme-border-primary); background: var(--theme-fill-tsp-components-primary) } :where(.outline-msIU6W).tag-button-active-ZIkPuP { border-radius: 8px; border: 1px solid #6841ea; background: var(--theme-btn-fill-tertiary) } :where(.outline-msIU6W).tag-button-active-ZIkPuP .text-wrapper-jG1TyH { color: var(--theme-text-btn-tertiary) } :where(.outline-msIU6W).tag-button-active-ZIkPuP:hover { opacity: .8 } :where(.outline-msIU6W).large-lilBN0 { padding: 5px 12px } :where(.outline-msIU6W).medium-MrQndD { padding: 3px 8px } :where(.outline-msIU6W).small-j4DNmk { padding: 1px 8px } .monica-modal-wrapper-Z5kFt4 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; font-size: 14px; white-space: normal; color: var(--theme-text-primary); box-sizing: border-box; inset: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 5; background: transparent; pointer-events: initial } .monica-modal-wrapper-Z5kFt4 :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .monica-modal-wrapper-Z5kFt4 :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .monica-modal-wrapper-Z5kFt4 .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } .monica-modal-wrapper-Z5kFt4 ::selection { background-color: #96c8fab3 } .monica-modal-wrapper-Z5kFt4.black-mask-0-2mqP { background: var(--theme-bg-mask); -webkit-app-region: no-drag } .monica-modal-F4aSdk { position: relative; background: var(--theme-bg-menu-white); box-shadow: 0 0 1px var(--theme-shadow-s2), 1px 2px 14px 1px var(--theme-fill-tsp-components-primary); border-radius: 20px; border: 1px solid var(--theme-border-white); max-height: calc(100% - 20px); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .monica-modal-F4aSdk::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .monica-modal-F4aSdk::-webkit-scrollbar-track { background: transparent } .monica-modal-F4aSdk::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .monica-modal-F4aSdk::-webkit-scrollbar-thumb:hover { background: #00000062 } .monica-modal-F4aSdk::-webkit-scrollbar-corner { background: transparent } .monica-modal-F4aSdk.renderer-modal-ugLqfS { border-radius: unset; width: 100% !important } .monica-modal-F4aSdk .close-hEzZ7v { position: absolute; width: 24px; height: 24px; cursor: pointer; font-size: 20px; display: inline-flex; justify-content: center; align-items: center; color: var(--theme-icon-primary); z-index: 500; transition: color .2s, background-color .2s; border-radius: 4px } .monica-modal-F4aSdk .close-hEzZ7v:hover { background-color: var(--theme-shadow-s1) } ._monica-dark .monica-modal-wrapper-Z5kFt4 .monica-modal-F4aSdk { background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3) !important; border: 1px solid var(--theme-border-white) } .confirm-pabbDI { padding: 20px; border-radius: 16px; color: var(--theme-text-primary) } .confirm-pabbDI .confirm-title-J4IMEK { font-weight: 600; font-size: 18px; line-height: 28px; margin-bottom: 10px } .confirm-pabbDI .confirm-content-AG8RJo { font-weight: 400; font-size: 14px; line-height: 28px; white-space: pre-wrap } .confirm-pabbDI .footer-gcgxCm { display: flex; justify-content: right; margin-top: 28px } .confirm-pabbDI .footer-gcgxCm .btn-group-F-0oxx { display: flex; flex-direction: row; gap: 12px } .confirm-YhyJKW { padding: 20px; border-radius: 16px; color: var(--theme-text-primary); max-width: calc(100vw - 48px) } .confirm-YhyJKW .confirm-title-t9KK-n { margin-bottom: 12px; color: var(--theme-icon-primary); font-weight: 700; font-size: 16px; line-height: 24px; padding-right: 20px } .confirm-YhyJKW .confirm-content-M03Isi { color: var(--theme-icon-primary); font-size: 14px; line-height: 22px; margin-bottom: 12px } .confirm-YhyJKW .footer--QO06v { display: flex; justify-content: right; margin-top: 46px } .confirm-YhyJKW .footer--QO06v .btn-group-pjpO4j { display: flex; flex-direction: row; gap: 16px } .confirm-YhyJKW .footer--QO06v .btn-group-pjpO4j.btn-group-full-vEFivZ { width: 100% } .confirm-YhyJKW .footer--QO06v .btn-group-pjpO4j.btn-group-full-vEFivZ>div { flex: 1 } .confirm-YhyJKW .footer--QO06v .btn-group-pjpO4j>div { padding: 11px 29px } .confirm-YhyJKW.mobile-1YJgxi .footer--QO06v { margin-top: 20px } .confirm-YhyJKW.mobile-1YJgxi .footer--QO06v .btn-group-pjpO4j { gap: 12px } .prompt-qRxLr7 { padding: 20px; border-radius: 16px; color: var(--theme-text-primary) } .prompt-qRxLr7 .title-B6eVL7 { font-weight: 600; font-size: 18px; line-height: 28px; margin-bottom: 12px } .prompt-qRxLr7 .content-alIVic { font-weight: 400; font-size: 14px; line-height: 32px; white-space: pre-wrap; margin-bottom: 12px } .prompt-qRxLr7 .content-alIVic .input-SwU8hM { word-wrap: break-word; white-space: pre-wrap; border: 1.5px solid var(--theme-border-light); box-shadow: unset !important; outline: 0; font-size: 14px; color: var(--theme-text-primary); background: var(--theme-fill-tsp-components-secondary); border: 1px solid transparent; border-radius: 10px; padding: 12px 16px; height: 40px } .prompt-qRxLr7 .content-alIVic .input-SwU8hM::placeholder { color: var(--theme-text-disable) } .prompt-qRxLr7 .content-alIVic .input-SwU8hM:focus { border-color: var(--theme-border-active) } .prompt-qRxLr7 .content-alIVic .input-SwU8hM[disabled] { background-color: var(--theme-btn-fill-secondary-hover); border-color: var(--theme-btn-fill-secondary); color: var(--theme-text-quaternary); cursor: not-allowed } .prompt-qRxLr7 .content-alIVic .input-SwU8hM:hover { border-color: var(--theme-border-active) } .prompt-qRxLr7 .footer-7WHbVB { display: flex; justify-content: flex-end; padding-top: 8px } .prompt-qRxLr7 .footer-7WHbVB .btn-group-6sU3sM { display: flex; flex-direction: row; gap: 12px } .styled-modal-uxirSh { padding: 20px } .styled-modal-uxirSh .header-ArVswv { color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; display: flex; align-items: center } .styled-modal-uxirSh .header-ArVswv.has-back-NGKZOB { margin-left: -10px } .styled-modal-uxirSh .header-ArVswv .back-GugrQi { padding: 4px; border-radius: 6px; box-sizing: content-box; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: background-color .2s; color: var(--theme-text-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin-right: 4px } .styled-modal-uxirSh .header-ArVswv .back-GugrQi path { stroke-opacity: 1 } .styled-modal-uxirSh .header-ArVswv .back-GugrQi:hover { background-color: var(--theme-fill-tsp-components-secondary) } .styled-modal-uxirSh .body-roOS8J { margin-right: -16px; padding-right: 16px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; max-height: calc(100vh - 238px); margin-top: 12px } .styled-modal-uxirSh .body-roOS8J::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .styled-modal-uxirSh .body-roOS8J::-webkit-scrollbar-track { background: transparent } .styled-modal-uxirSh .body-roOS8J::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .styled-modal-uxirSh .body-roOS8J::-webkit-scrollbar-thumb:hover { background: #00000062 } .styled-modal-uxirSh .body-roOS8J::-webkit-scrollbar-corner { background: transparent } .styled-modal-uxirSh .footer-SfAqs3 { display: flex; margin-top: 20px } .styled-modal-uxirSh .footer-SfAqs3 .footer-left-TFXwoN { margin-right: auto } .styled-modal-uxirSh .footer-SfAqs3 .button-0EYcFS { min-width: 104px } .styled-modal-uxirSh .footer-SfAqs3 .button-0EYcFS+.button-0EYcFS { margin-left: 16px } .artist-delete-dialog-m7Xqsw { position: relative; box-sizing: border-box; padding: 0 24px 24px } .artist-delete-dialog-m7Xqsw .header-0BHlnb { width: 100%; height: 50px; line-height: 50px; font-size: 16px; font-weight: 700; color: var(--theme-text-primary); user-select: none } .artist-delete-dialog-m7Xqsw .content-RtpAGN { width: 100%; white-space: pre-wrap; box-sizing: border-box; font-size: 14px; color: var(--theme-text-primary); line-height: 20px } .artist-delete-dialog-m7Xqsw .footer-GNjxSk { margin-top: 24px; width: 100%; display: flex; justify-content: flex-end; gap: 12px } .bot-header--I0Ob5 { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; padding: 24px 16px 10px } .bot-header--I0Ob5 .header-left-d-gDPv { display: flex; align-items: center; column-gap: 8px; flex: 1; min-width: 0 } .bot-header--I0Ob5 .header-left-d-gDPv .back-H8LzBt { display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin-left: -4px } .bot-header--I0Ob5 .header-left-d-gDPv .back-H8LzBt:hover { opacity: .8 } .bot-header--I0Ob5 .header-left-d-gDPv svg { color: var(--theme-text-primary) } .bot-header--I0Ob5 .header-left-d-gDPv .bot-name-TN9w8p { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .bot-header--I0Ob5 .header-left-d-gDPv .bot-dropdown-4PZpN6 { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .bot-header--I0Ob5 .header-left-d-gDPv .bot-dropdown-4PZpN6:hover { background-color: var(--theme-fill-tsp-components-secondary) } .bot-header--I0Ob5 .header-right-STE3TM { display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 12px } .bot-header--I0Ob5 .header-right-STE3TM .icon-wrap-KdVrD0 { display: flex } .bot-header--I0Ob5 .header-right-STE3TM .action-btn-DdF3bG { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0; width: 24px; height: 24px; border-radius: 8px } .scroll-btn-wrapper-NOKd1Q { width: 100%; max-width: calc(var(--monica-chat-max-width, 800px) - 80px); height: 0px; position: relative } .scroll-btn-wrapper-NOKd1Q .scroll-btn-7BcDJU { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; box-shadow: 0 0 2px #00000014, 0 12px 40px -4px #00000024; top: -52px; background: var(--theme-bg-menu-white); filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, .08)) drop-shadow(0px 0px 1px rgba(0, 0, 0, .08)); right: 16px; display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50% } .bot-card-L9vclx { display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 20px; height: 100%; max-width: 768px; margin: 0 auto; width: 100%; padding: 0 20px 20px } .bot-card-L9vclx .content-wrapper-Apce0B { width: 100%; min-height: 40%; height: max-content } .bot-card-L9vclx .content-7dnjGU { padding: 16px; width: 100% } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu { display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 4px; max-width: 741px; margin: 0 auto } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-logo-lEg3A8 { width: 48px; height: 48px; margin-bottom: 8px; border-radius: 50%; overflow: hidden; border: 1px solid var(--theme-border-primary) } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-name-qGyUhh { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px; display: flex; align-items: center; max-width: 100% } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-name-qGyUhh.has-badge-0V9Uoj { max-width: calc(100% - 44px) } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-name-qGyUhh .text-qEipNt { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; max-width: 100% } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-name-qGyUhh .badge-RViRvr { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 12px; font-size: 11px; background: var(--theme-btn-fill-tertiary); color: var(--theme-text-brand); white-space: nowrap; font-weight: 400; margin-left: 4px } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-name-qGyUhh .tags-yPYHMu { display: flex; align-items: center; gap: 4px; margin-left: 4px } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-name-qGyUhh .tags-yPYHMu .tag-KQPCE- { display: inline-flex; height: max-content; padding: 2px 6px; border-radius: 4px; background: var(--theme-fill-tsp-components-secondary); color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-founder-FQYcZB { display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 4px; color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-desc-tQbU6Y { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 400; line-height: 22px; text-align: center; white-space: pre-wrap } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-desc-tQbU6Y a { color: var(--theme-text-link) } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-desc-tQbU6Y a:hover { opacity: .9 } .bot-card-L9vclx .content-7dnjGU .bot-info-2FzLzu .bot-desc-tQbU6Y a:active { color: var(--theme-text-link-active) } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 { display: flex; flex-direction: column; gap: 12px; width: 100% } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .try-it-SDJTt- { display: flex; align-items: center; width: 100% } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .try-it-SDJTt-:after { content: ""; display: inline-block; flex: 1; height: 1px; background: linear-gradient(to right, rgba(79, 89, 102, .12), rgba(79, 89, 102, 0)) } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .try-it-SDJTt-:before { content: ""; display: inline-block; flex: 1; height: 1px; background: linear-gradient(to left, rgba(79, 89, 102, .12), rgba(79, 89, 102, 0)) } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .try-it-SDJTt- .try-it-text-ET6xE2 { padding: 0 12px; flex-shrink: 0; color: var(--theme-text-quaternary); text-align: center; font-size: 14px; font-weight: 400; line-height: 22px } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .suggestions-vl7u95 { display: flex; flex-direction: column; width: 100%; gap: 8px; align-items: center; justify-content: center } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .suggestions-vl7u95.horizontal-XpXwTG { width: auto; max-width: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .suggestions-vl7u95.horizontal-XpXwTG .recommend-item-mTnn4u { padding: 10px 12px; height: 100% } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .suggestions-vl7u95 .recommend-item-mTnn4u { max-width: 500px; width: 100%; display: flex; gap: 12px; padding: 10px 8px 10px 12px; border-radius: 12px; border: 1px solid var(--theme-border-primary) } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .suggestions-vl7u95 .recommend-item-mTnn4u.deleted-2LKmqT { cursor: not-allowed } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .suggestions-vl7u95 .recommend-item-mTnn4u:not(.deleted-2LKmqT) { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .suggestions-vl7u95 .recommend-item-mTnn4u:not(.deleted-2LKmqT):hover { background: var(--theme-fill-tsp-components-primary) } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .suggestions-vl7u95 .recommend-item-mTnn4u .suggestion-text-A3BtHV { flex: 1; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .bot-card-L9vclx .suggestion-wrapper-ZaA8X2 .suggestions-vl7u95 .recommend-item-mTnn4u .arrow-icon-6-iU6B { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-shrink: 0 } .artifact-bot-card-QVir-v { display: flex; gap: 8px; flex-direction: column; padding: 8px 12px 0 20px } .artifact-bot-card-QVir-v .header-L-PJeQ { display: flex; align-items: center; gap: 8px } .artifact-bot-card-QVir-v .content-7dnjGU { white-space: pre-wrap; font-size: 15px; line-height: 26px } .artifact-bot-card-QVir-v .sender-avatar-yaHYIB { -webkit-user-drag: none; width: 20px; height: 20px; border-radius: 20px; object-fit: cover } .artifact-bot-card-QVir-v .sender-name-QQ3ZSi { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .artifact-bot-card-QVir-v .demos-lvQPou { color: var(--theme-text-quaternary); font-size: 13px; line-height: 18px; display: flex; padding: 4px 0; gap: 8px; flex-wrap: wrap; align-self: start; flex-direction: column } .artifact-bot-card-QVir-v .demos-lvQPou .item-dprUpR { display: inline-flex; min-height: 24px; height: auto; max-width: 100%; white-space: break-spaces; color: var(--theme-text-quaternary); font-weight: 400; align-self: start; padding: 0 12px; background: var(--theme-fill-tsp-components-secondary); font-size: 13px } .artifact-bot-card-QVir-v .demos-lvQPou .item-dprUpR:hover { background: var(--theme-fill-tsp-components-primary) } .artist-HXKfgj { position: relative; flex: 1; min-width: 0px; height: 100%; box-sizing: border-box; padding: 0; display: flex; flex-direction: column; align-items: center; text-align: left } .artist-HXKfgj .box-ukh0G8 { position: relative; overflow: hidden; width: 100%; flex: 1; min-height: 0; overflow-x: hidden; display: flex; flex-direction: column; align-items: center; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .artist-HXKfgj .box-ukh0G8::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .artist-HXKfgj .box-ukh0G8::-webkit-scrollbar-track { background: transparent } .artist-HXKfgj .box-ukh0G8::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .artist-HXKfgj .box-ukh0G8::-webkit-scrollbar-thumb:hover { background: #00000062 } .artist-HXKfgj .box-ukh0G8::-webkit-scrollbar-corner { background: transparent } .artist-HXKfgj .box-ukh0G8 .inner-TQoJWq { max-width: 720px; width: 100%; padding: 24px 20px 36px; font-size: 14px } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv { width: 100%; display: flex; justify-content: flex-start; position: relative; margin-bottom: 8px } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .card-YL8lQH { max-width: 629px; position: relative; background-color: var(--theme-bg-white); border-radius: 8px; box-sizing: border-box; padding: 12px; display: inline-flex; flex-direction: column; gap: 8px } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .card-YL8lQH .prompt-aOWzPm { width: 100%; display: flex; flex-direction: column; gap: 4px } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .card-YL8lQH .prompt-aOWzPm .prompt-title-KRoa-d { font-size: 13px; font-weight: 500; line-height: 20px; color: var(--theme-text-quaternary) } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .card-YL8lQH .prompt-aOWzPm .prompt-origin-vfzHvG { width: 100% } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .card-YL8lQH .prompt-aOWzPm .prompt-content-fMJaO8 { line-height: 22px; font-size: 14px; color: var(--theme-icon-primary); word-break: break-word } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .card-YL8lQH .prompt-aOWzPm .prompt-content-fMJaO8 .reference-HJlzR6 { display: inline-flex; align-items: center; gap: 8px; height: 28px; box-sizing: border-box; padding: 0 8px; font-size: 13px; border-radius: 8px; margin-right: 8px; transform: all .3s ease; background-color: var(bg-menu-gray, --gray-100); color: var(--theme-icon-brand); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .card-YL8lQH .prompt-aOWzPm .variations-prompt-UUZPmT { background-color: var(--theme-bg-gray-secondary); border-radius: 4px; box-sizing: border-box; padding: 4px 8px } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .card-YL8lQH .image-group--LwQYB, .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .card-YL8lQH .image-UdiGqr { width: 324px; height: 324px; border-radius: 8px; background-color: var(--theme-bg-gray-secondary); overflow: hidden } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .welcome-card-iREJXR { width: 100%; min-width: 349px; max-width: 629px } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .status-CRwdhH { position: absolute; left: 0; bottom: -28px; display: flex; align-items: center } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .status-CRwdhH .generating-7pgt8R { height: 100%; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--theme-icon-quaternary) } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .status-CRwdhH .generating-7pgt8R .loading-V8PbFM { width: 16px; height: 16px; border-radius: 100%; animation: circle-Veex0e infinite .75s linear; border: 2px solid var(--theme-border-active); border-top-color: var(--theme-btn-fill-tertiary); border-right-color: var(--theme-btn-fill-tertiary); border-bottom-color: var(--theme-btn-fill-tertiary) } @keyframes circle-Veex0e { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .status-CRwdhH .generate-failed-Ccyafy { height: 100%; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--theme-icon-quaternary); white-space: nowrap } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .status-CRwdhH .generate-failed-Ccyafy .reset-btn-Uyc3b9 { margin-left: 4px } .artist-HXKfgj .box-ukh0G8 .artist-item-UYX7jv .status-CRwdhH .generate-failed-Ccyafy .link-4WJMV- { display: flex; flex-direction: row; justify-content: center; align-items: center } .artist-HXKfgj .chat-input-0zwdVN { max-width: 720px; position: relative; width: 100%; padding: 8px 16px 10px; z-index: 501 } .artist-HXKfgj .chat-input-0zwdVN .reference-image-A2SUNJ { position: absolute; right: 16px; top: 0; z-index: 1; transform: translate(16px, -100%) } .artist-HXKfgj .chat-input-0zwdVN .prompt-parser-tRl8j9 { position: absolute; bottom: 0; left: 0; right: 0; border-radius: 16px; background: var(--theme-btn-fill-secondary-hover); box-shadow: 0 4px 24px #919eab24, 0 0 2px #919eab33; display: flex; padding: 0 8px; min-height: 40px; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-text-primary); justify-content: space-between; align-items: center; color: var(--theme-text-tertiary) } .artist-HXKfgj .chat-input-0zwdVN .prompt-parser-tRl8j9 .prompt-parser-operations-T-JUHy { display: flex; flex-direction: row; justify-content: center; align-items: center } .artist-HXKfgj .chat-input-0zwdVN .prompt-parser-tRl8j9 .prompt-parser-operations-T-JUHy .prompt-parser-operation-item-zwOE4b { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; font-size: 12px; color: var(--theme-text-quaternary) } .artist-HXKfgj .chat-input-0zwdVN .prompt-parser-tRl8j9 .prompt-parser-operations-T-JUHy .prompt-parser-operation-item-zwOE4b.link-4WJMV- { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .artist-HXKfgj .chat-input-0zwdVN .prompt-parser-tRl8j9 .prompt-parser-operations-T-JUHy .prompt-parser-operation-item-zwOE4b.link-4WJMV-:hover, .artist-HXKfgj .chat-input-0zwdVN .prompt-parser-tRl8j9 .prompt-parser-operations-T-JUHy .prompt-parser-operation-item-zwOE4b.link-4WJMV-:active { opacity: .8 } .artist-HXKfgj .chat-input-0zwdVN .prompt-parser-tRl8j9 .prompt-parser-operations-T-JUHy .prompt-parser-divider-GmPFNg { width: 1px; height: 12px; background: var(--theme-btn-fill-secondary-active); margin: 0 12px } .artist-HXKfgj .chat-input-0zwdVN .chat-toolbar-Zeo6we { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .artist-HXKfgj .chat-input-0zwdVN .chat-toolbar-Zeo6we .chat-toolbar-left-PrGYHE { flex: 1; min-width: 0px; gap: 2px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start } .artist-HXKfgj .chat-input-0zwdVN .chat-toolbar-Zeo6we .chat-toolbar-right-RjzwDb { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2px; justify-content: right } .artist-HXKfgj .chat-input-0zwdVN .chat-toolbar-Zeo6we .chat-toolbar-right-RjzwDb .divider-hidden-swCaZh { opacity: 0 } .artist-HXKfgj .chat-input-0zwdVN .input-actions-MymS28 { height: 24px; width: 100%; display: flex; justify-content: space-between; user-select: none } .artist-HXKfgj .chat-input-0zwdVN .input-actions-MymS28 .example-yS4KoD { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px; color: var(--theme-text-quaternary); font-size: 14px; white-space: nowrap } .artist-HXKfgj .chat-input-0zwdVN .input-actions-MymS28 .example-yS4KoD .example-btn-Y-fqmQ { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 0 6px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 12px; font-weight: 400; line-height: 22px; color: var(--theme-text-tertiary); border-radius: 4px; background: var(--theme-fill-tsp-components-secondary); transition: all .2s ease-in-out } .artist-HXKfgj .chat-input-0zwdVN .input-actions-MymS28 .example-yS4KoD .example-btn-Y-fqmQ:hover { background: var(--theme-fill-tsp-components-primary) } .artist-HXKfgj .chat-input-0zwdVN .input-actions-MymS28 .example-yS4KoD .example-close-0WYNlk { display: flex; color: var(--theme-text-quaternary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .artist-HXKfgj .chat-input-0zwdVN .input-actions-MymS28 .example-yS4KoD .example-close-0WYNlk:hover { opacity: .8 } .artist-HXKfgj .switch-bot-popover-content-pjKYSb { position: relative; padding: 4px 8px; border-radius: 8px; max-width: 250px; background: var(--theme-bg-white) } .artist-HXKfgj .switch-bot-popover-content-pjKYSb:hover .close-icon-JIMDhg { opacity: 1 } .artist-HXKfgj .switch-bot-popover-content-pjKYSb .close-icon-JIMDhg { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; opacity: 0; position: absolute; padding: 2px; background: var(--theme-btn-fill-secondary-active); border-radius: 50%; right: -6px; top: -6px; transition: all .2s } .artist-HXKfgj .switch-bot-popover-content-pjKYSb .close-icon-JIMDhg:hover { opacity: .7 } .artist-HXKfgj .switch-bot-popover-content-pjKYSb .arrow-qOu6Wg { position: absolute; left: 50px; bottom: -8px; width: 0; height: 0; border-top: 10px solid var(--common-white); border-left: 10px solid transparent; border-right: 10px solid transparent } .artist-HXKfgj .switch-bot-popover-content-pjKYSb .tip-msg-oKuT8L { font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; background: linear-gradient(98deg, var(--theme-btn-fill-primary) 41.82%, #e54df2 88.35%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .link-4WJMV- { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .link-4WJMV-:hover, .link-4WJMV-:active { opacity: .8 } .artist-setting-dialog-JlxqCe { display: flex; flex-direction: column; width: 100%; padding: 16px } .artist-setting-dialog-JlxqCe .header-W6SAMg { width: 100%; font-size: 20px; font-weight: 700; line-height: 20px; margin-bottom: 14px; color: var(--theme-icon-primary) } .artist-setting-dialog-JlxqCe .main-0EfBQG { display: flex; flex-direction: column; gap: 10px } .artist-setting-dialog-JlxqCe .main-0EfBQG .form-item-NcLd3- { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px; width: 100% } .artist-setting-dialog-JlxqCe .main-0EfBQG .form-item-NcLd3- .form-item-label-RwRG9D { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; justify-content: flex-start; gap: 4px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .artist-setting-dialog-JlxqCe .main-0EfBQG .image-count-picker-zlE-4Z { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; justify-content: flex-start; width: 100% } .artist-setting-dialog-JlxqCe .main-0EfBQG .image-count-picker-zlE-4Z .image-count-picker-item-5j6cDi { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 64px; height: 44px; padding: 4px 12px; border-radius: 8px; background-color: var(--theme-fill-tsp-components-secondary); transition: all .2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .artist-setting-dialog-JlxqCe .main-0EfBQG .image-count-picker-zlE-4Z .image-count-picker-item-5j6cDi:hover, .artist-setting-dialog-JlxqCe .main-0EfBQG .image-count-picker-zlE-4Z .image-count-picker-item-5j6cDi.active-nOdqC- { background-color: var(--theme-btn-fill-tertiary); color: var(--theme-text-btn-tertiary) } .artist-setting-dialog-JlxqCe .main-0EfBQG .aspect-ratio-FQNz8d { width: 100%; display: flex; flex-direction: column } .artist-setting-dialog-JlxqCe .main-0EfBQG .aspect-ratio-FQNz8d .aspect-ratio-header-G3L6aN { height: 22px; display: flex; align-items: center; justify-content: space-between } .artist-setting-dialog-JlxqCe .main-0EfBQG .aspect-ratio-FQNz8d .aspect-ratio-header-G3L6aN .aspect-ratio-txt-seiRRW { font-size: 14px; font-weight: 600; color: var(--theme-text-primary) } .artist-setting-dialog-JlxqCe .main-0EfBQG .aspect-ratio-FQNz8d .aspect-ratio-slider-pfOuc3 .ant-slider-rail { background-color: var(--theme-fill-tsp-components-secondary) } .artist-setting-dialog-JlxqCe .main-0EfBQG .aspect-ratio-FQNz8d .aspect-ratio-slider-pfOuc3 .ant-slider:hover .ant-slider-rail { background-color: var(--theme-fill-tsp-components-primary) } .artist-setting-dialog-JlxqCe .main-0EfBQG .aspect-ratio-FQNz8d .aspect-ratio-slider-pfOuc3 .ant-slider-step { display: none } .artist-setting-dialog-JlxqCe .main-0EfBQG .aspect-ratio-FQNz8d .aspect-ratio-slider-pfOuc3 .ant-slider-track { background-color: var(--theme-btn-fill-primary) } .artist-setting-dialog-JlxqCe .main-0EfBQG .aspect-ratio-FQNz8d .aspect-ratio-slider-pfOuc3 .ant-slider-handle:after { box-shadow: 0 0 0 2px var(--brand-400) } .artist-setting-dialog-JlxqCe .main-0EfBQG .aspect-ratio-FQNz8d .aspect-ratio-slider-pfOuc3 .ant-slider-handle:focus:after { box-shadow: 0 0 0 4px var(--brand-400) } .artist-setting-dialog-JlxqCe .main-0EfBQG .keep-prompt-YKLHFn { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 4px; justify-content: left; gap: 4px; font-size: 14px; font-weight: 400; line-height: 24px; color: var(--theme-icon-primary) } .artist-setting-dialog-JlxqCe .footer-vqLhha { margin-top: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: right; gap: 12px } .question-icon-5YuPdb { width: 16px; height: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer } .style-selector-ohqyq9 { border-radius: 8px; border: 1px solid transparent; background-color: var(--theme-fill-tsp-components-secondary); height: 44px; padding: 12px 16px; gap: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-self: left; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 100% } .style-selector-ohqyq9 .avatar-wNudq8 { width: 28px; height: 28px; border-radius: 4px } .style-selector-ohqyq9 .label-SuV969 { flex: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; color: var(--theme-text-primary) } .style-selector-ohqyq9 .label-SuV969.placeholder-t4GRne { color: var(--theme-text-tertiary) } .style-selector-content-iAR125 { display: flex; width: 328px; height: 312px; flex-direction: column; border-radius: 8px; background: var(--theme-bg-menu-white); box-shadow: 1px 2px 14px 1px var(--theme-fill-tsp-components-primary), 0 0 1px 0 var(--theme-shadow-s2) } .style-selector-content-iAR125 .style-selector-header-hfYBfB { display: flex; align-items: center; padding: 6px 12px; justify-content: space-between; border-radius: 8px 8px 0 0; box-shadow: 0 1px 6px #919eab29; font-size: 14px; color: var(--theme-text-tertiary); font-weight: 500; line-height: 22px } .style-selector-content-iAR125 .list-Tu4QQk { padding: 12px; flex: 1; min-height: 0px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: grid; grid-template-columns: repeat(3, 1fr); overflow-x: hidden; gap: 8px } .style-selector-content-iAR125 .list-Tu4QQk::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .style-selector-content-iAR125 .list-Tu4QQk::-webkit-scrollbar-track { background: transparent } .style-selector-content-iAR125 .list-Tu4QQk::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .style-selector-content-iAR125 .list-Tu4QQk::-webkit-scrollbar-thumb:hover { background: #00000062 } .style-selector-content-iAR125 .list-Tu4QQk::-webkit-scrollbar-corner { background: transparent } .style-selector-content-iAR125 .list-Tu4QQk .list-item-r9OFJN { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px; align-items: flex-start; justify-content: flex-start; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .style-selector-content-iAR125 .list-Tu4QQk .list-item-r9OFJN .img-IhAsAX { width: 100%; height: 96px; object-fit: cover; border-radius: 8px; border: 2px solid transparent; display: flex; flex-direction: row; justify-content: center; align-items: center } .style-selector-content-iAR125 .list-Tu4QQk .list-item-r9OFJN .img-reset-3Cb5tf { background-color: var(--theme-btn-fill-secondary) } .style-selector-content-iAR125 .list-Tu4QQk .list-item-r9OFJN .img-label-qMMIIB { text-align: center; font-size: 12px; font-weight: 400; line-height: 18px; color: var(--theme-text-primary); word-break: break-word } .style-selector-content-iAR125 .list-Tu4QQk .list-item-r9OFJN.active-nOdqC- .img-IhAsAX { border-color: var(--theme-border-active) } .style-selector-content-iAR125 .list-Tu4QQk .list-item-r9OFJN.active-nOdqC- .img-label-qMMIIB { color: var(--theme-icon-brand) } ._monica-dark .style-selector-content-iAR125 .style-selector-header-hfYBfB { box-shadow: none } .meet-artist-4SDcoF { width: 100%; min-width: min(349px, 100%); max-width: 629px; box-sizing: border-box; position: relative; display: flex; flex-direction: column; gap: 8px; color: var(--theme-text-primary); font-size: 14px } .meet-artist-4SDcoF .title-hEVPkE { height: 22px; line-height: 22px; text-align: center; font-weight: 700 } .meet-artist-4SDcoF .content-IIYTCZ { line-height: 22px; box-sizing: border-box; transition: all .2s ease 0ms; border: 1px solid transparent; display: flex; flex-direction: column; gap: 8px; white-space: pre-wrap; word-wrap: break-word } .meet-artist-4SDcoF .content-IIYTCZ img { width: 324px; max-width: 100% } .meet-artist-4SDcoF.art-ICJmxe { gap: 12px } .meet-artist-4SDcoF.art-ICJmxe .title-hEVPkE { font-size: 24px; font-weight: 600; text-align: left; color: var(--theme-icon-primary) } .meet-artist-wrapper-Q9C565 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px } .artist-slider-2TN2g2 { width: 100%; position: relative; height: 10px; display: flex; align-items: center } .artist-slider-2TN2g2 .rail-ZBVNc3 { width: 100%; height: 2px; border-radius: 1px; background-color: var(--theme-btn-fill-tertiary); position: relative } .artist-slider-2TN2g2 .rail-ZBVNc3 .handler-KCT-IC { position: absolute; width: 10px; height: 10px; border-radius: 5px; background: linear-gradient(180deg, var(--theme-btn-fill-primary) 0%, var(--theme-btn-fill-primary-active) 100%); border: .5px solid var(--common-white); box-shadow: 0 0 2px #919eab33, 0 4px 24px #919eab24; transform: translate(-50%, -40%) scale(1); transition: transform .2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .artist-slider-2TN2g2 .rail-ZBVNc3 .handler-KCT-IC:hover { transform: translate(-50%, -40%) scale(1.2) } .reference-image-preview-jo2oHG { position: relative } .reference-image-preview-jo2oHG .content-AWrLVG { width: 166px; max-height: 300px; box-shadow: 0 1px 4px var(--theme-shadow-s2), 0 7px 9px #7585a31f; background: var(--theme-bg-menu-white); border: 1px solid var(--theme-border-white); border-radius: 6px; box-sizing: border-box; padding: 8px; display: flex; flex-direction: column; gap: 6px } .reference-image-preview-jo2oHG .content-AWrLVG .image-3xV71O { border-radius: 4px; overflow: hidden } .reference-image-preview-jo2oHG .content-AWrLVG .image-3xV71O img { width: 150px; height: 150px; object-fit: cover } .reference-image-preview-jo2oHG .content-AWrLVG .strength-q2hrnR { height: 16px; display: flex; align-items: center; justify-content: space-between; font-size: 12px } .reference-image-preview-jo2oHG .content-AWrLVG .strength-q2hrnR .name-oqqyCw { display: inline-flex; align-items: center; gap: 4px; color: var(--theme-icon-primary) } .reference-image-preview-jo2oHG .content-AWrLVG .strength-q2hrnR .name-oqqyCw .help-nScn-b { display: inline-flex; color: var(--theme-text-quaternary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .reference-image-preview-jo2oHG .content-AWrLVG .strength-q2hrnR .percent-COMi75 { color: var(--theme-icon-primary); font-weight: 600 } .reference-image-preview-jo2oHG .content-AWrLVG .slider-AfMtWI { height: 10px; position: relative } .reference-image-preview-jo2oHG .close-btn-nWLlHB { position: absolute; top: -6px; right: -6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 20px; height: 20px; box-sizing: border-box; border-radius: 10px; background-color: var(--theme-icon-quaternary); color: var(--theme-icon-white-primary); padding: 0 4px; transition: background-color .2s ease-in-out } .reference-image-preview-jo2oHG .close-btn-nWLlHB:hover { background-color: var(--theme-btn-fill-primary) } .reference-image-preview-jo2oHG .strength-tooltip-CDhb6K { width: 180px; top: 548px !important; left: 862px !important } .bot-avatar-OZMD8m { overflow: hidden; border: 1px solid var(--theme-border-primary); border-radius: 50%; flex-shrink: 0 } .bot-avatar-OZMD8m img { width: 100%; height: 100%; object-fit: cover } .bot-background-CTQ5oY { background: var(--theme-bg-gray-nav) url(./bg.jpg); width: 100%; height: 100%; padding: 10px; background-position: 0 0; background-size: cover } .bot-background-CTQ5oY .panel-UPyX8X { border-radius: 32px; border-left: 1px solid var(--theme-border-light); background: rgba(255, 255, 255, .64); backdrop-filter: blur(40px); width: 100%; height: 100%; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; flex-direction: column } .bot-background-CTQ5oY .panel-UPyX8X::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .bot-background-CTQ5oY .panel-UPyX8X::-webkit-scrollbar-track { background: transparent } .bot-background-CTQ5oY .panel-UPyX8X::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .bot-background-CTQ5oY .panel-UPyX8X::-webkit-scrollbar-thumb:hover { background: #00000062 } .bot-background-CTQ5oY .panel-UPyX8X::-webkit-scrollbar-corner { background: transparent } ._monica-dark .bot-background-CTQ5oY { background: var(--theme-bg-menu-white) } ._monica-dark .bot-background-CTQ5oY .panel-UPyX8X { background: var(--theme-bg-tsp-white-secondary) } .sidebar-fold-btn-btPtqQ { flex-shrink: 0; width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .sidebar-fold-btn-btPtqQ:hover { background-color: var(--theme-fill-tsp-components-secondary) } .view-title-lj-BPo { display: inline-flex; align-items: center; color: var(--theme-text-primary); gap: 6px } .view-title-lj-BPo .back-Jsf-A- { margin-left: -4px; border-radius: 6px; transition: background-color .2s; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center } .view-title-lj-BPo .back-Jsf-A-:hover { background-color: var(--theme-fill-tsp-components-secondary) } .view-title-lj-BPo .content-9O9I92 { font-size: 24px; font-weight: 700; line-height: normal; white-space: nowrap } .generating-3n39b5 { width: 72px; height: 72px; border-radius: 50%; border: 1px dashed var(--transparent-grayblue-light-8); background: var(--common-white); display: flex; align-items: center; justify-content: center } .avatar-editor--cjnKF { width: 72px; height: 72px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: relative; border-radius: 100% } .avatar-editor--cjnKF .edit-icon--ke-2- { position: absolute; bottom: 0; right: 0; border-radius: 100%; background: var(--btn-fill-brand-primary-default); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center } .avatar-editor--cjnKF .loading-74DmBc { position: absolute; width: 100%; height: 100%; border-radius: 20px; z-index: 1 } .model-switcher-label-NLg6bj { border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: background .2s; padding: 0 4px; display: flex; align-items: center; gap: 4px; color: var(--theme-text-title) } .model-switcher-label-NLg6bj .icon-p9qxLZ { display: flex; width: 16px; height: 16px; border-radius: 8px; overflow: hidden } .model-switcher-label-NLg6bj .name-KxxgOp { font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .model-switcher-label-NLg6bj:hover { opacity: .8 } .popover-content-XHViqa { border-radius: 16px; background: var(--theme-bg-menu-white); padding: 8px; box-shadow: var(--theme-box-shadow-s2); width: 238px; max-height: 500px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; flex-direction: column; gap: 4px; color: var(--theme-text-title); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .popover-content-XHViqa::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .popover-content-XHViqa::-webkit-scrollbar-track { background: transparent } .popover-content-XHViqa::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .popover-content-XHViqa::-webkit-scrollbar-thumb:hover { background: #00000062 } .popover-content-XHViqa::-webkit-scrollbar-corner { background: transparent } .popover-content-XHViqa .title-WAfKaf { width: 100%; color: var(--theme-text-quaternary); font-size: 12px; line-height: 22px } .popover-content-XHViqa .model-0lXTwo { padding: 8px 12px; display: flex; align-items: center; gap: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 8px; width: 100% } .popover-content-XHViqa .model-0lXTwo .icon-p9qxLZ { display: flex; width: 16px; height: 16px; border-radius: 8px; overflow: hidden } .popover-content-XHViqa .model-0lXTwo:hover { background: var(--transparent-grayblue-light-8) } .authority-selector-yWLV7V { padding: 10px 16px; border-radius: 10px; background: var(--theme-fill-tsp-components-secondary); display: flex; align-items: center; gap: 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .authority-selector-yWLV7V:hover { background: var(--theme-fill-tsp-components-primary) } .left-y4W5Wq { flex: 1; min-width: 0 } .popover-content--fNoVt { width: 348px; border-radius: 12px; padding: 6px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .popover-content--fNoVt .option-XYfDKe { padding: 12px 10px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; gap: 10px } .popover-content--fNoVt .option-XYfDKe:hover { background: var(--theme-fill-tsp-components-secondary) } .item-1j-NJk { display: flex; gap: 12px; align-items: center; color: var(--theme-text-primary) } .item-1j-NJk .name-r49QAE { min-width: 0; font-size: 14px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .create-bot-dialog-DoOyrp { padding: 20px } .create-bot-dialog-DoOyrp .dialog-title-K7ekJG { display: flex; color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .create-bot-dialog-DoOyrp .avatar-box-GKHhyF { margin-top: 20px; display: flex; justify-content: center } .create-bot-dialog-DoOyrp .form-item-b5CiBO { margin-top: 20px; display: flex; flex-direction: column; gap: 8px } .create-bot-dialog-DoOyrp .form-item-b5CiBO:first-of-type { margin-top: 24px } .create-bot-dialog-DoOyrp .form-item-b5CiBO .form-item-label-2RL3Q3 { display: flex; justify-content: space-between; gap: 6px } .create-bot-dialog-DoOyrp .form-item-b5CiBO .form-item-label-2RL3Q3 .form-label-w6jUxh { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .create-bot-dialog-DoOyrp .ai-gen-xGNwWu { font-size: 14px; font-weight: 500; line-height: 20px; background: linear-gradient(270.25deg, #6841ea .1%, #ff89e2 96.37%), var(--theme-text-brand); background-clip: text; -webkit-background-clip: text; color: transparent; display: inline-flex; align-items: center; gap: 4px } .create-bot-dialog-DoOyrp .ai-gen-xGNwWu:not(.ai-gen-disabled-VY0U-a), .create-bot-dialog-DoOyrp .ai-gen-xGNwWu:not(.generating-EGoe48) { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .create-bot-dialog-DoOyrp .ai-gen-xGNwWu.ai-gen-disabled-VY0U-a { color: var(--theme-text-disable); font-size: 13px; font-weight: 500; line-height: 18px; background: transparent; cursor: default } .create-bot-dialog-DoOyrp .examples-3ugc7P { display: flex; flex-wrap: wrap } .create-bot-dialog-DoOyrp .examples-3ugc7P .example-title-lP-KMl { color: var(--theme-text-quaternary); font-size: 13px; font-weight: 500; line-height: 18px; margin-right: 10px } .create-bot-dialog-DoOyrp .examples-3ugc7P .example-divider-ELBpFf { width: 1px; height: 12px; background: #d9d9d9; margin: 0 8px; display: inline-block; vertical-align: middle } .create-bot-dialog-DoOyrp .examples-3ugc7P .example-item-zB-U2c { color: var(--theme-text-primary); font-size: 13px; line-height: 20px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .create-bot-dialog-DoOyrp .examples-3ugc7P .example-item-zB-U2c:hover { color: var(--theme-text-link) } .create-bot-dialog-DoOyrp .model-label-1X9b51 { padding: 10px 16px; border-radius: 10px; background: var(--theme-fill-tsp-components-secondary); display: flex; align-items: center; gap: 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 100% } .create-bot-dialog-DoOyrp .model-label-1X9b51:hover { background: var(--theme-fill-tsp-components-primary) } .create-bot-dialog-DoOyrp .model-label-1X9b51 .model-content-iDwkiN { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px } .create-bot-dialog-DoOyrp .model-label-1X9b51 .model-content-iDwkiN .model-name-Dujnc7 { min-width: 0; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .create-bot-dialog-DoOyrp .textarea-box-DlBHDh { position: relative } .create-bot-dialog-DoOyrp .textarea-box-DlBHDh .hidden-5Vr5ls { visibility: hidden } .create-bot-dialog-DoOyrp .textarea-box-DlBHDh .textarea-skeleton-CVACqk { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: 15px; background: var(--theme-fill-tsp-components-secondary); padding: 12px 16px } .create-bot-dialog-DoOyrp .textarea-box-DlBHDh .textarea-skeleton-CVACqk .ant-skeleton-paragraph { margin-top: 6px !important } .create-bot-dialog-DoOyrp .footer-8ifChr { display: flex; align-items: center; gap: 12px; margin-top: 20px } .create-bot-dialog-DoOyrp .footer-8ifChr .advanced-create-lf99li { color: var(--theme-text-brand); text-align: center; font-size: 14px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .create-bot-dialog-DoOyrp .footer-8ifChr .button-group-y7N0xZ { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex: 1 } .create-bot-dialog-DoOyrp .footer-8ifChr .footer-btn-Iqu0gn { height: 40px } .create-bot-successfully-dialog-wEeRvw { padding: 20px } .create-bot-successfully-dialog-wEeRvw .dialog-title-RI1m8D { margin-top: 20px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; color: var(--theme-text-primary); font-size: 24px; font-weight: 600; line-height: 30px } .create-bot-successfully-dialog-wEeRvw .avatar-m8hrzC { margin: 32px auto 0 } .create-bot-successfully-dialog-wEeRvw .bot-name-ZzvtgO { margin-top: 16px; color: var(--theme-text-primary); text-align: center; font-size: 18px; font-weight: 600; line-height: 24px } .create-bot-successfully-dialog-wEeRvw .bot-desc-6-JJ6n { margin-top: 4px; color: var(--theme-text-quaternary); text-align: center; font-size: 14px; font-weight: 500; line-height: 22px } .create-bot-successfully-dialog-wEeRvw .chat-url-UfDCFp { margin-top: 16px; border-radius: 10px; background: var(--theme-fill-tsp-components-secondary); padding: 12px 12px 12px 16px; gap: 12px; display: flex; align-items: center } .create-bot-successfully-dialog-wEeRvw .chat-url-UfDCFp .url--KnzMC { flex: 1; min-width: 0; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; color: var(--theme-text-quaternary); font-size: 13px; line-height: 20px } .create-bot-successfully-dialog-wEeRvw .primary-button-CZ-5uF { margin-top: 20px } .create-bot-successfully-dialog-wEeRvw .secondary-button-yBqWZJ { margin-top: 8px; color: var(--theme-text-brand); white-space: normal; height: auto } .header-Aa29Nk { display: flex; flex-direction: row; justify-content: center; padding-left: var(--padding-x); padding-right: var(--padding-x) } .header-Aa29Nk .header-inner-l8j5Cs { width: 100%; padding-top: 24px; max-width: 980px; display: flex; flex-direction: column; z-index: 2; position: relative } .header-Aa29Nk.sticky-jv9YX7 { background: var(--theme-bg-white) } .header-Aa29Nk .header-content-eWoW2N { margin-top: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 24px; width: 100%; justify-content: space-between } .header-Aa29Nk .header-left-13MTNt { display: flex; align-items: center; gap: 24px; flex: 1; min-width: 0px } .header-Aa29Nk .header-left-13MTNt .search-bar-ot7ZLF { flex: 1; min-width: 0 } .header-Aa29Nk .header-right-QFVV8n { display: flex; align-items: center; gap: 8px } .header-Aa29Nk .header-right-QFVV8n .docs-link-aNot0E { color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; padding: 4px 12px; margin-right: 16px } .header-Aa29Nk .header-right-QFVV8n .create-button-OzWAUK { margin-left: auto } .content-kZHWAk { flex: 1; min-height: 0 } .fixed-fold-btn-UEh-4z { position: absolute; left: 8px; top: 24px } .search-bar-ZwSUx7 { position: relative; border-radius: 16px; border: 1px solid transparent; background-color: var(--theme-fill-tsp-components-secondary); overflow: hidden } .search-bar-ZwSUx7.minimal-s6w-6I { max-width: 480px; width: 100% } .search-bar-ZwSUx7.expand-VTmhRN { overflow: unset; border-radius: 16px 16px 0 0; border-bottom: none; background-color: var(--theme-bg-white) } .search-bar-ZwSUx7:hover, .search-bar-ZwSUx7:focus-within { border-color: var(--theme-border-active) } .search-bar-ZwSUx7 .input-wrapper-ewJkJS .input-kTGbuB { border: none; background-color: transparent } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm { position: absolute; left: -1px; right: -1px; z-index: 1; padding-bottom: 12px; background-color: var(--theme-bg-white); border-radius: 0 0 16px 16px; border: 1px solid var(--theme-border-active); border-top: none } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu { padding: 0 16px; overflow-y: scroll; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu::-webkit-scrollbar-track { background: transparent } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu::-webkit-scrollbar-thumb:hover { background: #00000062 } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu::-webkit-scrollbar-corner { background: transparent } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .search-loading-QV3EJz { width: 100%; height: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .search-loading-QV3EJz .loading-icon-JL2KX1 { color: var(--theme-icon-primary); animation: loading-fSj5G6 1s linear infinite } @keyframes loading-fSj5G6 { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .result-label-txwVOk { color: var(--theme-text-disable); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD { margin-top: 8px; display: flex; flex-direction: column; gap: 8px } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD .bot-z6r7Il { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 12px; padding: 8px 12px; border-radius: 12px; transition: all .2s; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD .bot-z6r7Il:hover { background: var(--theme-fill-tsp-components-secondary) } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD .bot-z6r7Il.selected-2Sghql { background: var(--theme-fill-tsp-components-primary) } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD .bot-z6r7Il .logo-wrapper-rTKa2v { min-width: 32px; width: 32px; height: 32px; border-radius: 32px; overflow: hidden } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD .bot-z6r7Il .logo-wrapper-rTKa2v .logo-Yi414b { width: 100%; object-fit: cover } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD .bot-z6r7Il .info-m9CfXz { flex: 1; min-width: 0 } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD .bot-z6r7Il .info-m9CfXz .name-mCCoD- { color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-align: left; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD .bot-z6r7Il .info-m9CfXz .description-iZCozB { margin-top: 2px; color: var(--theme-text-tertiary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; text-align: left; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD .bot-z6r7Il .info-m9CfXz .author-and-chats-o7ROUh { margin-top: 2px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 8px; color: var(--theme-text-quaternary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD .bot-z6r7Il .info-m9CfXz .author-and-chats-o7ROUh .author-JwP--f { text-align: left; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .search-bar-ZwSUx7 .search-results-wrapper-Lwzglm .search-results-Bz-ecu .bots-Uy8AeD .bot-z6r7Il .info-m9CfXz .author-and-chats-o7ROUh .chats-y5iPIB { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .loading-1xWTVf { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column } .explore-hfL0FE { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; height: 100%; overflow-x: hidden } .explore-hfL0FE::-webkit-scrollbar { height: 6px; width: 3px; margin-right: 10px } .explore-hfL0FE::-webkit-scrollbar-track { background: transparent } .explore-hfL0FE::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .explore-hfL0FE::-webkit-scrollbar-thumb:hover { background: #00000062 } .explore-hfL0FE::-webkit-scrollbar-corner { background: transparent } .explore-hfL0FE .inner-qldH6c { max-width: 980px; margin: 0 auto } .explore-hfL0FE .search-bar-6YxR9Y { position: relative; z-index: 2; margin-top: 24px; padding: 0 var(--padding-x) } .explore-hfL0FE .search-bar-6YxR9Y.sticky-SBKXjh { background: var(--theme-bg-white) } .explore-hfL0FE .groups-DirARc { padding: 12px var(--padding-x); position: sticky; z-index: 1; top: 0 } .explore-hfL0FE .groups-DirARc.sticky-SBKXjh { background: var(--theme-bg-white) } .explore-hfL0FE .groups-DirARc .inner-qldH6c { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 12px } .explore-hfL0FE .bot-groups-wrapper-HpyeZM { padding: 0 var(--padding-x) } .explore-hfL0FE .bot-groups-tCq8k6 { position: relative; left: 2px; max-width: 980px; margin: 0 auto } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo { margin-bottom: 24px } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo .title-KVFs8z { color: var(--theme-text-primary); font-size: 24px; font-style: normal; font-weight: 600; line-height: 36px; text-align: left } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo .bots-4Xp-dE { margin-top: 8px; width: 100%; display: flex; flex-wrap: wrap; gap: 20px } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo .bots-4Xp-dE .bot-ZUmCd3 { width: calc(50% - 10px); display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 16px; padding: 20px; border-radius: 16px; background: var(--theme-bg-menu-white); transition: all .2s; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo .bots-4Xp-dE .bot-ZUmCd3:hover { background: var(bg-menu-gray, --gray-100) } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo .bots-4Xp-dE .bot-ZUmCd3 .logo-wrapper-KImpfy { min-width: 48px; width: 48px; height: 48px; border-radius: 48px; overflow: hidden; border: 1px solid var(--theme-border-primary) } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo .bots-4Xp-dE .bot-ZUmCd3 .logo-wrapper-KImpfy .logo-pLLeDt { width: 100%; object-fit: cover } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo .bots-4Xp-dE .bot-ZUmCd3 .info-ytTtP2 .name-HLo8mc { color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; text-align: left; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo .bots-4Xp-dE .bot-ZUmCd3 .info-ytTtP2 .description-o4king { margin-top: 2px; color: var(--theme-text-tertiary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; text-align: left; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo .bots-4Xp-dE .bot-ZUmCd3 .info-ytTtP2 .author-S-jSde { margin-top: 4px; color: var(--theme-text-quaternary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; text-align: left; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo.featured-dKwpeW .bots-4Xp-dE .bot-ZUmCd3 { background: linear-gradient(93deg, var(--theme-btn-fill-tertiary-hover, var(--theme-btn-fill-tertiary-hover)) 3.83%, #f5f0ff 3.84%, var(--theme-bg-gray-secondary) 97.07%); transition: background .2s } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo.featured-dKwpeW .bots-4Xp-dE .bot-ZUmCd3:hover { background: linear-gradient(93deg, var(--theme-btn-fill-tertiary-hover) 3.83%, var(--theme-btn-fill-tertiary-hover) 97.07%) } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo.featured-dKwpeW .bots-4Xp-dE .bot-ZUmCd3 .logo-wrapper-KImpfy { min-width: 88px; width: 88px; height: 88px; border-radius: 88px } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo.featured-dKwpeW .bots-4Xp-dE .bot-ZUmCd3 .info-ytTtP2 .name-HLo8mc { font-size: 20px; font-weight: 600; line-height: 30px } .explore-hfL0FE .bot-groups-tCq8k6 .bot-group-list-QZxljo.featured-dKwpeW .bots-4Xp-dE .bot-ZUmCd3 .info-ytTtP2 .description-o4king { font-size: 16px; font-weight: 400; line-height: 24px } .loading-8r6SS- { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column } .my-bots-kfvlcO { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; height: 100%; min-width: 560px } .my-bots-kfvlcO::-webkit-scrollbar { height: 6px; width: 3px; margin-right: 10px } .my-bots-kfvlcO::-webkit-scrollbar-track { background: transparent } .my-bots-kfvlcO::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .my-bots-kfvlcO::-webkit-scrollbar-thumb:hover { background: #00000062 } .my-bots-kfvlcO::-webkit-scrollbar-corner { background: transparent } .my-bots-kfvlcO .inner-hwn0aI { max-width: 980px; margin: 28px auto 0 } .bot-item-c-JEyZ { border-radius: 16px; transition: background 0ss; display: flex; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 16px 20px; color: inherit; gap: 40px } .bot-item-c-JEyZ:hover { background: var(--theme-fill-btn-secondary); opacity: 1 } .bot-item-c-JEyZ .meta-IkYNsd { flex: 1; min-width: 0; display: flex; align-items: center; gap: 16px } .bot-item-c-JEyZ .meta-IkYNsd .avatar-v6GWZ7 { flex-shrink: 0 } .bot-item-c-JEyZ .meta-IkYNsd .meta-right-y4TNuN { min-width: 0; display: flex; flex-direction: column; max-width: calc(100% - 6px) } .bot-item-c-JEyZ .meta-IkYNsd .name-hawvBz { flex: 1; color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .bot-item-c-JEyZ .meta-IkYNsd .desc-PKw7eG { color: var(--theme-text-tertiary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .bot-item-c-JEyZ .meta-IkYNsd .point-QCSBIT { flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; display: inline-flex; background: var(--theme-fill-tsp-components-primary) } .bot-item-c-JEyZ .info-Ircngl { min-width: 200px; color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; display: flex; flex-direction: column; gap: 4px } .bot-item-c-JEyZ .info-Ircngl .info-row-15-Rb6 { display: flex; align-items: center; gap: 4px } .bot-item-c-JEyZ .actions-6UfFwb { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px } .more-popover-content-ZgvtIT { border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); padding: 8px; min-width: 140px } .more-popover-content-ZgvtIT .action-item-PK1iLg { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 8px 12px; display: flex; align-items: center; gap: 8px; color: var(--theme-function-error); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; transition: background .2s; border-radius: 10px } .more-popover-content-ZgvtIT .action-item-PK1iLg span { flex: 1; min-width: 0 } .more-popover-content-ZgvtIT .action-item-PK1iLg:hover { background-color: var(--theme-fill-tsp-components-secondary) } .notification-7hrILo { position: relative; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; background-color: var(--theme-bg-white); overflow-x: hidden } .notification-7hrILo .box-Ll3TPC { flex: 1; position: relative; overflow: hidden } .notification-7hrILo .box-Ll3TPC .container-p4pyW- { position: absolute; left: 0; bottom: 0; width: 100%; max-height: 100%; padding: 16px; box-sizing: border-box; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .notification-7hrILo .box-Ll3TPC .container-p4pyW-::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .notification-7hrILo .box-Ll3TPC .container-p4pyW-::-webkit-scrollbar-track { background: transparent } .notification-7hrILo .box-Ll3TPC .container-p4pyW-::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .notification-7hrILo .box-Ll3TPC .container-p4pyW-::-webkit-scrollbar-thumb:hover { background: #00000062 } .notification-7hrILo .box-Ll3TPC .container-p4pyW-::-webkit-scrollbar-corner { background: transparent } .notification-7hrILo .box-Ll3TPC .container-p4pyW- .dividing-nniDqo { width: 100%; height: 24px; display: flex; align-items: center; box-sizing: border-box; padding: 0 28px; gap: 16px; margin: 12px 0 } .notification-7hrILo .box-Ll3TPC .container-p4pyW- .dividing-nniDqo .line-AEDDj5 { flex: 1; height: 1px; background: var(--theme-btn-fill-secondary) } .notification-7hrILo .box-Ll3TPC .container-p4pyW- .dividing-nniDqo .text-eZEM-l { font-size: 13px; color: var(--theme-text-quaternary) } .notification-7hrILo .box-Ll3TPC .new-message-btn-fNe0eq { position: absolute; top: 12px; right: 16px; height: 32px; box-sizing: border-box; padding: 0 12px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #5aba4d; gap: 4px; box-shadow: 0 0 1px var(--theme-shadow-s2), 1px 2px 14px 1px var(--theme-fill-tsp-components-primary); border-radius: 16px; background: var(--theme-btn-fill-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .notification-7hrILo .box-Ll3TPC .new-message-btn-fNe0eq:hover, .notification-7hrILo .box-Ll3TPC .new-message-btn-fNe0eq:active { background: var(--theme-btn-fill-secondary-active) } .notification-7hrILo .toolbar-9O-kzR { height: 40px; display: flex; align-items: center; background: var(--theme-btn-fill-secondary-hover) } .notification-7hrILo .toolbar-9O-kzR .action-btn-ab1bUr { flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; gap: 4px; color: var(--theme-text-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .notification-7hrILo .toolbar-9O-kzR .action-btn-ab1bUr:hover { color: var(--theme-text-link) } .notification-7hrILo .toolbar-9O-kzR .action-btn-ab1bUr.active-p0176V, .notification-7hrILo .toolbar-9O-kzR .action-btn-ab1bUr:active { color: #3164c5 } .notification-7hrILo .toolbar-9O-kzR .action-btn-ab1bUr .text-eZEM-l { height: 24px; line-height: 24px; text-align: center; font-size: 14px } .notification-7hrILo .toolbar-9O-kzR .action-btn-ab1bUr .trigger-node-R7qbqv { flex: 1; min-width: 0px; width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center } .notification-7hrILo .toolbar-9O-kzR .more-menu-card-F1qq-u { position: relative } .notification-7hrILo .toolbar-9O-kzR .more-menu-card-F1qq-u .box-Ll3TPC { min-width: 124px; height: 80px; border-radius: 4px; margin-bottom: 16px; margin-right: 8px; box-sizing: border-box; padding: 4px; display: flex; flex-direction: column; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white) } .notification-7hrILo .toolbar-9O-kzR .more-menu-card-F1qq-u .box-Ll3TPC .item-MAjD2o { height: 36px; display: flex; align-items: center; gap: 4px; box-sizing: border-box; white-space: nowrap; padding: 0 8px; border-radius: 6px; font-size: 14px; color: var(--theme-text-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .notification-7hrILo .toolbar-9O-kzR .more-menu-card-F1qq-u .box-Ll3TPC .item-MAjD2o:hover { background: var(--theme-fill-tsp-blue) } .notification-7hrILo .toolbar-9O-kzR .dividing-nniDqo { height: 24px; width: 1px; background: var(--theme-btn-fill-secondary) } .base-icon-UVXGPD { box-sizing: content-box; display: flex; justify-content: center; align-items: center } .base-icon-UVXGPD.button-TH0UVE { border-radius: 6px; transition: background-color .2s; cursor: pointer; user-select: none } .base-icon-UVXGPD.button-TH0UVE:hover { background-color: var(--theme-fill-tsp-components-secondary) } .base-icon-UVXGPD.button-TH0UVE.active-Rec0ar { background-color: var(--theme-btn-fill-secondary) } .base-icon-UVXGPD.button-TH0UVE.disabled-VSBD1r { opacity: .6; cursor: not-allowed } ._monica-dark .base-icon-UVXGPD.vip-star-O4mIrM { filter: brightness(1.5) } .checkbox-8OdnqZ { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .checkbox-8OdnqZ.rounded-R4m3Hf { border-radius: 50% } .checkbox-8OdnqZ.disabled-lXXJWV { cursor: not-allowed; opacity: .5 } .checkbox-8OdnqZ.indeterminate--N-pos path { fill: var(--theme-icon-brand) } .checkbox-with-label-dWT2hO { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px } .checkbox-with-label-dWT2hO.disabled-lXXJWV { cursor: not-allowed } .code-preview-button-7XErn- { display: flex; height: 22px; padding: 2px 6px 2px 4px; justify-content: center; align-items: center; gap: 4px; border-radius: 8px; background: rgba(79, 89, 102, .08); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .code-preview-button-7XErn-.active-vhcKzv { background: var(--theme-fill-tsp-brand) } .code-preview-button-7XErn-:hover { opacity: .8 } .markdown-SpwdOz { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0; color: var(--theme-text-primary); font-size: 15px; line-height: 1.5; word-wrap: break-word; font-size: var(--md-normal-text-font-size); line-height: var(--md-normal-text-line-height); font-family: -apple-system, "system-ui", Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial, Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; position: relative; box-sizing: border-box } .markdown-SpwdOz:before { display: table; content: "" } .markdown-SpwdOz:after { display: table; clear: both; content: "" } .markdown-SpwdOz>*:first-child:not(h1, h2) { margin-top: 0 !important } .markdown-SpwdOz>*:first-child:where(h1, h2) { margin-top: 12px } .markdown-SpwdOz>*:last-child { margin-bottom: 0 !important } .markdown-SpwdOz .octicon-611ONj { display: inline-block; fill: currentColor; vertical-align: text-bottom } .markdown-SpwdOz h1:hover .anchor-5vCHMG .octicon-link-smMGlq:before, .markdown-SpwdOz h2:hover .anchor-5vCHMG .octicon-link-smMGlq:before, .markdown-SpwdOz h3:hover .anchor-5vCHMG .octicon-link-smMGlq:before, .markdown-SpwdOz h4:hover .anchor-5vCHMG .octicon-link-smMGlq:before, .markdown-SpwdOz h5:hover .anchor-5vCHMG .octicon-link-smMGlq:before, .markdown-SpwdOz h6:hover .anchor-5vCHMG .octicon-link-smMGlq:before { width: 16px; height: 16px; content: " "; display: inline-block; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,"); mask-image: url("data:image/svg+xml,") } .markdown-SpwdOz details, .markdown-SpwdOz figcaption, .markdown-SpwdOz figure { display: block } .markdown-SpwdOz summary { display: list-item } .markdown-SpwdOz [hidden] { display: none !important } .markdown-SpwdOz a { background-color: transparent; text-decoration: none; user-select: auto; color: var(--theme-text-link) } .markdown-SpwdOz a, .markdown-SpwdOz a:active, .markdown-SpwdOz a:visited { color: var(--theme-text-link) } .markdown-SpwdOz a:active, .markdown-SpwdOz a:hover { outline-width: 0; text-decoration: underline; color: var(--primaryblue-500) } .markdown-SpwdOz abbr[title] { border-bottom: none; text-decoration: underline dotted } .markdown-SpwdOz dfn { font-style: italic } .markdown-SpwdOz mark { background-color: var(--theme-btn-fill-secondary); color: var(--theme-text-primary) } .markdown-SpwdOz small { font-size: 90% } .markdown-SpwdOz sub, .markdown-SpwdOz sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } .markdown-SpwdOz sub { bottom: -.25em } .markdown-SpwdOz sup { top: -.5em } .markdown-SpwdOz img { border-style: none; max-width: 100%; box-sizing: content-box; background-color: var(--theme-text-white-primary) } .markdown-SpwdOz kbd, .markdown-SpwdOz samp { font-family: monospace, monospace; font-size: 1em } .markdown-SpwdOz figure { margin: 1em 40px } .markdown-SpwdOz hr { box-sizing: content-box; overflow: hidden; background: transparent; border-bottom: 1px solid hsl(210, 18%, 87%); height: 1px; padding: 0; margin: 16px 0; background-color: var(--theme-btn-fill-secondary-active); border: 0 } .markdown-SpwdOz input { font: inherit; margin: 0; overflow: visible; font-family: inherit; font-size: inherit; line-height: inherit } .markdown-SpwdOz [type=button], .markdown-SpwdOz [type=reset], .markdown-SpwdOz [type=submit] { -webkit-appearance: button } .markdown-SpwdOz [type=button]::-moz-focus-inner, .markdown-SpwdOz [type=reset]::-moz-focus-inner, .markdown-SpwdOz [type=submit]::-moz-focus-inner { border-style: none; padding: 0 } .markdown-SpwdOz [type=button]:-moz-focusring, .markdown-SpwdOz [type=reset]:-moz-focusring, .markdown-SpwdOz [type=submit]:-moz-focusring { outline: 1px dotted ButtonText } .markdown-SpwdOz [type=checkbox], .markdown-SpwdOz [type=radio] { box-sizing: border-box; padding: 0 } .markdown-SpwdOz [type=number]::-webkit-inner-spin-button, .markdown-SpwdOz [type=number]::-webkit-outer-spin-button { height: auto } .markdown-SpwdOz [type=search] { -webkit-appearance: textfield; outline-offset: -2px } .markdown-SpwdOz [type=search]::-webkit-search-cancel-button, .markdown-SpwdOz [type=search]::-webkit-search-decoration { -webkit-appearance: none } .markdown-SpwdOz ::-webkit-input-placeholder { color: inherit; opacity: .54 } .markdown-SpwdOz ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } .markdown-SpwdOz a:hover { text-decoration: underline } .markdown-SpwdOz hr:before { display: table; content: "" } .markdown-SpwdOz hr:after { display: table; clear: both; content: "" } .markdown-SpwdOz table { border-spacing: 0; border-collapse: collapse; display: block; width: max-content; max-width: 100%; overflow: auto } .markdown-SpwdOz td, .markdown-SpwdOz th { padding: 0 } .markdown-SpwdOz details summary { cursor: pointer } .markdown-SpwdOz details:not([open])>*:not(summary) { display: none !important } .markdown-SpwdOz kbd { display: inline-block; padding: 3px 5px; font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; line-height: 10px; color: var(--theme-text-primary); vertical-align: middle; background-color: var(--theme-bg-gray-secondary); border: solid 1px rgba(175, 184, 193, .2); border-bottom-color: #afb8c133; border-radius: 6px; box-shadow: inset 0 -1px #afb8c133 } .markdown-SpwdOz h1, .markdown-SpwdOz h2, .markdown-SpwdOz h3, .markdown-SpwdOz h4, .markdown-SpwdOz h5, .markdown-SpwdOz h6 { margin-top: 24px; margin-bottom: 16px } .markdown-SpwdOz h1 { margin-top: var(--md-h1-margin-top); line-height: var(--md-h1-line-height); font-size: var(--md-h1-font-size) } .markdown-SpwdOz h2 { margin-top: var(--md-h2-margin-top); line-height: var(--md-h2-line-height); font-size: var(--md-h2-font-size) } .markdown-SpwdOz h3 { margin-top: var(--md-h3-margin-top); line-height: var(--md-h3-line-height); font-size: var(--md-h3-font-size) } .markdown-SpwdOz h4 { margin-top: var(--md-h4-margin-top); line-height: var(--md-h4-line-height); font-size: var(--md-h4-font-size) } .markdown-SpwdOz h5, .markdown-SpwdOz h6 { font-size: var(--md-normal-text-font-size); line-height: var(--md-normal-text-line-height); color: var(--theme-text-tertiary) } .markdown-SpwdOz p { margin-top: 0; word-wrap: break-word; white-space: pre-wrap; font-size: var(--md-normal-text-font-size); line-height: var(--md-normal-text-line-height) } .markdown-SpwdOz>p:not(:last-child) { margin-bottom: var(--md-paragraph-spacing) } .markdown-SpwdOz blockquote { margin: 0; padding: 0 1em; color: var(--theme-text-tertiary); border-left: .25em solid var(--theme-btn-fill-secondary-active) } .markdown-SpwdOz ul, .markdown-SpwdOz ol { margin-top: 0; margin-bottom: 0; padding-left: 1.5em; white-space: initial } .markdown-SpwdOz ol { list-style-type: auto } .markdown-SpwdOz ul { list-style-type: disc } .markdown-SpwdOz ol ol, .markdown-SpwdOz ul ol { list-style-type: lower-roman } .markdown-SpwdOz ul ul ol, .markdown-SpwdOz ul ol ol, .markdown-SpwdOz ol ul ol, .markdown-SpwdOz ol ol ol { list-style-type: lower-alpha } .markdown-SpwdOz dd { margin-left: 0 } .markdown-SpwdOz tt, .markdown-SpwdOz code { font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 12px } .markdown-SpwdOz pre { margin-top: 10px; overflow: hidden; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 12px; word-wrap: normal } .markdown-SpwdOz .octicon-611ONj { display: inline-block; overflow: visible !important; vertical-align: text-bottom; fill: currentColor } .markdown-SpwdOz ::placeholder { color: var(--theme-text-quaternary); opacity: 1 } .markdown-SpwdOz input::-webkit-outer-spin-button, .markdown-SpwdOz input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none } .markdown-SpwdOz .pl-c-a64hK9 { color: var(--theme-text-quaternary) } .markdown-SpwdOz .pl-c1-OvCCex, .markdown-SpwdOz .pl-s-AgYIx- .pl-v-U8gXhm { color: #0550ae } .markdown-SpwdOz .pl-e-Tm00cI, .markdown-SpwdOz .pl-en-51zwZJ { color: var(--theme-text-brand) } .markdown-SpwdOz .pl-smi-NdkyBh, .markdown-SpwdOz .pl-s-AgYIx- .pl-s1-AW1aL9 { color: var(--theme-text-primary) } .markdown-SpwdOz .pl-ent--GVnNZ { color: #116329 } .markdown-SpwdOz .pl-k-wZxsFt { color: var(--theme-function-error) } .markdown-SpwdOz .pl-s-AgYIx-, .markdown-SpwdOz .pl-pds-ANddEY, .markdown-SpwdOz .pl-s-AgYIx- .pl-pse-5tRB18 .pl-s1-AW1aL9, .markdown-SpwdOz .pl-sr-aiAPGc, .markdown-SpwdOz .pl-sr-aiAPGc .pl-cce-4ruWr1, .markdown-SpwdOz .pl-sr-aiAPGc .pl-sre-Lanjkp, .markdown-SpwdOz .pl-sr-aiAPGc .pl-sra-OTbOs3 { color: #0a3069 } .markdown-SpwdOz .pl-v-U8gXhm, .markdown-SpwdOz .pl-smw-J-A1hr { color: #953800 } .markdown-SpwdOz .pl-bu-qR-Hsy { color: #82071e } .markdown-SpwdOz .pl-ii-YIibA5 { color: var(--theme-bg-gray-secondary); background-color: #82071e } .markdown-SpwdOz .pl-c2-mBLmrl { color: var(--theme-bg-gray-secondary); background-color: var(--theme-function-error) } .markdown-SpwdOz .pl-sr-aiAPGc .pl-cce-4ruWr1 { font-weight: 700; color: #116329 } .markdown-SpwdOz .pl-ml-2BiWLf { color: var(--theme-text-primary) } .markdown-SpwdOz .pl-mh-rRGmDE, .markdown-SpwdOz .pl-mh-rRGmDE .pl-en-51zwZJ, .markdown-SpwdOz .pl-ms-vKqhLx { font-weight: 700; color: #0550ae } .markdown-SpwdOz .pl-mi-XMRTvX { font-style: italic; color: var(--theme-text-primary) } .markdown-SpwdOz .pl-mb-Vq4vXm { font-weight: 700; color: var(--theme-text-primary) } .markdown-SpwdOz .pl-md-o-Hqyx { color: #82071e; background-color: var(--theme-btn-fill-secondary-hover) } .markdown-SpwdOz .pl-mi1-RpZxPQ { color: #116329; background-color: var(--theme-btn-fill-secondary) } .markdown-SpwdOz .pl-mc-lzWnHz { color: #953800; background-color: #ffd8b5 } .markdown-SpwdOz .pl-mi2-OgVkwU { color: var(--theme-btn-fill-secondary); background-color: #0550ae } .markdown-SpwdOz .pl-mdr-w4q8ao { font-weight: 700; color: var(--theme-text-brand) } .markdown-SpwdOz .pl-ba-259Z-F { color: var(--theme-text-tertiary) } .markdown-SpwdOz .pl-sg-dDFGPp { color: var(--theme-text-quaternary) } .markdown-SpwdOz .pl-corl-O---Y6 { text-decoration: underline; color: #0a3069 } .markdown-SpwdOz [data-catalyst] { display: block } .markdown-SpwdOz g-emoji { font-family: "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol; font-size: 1em; font-style: normal !important; font-weight: 400; line-height: 1; vertical-align: -.075em } .markdown-SpwdOz g-emoji img { width: 1em; height: 1em } .markdown-SpwdOz a:not([href]) { color: inherit; text-decoration: none } .markdown-SpwdOz .absent-Ge6KQ9 { color: var(--theme-function-error) } .markdown-SpwdOz .anchor-5vCHMG { float: left; padding-right: 4px; margin-left: -20px; line-height: 1 } .markdown-SpwdOz .anchor-5vCHMG:focus { outline: none } .markdown-SpwdOz blockquote, .markdown-SpwdOz ul, .markdown-SpwdOz ol, .markdown-SpwdOz dl, .markdown-SpwdOz table, .markdown-SpwdOz pre, .markdown-SpwdOz details { margin-top: 0; margin-bottom: var(--md-paragraph-spacing) } .markdown-SpwdOz blockquote>:first-child { margin-top: 0 } .markdown-SpwdOz blockquote>:last-child { margin-bottom: 0 } .markdown-SpwdOz sup>a:before { content: "[" } .markdown-SpwdOz sup>a:after { content: "]" } .markdown-SpwdOz h1 .octicon-link-smMGlq, .markdown-SpwdOz h2 .octicon-link-smMGlq, .markdown-SpwdOz h3 .octicon-link-smMGlq, .markdown-SpwdOz h4 .octicon-link-smMGlq, .markdown-SpwdOz h5 .octicon-link-smMGlq, .markdown-SpwdOz h6 .octicon-link-smMGlq { color: var(--theme-text-primary); vertical-align: middle; visibility: hidden } .markdown-SpwdOz h1:hover .anchor-5vCHMG, .markdown-SpwdOz h2:hover .anchor-5vCHMG, .markdown-SpwdOz h3:hover .anchor-5vCHMG, .markdown-SpwdOz h4:hover .anchor-5vCHMG, .markdown-SpwdOz h5:hover .anchor-5vCHMG, .markdown-SpwdOz h6:hover .anchor-5vCHMG { text-decoration: none } .markdown-SpwdOz h1:hover .anchor-5vCHMG .octicon-link-smMGlq, .markdown-SpwdOz h2:hover .anchor-5vCHMG .octicon-link-smMGlq, .markdown-SpwdOz h3:hover .anchor-5vCHMG .octicon-link-smMGlq, .markdown-SpwdOz h4:hover .anchor-5vCHMG .octicon-link-smMGlq, .markdown-SpwdOz h5:hover .anchor-5vCHMG .octicon-link-smMGlq, .markdown-SpwdOz h6:hover .anchor-5vCHMG .octicon-link-smMGlq { visibility: visible } .markdown-SpwdOz h1 tt, .markdown-SpwdOz h1 code, .markdown-SpwdOz h2 tt, .markdown-SpwdOz h2 code, .markdown-SpwdOz h3 tt, .markdown-SpwdOz h3 code, .markdown-SpwdOz h4 tt, .markdown-SpwdOz h4 code, .markdown-SpwdOz h5 tt, .markdown-SpwdOz h5 code, .markdown-SpwdOz h6 tt, .markdown-SpwdOz h6 code { padding: 0 .2em; font-size: inherit } .markdown-SpwdOz ul.no-list-xcNTbh, .markdown-SpwdOz ol.no-list-xcNTbh { padding: 0; list-style-type: none } .markdown-SpwdOz ol[type="1"] { list-style-type: decimal } .markdown-SpwdOz ol[type=a] { list-style-type: lower-alpha } .markdown-SpwdOz ol[type=i] { list-style-type: lower-roman } .markdown-SpwdOz div>ol:not([type]) { list-style-type: decimal } .markdown-SpwdOz ul ul, .markdown-SpwdOz ul ol, .markdown-SpwdOz ol ol, .markdown-SpwdOz ol ul { margin-top: 0; margin-bottom: 0; white-space: initial } .markdown-SpwdOz li>p { margin-top: 16px } .markdown-SpwdOz li { margin: 8px 0 } .markdown-SpwdOz dl { padding: 0 } .markdown-SpwdOz dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic } .markdown-SpwdOz dl dd { padding: 0 16px; margin-bottom: 16px } .markdown-SpwdOz table th, .markdown-SpwdOz table td { padding: 6px 13px; border: 1px solid var(--theme-btn-fill-secondary-active) } .markdown-SpwdOz table tr { background-color: var(--theme-bg-white); border-top: 1px solid hsl(210, 18%, 87%) } .markdown-SpwdOz table img { background-color: transparent } .markdown-SpwdOz img[align=right] { padding-left: 20px } .markdown-SpwdOz img[align=left] { padding-right: 20px } .markdown-SpwdOz .emoji-57dyDF { max-width: none; vertical-align: text-top; background-color: transparent } .markdown-SpwdOz span.frame-MN1llb { display: block; overflow: hidden } .markdown-SpwdOz span.frame-MN1llb>span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid var(--theme-btn-fill-secondary-active) } .markdown-SpwdOz span.frame-MN1llb span img { display: block; float: left } .markdown-SpwdOz span.frame-MN1llb span span { display: block; padding: 5px 0 0; clear: both; color: var(--theme-text-primary) } .markdown-SpwdOz span.align-center-fE7dRl { display: block; overflow: hidden; clear: both } .markdown-SpwdOz span.align-center-fE7dRl>span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center } .markdown-SpwdOz span.align-center-fE7dRl span img { margin: 0 auto; text-align: center } .markdown-SpwdOz span.align-right-JecbAP { display: block; overflow: hidden; clear: both } .markdown-SpwdOz span.align-right-JecbAP>span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right } .markdown-SpwdOz span.align-right-JecbAP span img { margin: 0; text-align: right } .markdown-SpwdOz span.float-left-kBxdm4 { display: block; float: left; margin-right: 13px; overflow: hidden } .markdown-SpwdOz span.float-left-kBxdm4 span { margin: 13px 0 0 } .markdown-SpwdOz span.float-right-svQgxw { display: block; float: right; margin-left: 13px; overflow: hidden } .markdown-SpwdOz span.float-right-svQgxw>span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right } .markdown-SpwdOz code, .markdown-SpwdOz tt { padding: .2em .4em; margin: 0; font-size: 85%; background-color: #afb8c133; border-radius: 6px } .markdown-SpwdOz code br, .markdown-SpwdOz tt br { display: none } .markdown-SpwdOz del code { text-decoration: inherit } .markdown-SpwdOz pre code { white-space: pre-wrap; word-wrap: break-word; font-size: 100% } .markdown-SpwdOz pre>code { padding: 0; margin: 0; word-break: normal; white-space: pre; background: transparent; border: 0 } .markdown-SpwdOz .highlight-sphHRu { margin-bottom: 16px } .markdown-SpwdOz .highlight-sphHRu pre { margin-bottom: 0; word-break: normal } .markdown-SpwdOz .highlight-sphHRu pre, .markdown-SpwdOz pre { overflow: auto; font-size: 85%; line-height: 1.45; background-color: var(--theme-bg-gray-secondary); border-radius: 6px } .markdown-SpwdOz pre code, .markdown-SpwdOz pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0 } .markdown-SpwdOz .csv-data-FWoF4K td, .markdown-SpwdOz .csv-data-FWoF4K th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap } .markdown-SpwdOz .csv-data-FWoF4K .blob-num-6fKUVo { padding: 10px 8px 9px; text-align: right; background: var(--theme-text-white-primary); border: 0 } .markdown-SpwdOz .csv-data-FWoF4K tr { border-top: 0 } .markdown-SpwdOz .csv-data-FWoF4K th { background: var(--theme-bg-gray-secondary); border-top: 0 } .markdown-SpwdOz .footnotes-WKXpQX { font-size: 12px; color: var(--theme-text-tertiary); border-top: 1px solid var(--theme-btn-fill-secondary-active) } .markdown-SpwdOz .footnotes-WKXpQX ol { padding-left: 16px } .markdown-SpwdOz .footnotes-WKXpQX li { position: relative } .markdown-SpwdOz .footnotes-WKXpQX li:target:before { position: absolute; inset: -8px -8px -8px -24px; pointer-events: none; content: ""; border: 2px solid var(--theme-text-link); border-radius: 6px } .markdown-SpwdOz .footnotes-WKXpQX li:target { color: var(--theme-text-primary) } .markdown-SpwdOz .footnotes-WKXpQX .data-footnote-backref-Txvin0 g-emoji { font-family: monospace } .markdown-SpwdOz .task-list-item--svW8P { list-style-type: none } .markdown-SpwdOz .task-list-item--svW8P label { font-weight: 400 } .markdown-SpwdOz .task-list-item--svW8P.enabled-yQgnnl label { cursor: pointer } .markdown-SpwdOz .task-list-item--svW8P+.task-list-item--svW8P { margin-top: 3px } .markdown-SpwdOz .task-list-item--svW8P .handle-9YDTUu { display: none } .markdown-SpwdOz .task-list-item-checkbox-1q0YnU { margin: 0 .2em .25em -1.6em; vertical-align: middle } .markdown-SpwdOz .contains-task-list-1iq2k-:dir(rtl) .task-list-item-checkbox-1q0YnU { margin: 0 -1.6em .25em .2em } .markdown-SpwdOz ::-webkit-calendar-picker-indicator { filter: invert(50%) } .markdown-SpwdOz pre code.hljs { display: block; overflow-x: auto; padding: 0 } .markdown-SpwdOz code.hljs { padding: 3px 5px } .markdown-SpwdOz .hljs { color: var(--theme-text-primary) } .markdown-SpwdOz .hljs-doctag, .markdown-SpwdOz .hljs-keyword, .markdown-SpwdOz .hljs-meta .hljs-keyword, .markdown-SpwdOz .hljs-template-tag, .markdown-SpwdOz .hljs-template-variable, .markdown-SpwdOz .hljs-type, .markdown-SpwdOz .hljs-variable.language_ { color: #d73a49 } .markdown-SpwdOz .hljs-title, .markdown-SpwdOz .hljs-title.class_, .markdown-SpwdOz .hljs-title.class_.inherited__, .markdown-SpwdOz .hljs-title.function_ { color: var(--theme-text-brand) } .markdown-SpwdOz .hljs-attr, .markdown-SpwdOz .hljs-attribute, .markdown-SpwdOz .hljs-literal, .markdown-SpwdOz .hljs-meta, .markdown-SpwdOz .hljs-number, .markdown-SpwdOz .hljs-operator, .markdown-SpwdOz .hljs-selector-attr, .markdown-SpwdOz .hljs-selector-class, .markdown-SpwdOz .hljs-selector-id, .markdown-SpwdOz .hljs-variable { color: #005cc5 } .markdown-SpwdOz .hljs-meta .hljs-string, .markdown-SpwdOz .hljs-regexp, .markdown-SpwdOz .hljs-string { color: #1d6bc5 } .markdown-SpwdOz .hljs-built_in, .markdown-SpwdOz .hljs-symbol { color: #e36209 } .markdown-SpwdOz .hljs-code, .markdown-SpwdOz .hljs-comment, .markdown-SpwdOz .hljs-formula { color: var(--theme-text-quaternary) } .markdown-SpwdOz .hljs-name, .markdown-SpwdOz .hljs-quote, .markdown-SpwdOz .hljs-selector-pseudo, .markdown-SpwdOz .hljs-selector-tag { color: #22863a } .markdown-SpwdOz .hljs-subst { color: var(--theme-text-primary) } .markdown-SpwdOz .hljs-section { color: #005cc5; font-weight: 700 } .markdown-SpwdOz .hljs-bullet { color: #735c0f } .markdown-SpwdOz .hljs-emphasis { color: var(--theme-text-primary); font-style: italic } .markdown-SpwdOz .hljs-strong { color: var(--theme-text-primary); font-weight: 700 } .markdown-SpwdOz .hljs-addition { color: #22863a; background-color: var(--theme-btn-fill-secondary-hover) } .markdown-SpwdOz .hljs-deletion { color: #b31d28; background-color: var(--theme-btn-fill-secondary-hover) } .markdown-SpwdOz img { -webkit-user-drag: none } .markdown-SpwdOz .code-enhance-VJ31z- { width: 100%; display: flex; flex-direction: column; border-radius: 7px; overflow: hidden } .markdown-SpwdOz .code-enhance-VJ31z- .code-enhance-header-yy5YWz { background: var(--theme-bg-gray-nav); color: var(--theme-text-primary); height: 32px; box-sizing: border-box; padding: 0 16px; font-size: 12px; display: flex; justify-content: space-between; align-items: center; gap: 8px } .markdown-SpwdOz .code-enhance-VJ31z- .code-enhance-header-yy5YWz.hide-R96h2P { display: none } .markdown-SpwdOz .code-enhance-VJ31z- .code-enhance-header-yy5YWz .code-logo-rp-v8H { width: 12px; height: 12px; border-radius: 4px; margin-right: 6px } .markdown-SpwdOz .code-enhance-VJ31z- .code-enhance-header-yy5YWz .code-enhance-title-CZMchw { user-select: none } .markdown-SpwdOz .code-enhance-VJ31z- .code-enhance-header-yy5YWz .code-enhance-header-right-ytvBTU { display: flex; gap: 12px } .markdown-SpwdOz .code-enhance-VJ31z- .code-enhance-header-yy5YWz .code-enhance-header-right-ytvBTU .code-enhance-copy--zyLtW { display: inline-flex; cursor: pointer; align-items: center; gap: 6px; font-size: 12px; word-spacing: -4px } .markdown-SpwdOz .code-enhance-VJ31z- .code-enhance-content-dSuw9U { padding: 1em; background-color: var(--theme-bg-gray-secondary); text-align: left; direction: ltr } .markdown-SpwdOz .artifact-after-code-preview-192bpJ { margin-top: 8px } .markdown-SpwdOz .artifact-after-code-preview-192bpJ .code-enhance-content-dSuw9U { background: transparent } .markdown-SpwdOz .img-LV0-FW { cursor: zoom-in } .markdown-SpwdOz .agent-marker-ivEg3- { display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--text-white); background-color: #919eab; display: inline-flex; padding: 0 2px; min-width: 14px; height: 14px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 10px; vertical-align: super; font-size: 10px } .markdown-SpwdOz .agent-marker-ivEg3-:hover { background-color: var(--primaryblue-500) } .markdown-SpwdOz .search-source-marker-Hz5-JO { opacity: unset; color: unset; cursor: unset; user-select: unset; text-decoration: none !important; display: inline-flex; border-radius: 50%; color: var(--theme-text-primary) !important; font-size: 12px; font-weight: 400; background: var(--theme-fill-tsp-components-primary); flex-direction: row; justify-content: center; align-items: center; padding: 0 2px; min-width: 14px; height: 14px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: all .2s ease-in-out; margin-left: 2px } .markdown-SpwdOz .search-source-marker-Hz5-JO:hover { opacity: unset } .markdown-SpwdOz .search-source-marker-Hz5-JO:hover { color: var(--text-white) !important; background: var(--primaryblue-500) } .markdown-SpwdOz .drawer-img-placeholder--C6XUW { display: inline-flex; align-items: baseline; gap: 4px; cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .markdown-SpwdOz .drawer-img-placeholder--C6XUW:hover, .markdown-SpwdOz .drawer-img-placeholder--C6XUW:active { opacity: .8 } .markdown-SpwdOz .drawer-img-placeholder--C6XUW svg { position: relative; top: 3px } .markdown-SpwdOz.enable-indent--PugL2>*:first-child { text-indent: 20px } @keyframes loading-pOr8FT { 0% { transform: scale(1) } 50% { transform: scale(.7) } to { transform: scale(1) } } .loading-pOr8FT>:not(ol):not(ul):not(pre):last-child:after, .loading-pOr8FT>ol:last-child li:last-child:after, .loading-pOr8FT>pre:last-child code:after, .loading-pOr8FT>ul:last-child li:last-child:after { content: ""; width: 12px; height: 12px; border-radius: 50%; display: inline-block; background: var(--theme-icon-secondary); margin-left: 4px; vertical-align: middle; animation: loading-pOr8FT 1.4s infinite } .agent-marker-content-7VFcNr { padding: 16px; border-radius: 12px; background: var(--theme-bg-menu-white); color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px; width: max-content; min-width: 300px; max-width: 360px; box-shadow: 0 8px 40px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .agent-marker-content-7VFcNr .agent-url-d8GVcA .logo-7QUkCZ { width: 14px; height: 14px; margin-right: 4px } .agent-marker-content-7VFcNr .agent-title-Rx2PLJ { font-size: 16px; font-weight: 500; line-height: 24px; margin-top: 4px; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .agent-marker-content-7VFcNr .agent-content-Zn4Dnp { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .search-source-marker-popover-content-ilbHA6 { opacity: unset; color: unset; cursor: unset; user-select: unset; display: flex; width: 293px; padding: 10px 8px 8px 12px; flex-direction: column; align-items: flex-start; gap: 4px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); cursor: pointer } .search-source-marker-popover-content-ilbHA6:hover { opacity: unset } .search-source-marker-popover-content-ilbHA6:hover { background: var(--theme-bg-menu-gray); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .search-source-marker-popover-content-ilbHA6 .search-source-marker-title-PqR-s- { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .search-source-marker-popover-content-ilbHA6 .search-source-marker-content-N-mKSz { color: var(--theme-text-tertiary); font-size: 13px; font-weight: 400; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .search-source-marker-popover-content-ilbHA6 .search-source-marker-footer-O4FVB- { display: flex; justify-content: space-between; align-items: center; align-self: stretch } .search-source-marker-popover-content-ilbHA6 .search-source-marker-footer-O4FVB- .source-marker-host-WDdiL5 { display: flex; gap: 4px; color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 16px } .search-source-marker-popover-content-ilbHA6 .search-source-marker-footer-O4FVB- .source-marker-host-WDdiL5 .source-maker-host-logo-ODpnp3 { flex-shrink: 0; width: 16px; height: 16px; border-radius: 16px } ._monica-dark .loading-pOr8FT>:not(ol):not(ul):not(pre):last-child:after, ._monica-dark .loading-pOr8FT>ol:last-child li:last-child:after, ._monica-dark .loading-pOr8FT>pre:last-child code:after, ._monica-dark .loading-pOr8FT>ul:last-child li:last-child:after { background: var(--theme-text-quaternary) !important } .reading-mark-bbDk18 { display: inline-flex; border-radius: 50%; color: var(--theme-text-primary); font-size: 12px; font-weight: 400; background: var(--theme-fill-tsp-components-primary); flex-direction: row; justify-content: center; align-items: center; padding: 0 2px; min-width: 14px; height: 14px; margin-right: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: all .2s ease-in-out } .reading-mark-bbDk18 .highlight-sphHRu { color: var(--theme-text-white-primary); background: var(--theme-text-link) } .reading-mark-bbDk18:hover { color: var(--text-white); background: var(--primaryblue-500) } .reading-heading-0mpZt9 { cursor: pointer } .reading-heading-0mpZt9:hover { text-decoration-line: underline } .reading-li-T1ZCvJ { font-size: var(--md-normal-text-font-size); line-height: var(--md-normal-text-line-height); font-weight: 400; cursor: pointer } .reading-li-T1ZCvJ strong:hover, .reading-li-T1ZCvJ em:hover, .reading-summary-li-9tg5zb:hover { text-decoration-line: underline } ._monica-share-mode .markdown-SpwdOz pre { background-color: transparent } .katex { text-rendering: auto; font: 1.21em KaTeX_Main, Times New Roman, serif; line-height: 1.2; text-indent: 0 } .katex * { -ms-high-contrast-adjust: none !important; border-color: currentColor } .katex .katex-version:after { content: "0.16.9" } .katex .katex-mathml { clip: rect(1px, 1px, 1px, 1px); border: 0; height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .katex .katex-html>.newline { display: block } .katex .base { position: relative; white-space: nowrap; width: -webkit-min-content; width: -moz-min-content; width: min-content } .katex .base, .katex .strut { display: inline-block } .katex .textbf { font-weight: 700 } .katex .textit { font-style: italic } .katex .textrm { font-family: KaTeX_Main } .katex .textsf { font-family: KaTeX_SansSerif } .katex .texttt { font-family: KaTeX_Typewriter } .katex .mathnormal { font-family: KaTeX_Math; font-style: italic } .katex .mathit { font-family: KaTeX_Main; font-style: italic } .katex .mathrm { font-style: normal } .katex .mathbf { font-family: KaTeX_Main; font-weight: 700 } .katex .boldsymbol { font-family: KaTeX_Math; font-style: italic; font-weight: 700 } .katex .amsrm, .katex .mathbb, .katex .textbb { font-family: KaTeX_AMS } .katex .mathcal { font-family: KaTeX_Caligraphic } .katex .mathfrak, .katex .textfrak { font-family: KaTeX_Fraktur } .katex .mathboldfrak, .katex .textboldfrak { font-family: KaTeX_Fraktur; font-weight: 700 } .katex .mathtt { font-family: KaTeX_Typewriter } .katex .mathscr, .katex .textscr { font-family: KaTeX_Script } .katex .mathsf, .katex .textsf { font-family: KaTeX_SansSerif } .katex .mathboldsf, .katex .textboldsf { font-family: KaTeX_SansSerif; font-weight: 700 } .katex .mathitsf, .katex .textitsf { font-family: KaTeX_SansSerif; font-style: italic } .katex .mainrm { font-family: KaTeX_Main; font-style: normal } .katex .vlist-t { border-collapse: collapse; display: inline-table; table-layout: fixed } .katex .vlist-r { display: table-row } .katex .vlist { display: table-cell; position: relative; vertical-align: bottom } .katex .vlist>span { display: block; height: 0; position: relative } .katex .vlist>span>span { display: inline-block } .katex .vlist>span>.pstrut { overflow: hidden; width: 0 } .katex .vlist-t2 { margin-right: -2px } .katex .vlist-s { display: table-cell; font-size: 1px; min-width: 2px; vertical-align: bottom; width: 2px } .katex .vbox { align-items: baseline; display: inline-flex; flex-direction: column } .katex .hbox { width: 100% } .katex .hbox, .katex .thinbox { display: inline-flex; flex-direction: row } .katex .thinbox { max-width: 0; width: 0 } .katex .msupsub { text-align: left } .katex .mfrac>span>span { text-align: center } .katex .mfrac .frac-line { border-bottom-style: solid; display: inline-block; width: 100% } .katex .hdashline, .katex .hline, .katex .mfrac .frac-line, .katex .overline .overline-line, .katex .rule, .katex .underline .underline-line { min-height: 1px } .katex .mspace { display: inline-block } .katex .clap, .katex .llap, .katex .rlap { position: relative; width: 0 } .katex .clap>.inner, .katex .llap>.inner, .katex .rlap>.inner { position: absolute } .katex .clap>.fix, .katex .llap>.fix, .katex .rlap>.fix { display: inline-block } .katex .llap>.inner { right: 0 } .katex .clap>.inner, .katex .rlap>.inner { left: 0 } .katex .clap>.inner>span { margin-left: -50%; margin-right: 50% } .katex .rule { border: 0 solid; display: inline-block; position: relative } .katex .hline, .katex .overline .overline-line, .katex .underline .underline-line { border-bottom-style: solid; display: inline-block; width: 100% } .katex .hdashline { border-bottom-style: dashed; display: inline-block; width: 100% } .katex .sqrt>.root { margin-left: .27777778em; margin-right: -.55555556em } .katex .fontsize-ensurer.reset-size1.size1, .katex .sizing.reset-size1.size1 { font-size: 1em } .katex .fontsize-ensurer.reset-size1.size2, .katex .sizing.reset-size1.size2 { font-size: 1.2em } .katex .fontsize-ensurer.reset-size1.size3, .katex .sizing.reset-size1.size3 { font-size: 1.4em } .katex .fontsize-ensurer.reset-size1.size4, .katex .sizing.reset-size1.size4 { font-size: 1.6em } .katex .fontsize-ensurer.reset-size1.size5, .katex .sizing.reset-size1.size5 { font-size: 1.8em } .katex .fontsize-ensurer.reset-size1.size6, .katex .sizing.reset-size1.size6 { font-size: 2em } .katex .fontsize-ensurer.reset-size1.size7, .katex .sizing.reset-size1.size7 { font-size: 2.4em } .katex .fontsize-ensurer.reset-size1.size8, .katex .sizing.reset-size1.size8 { font-size: 2.88em } .katex .fontsize-ensurer.reset-size1.size9, .katex .sizing.reset-size1.size9 { font-size: 3.456em } .katex .fontsize-ensurer.reset-size1.size10, .katex .sizing.reset-size1.size10 { font-size: 4.148em } .katex .fontsize-ensurer.reset-size1.size11, .katex .sizing.reset-size1.size11 { font-size: 4.976em } .katex .fontsize-ensurer.reset-size2.size1, .katex .sizing.reset-size2.size1 { font-size: .83333333em } .katex .fontsize-ensurer.reset-size2.size2, .katex .sizing.reset-size2.size2 { font-size: 1em } .katex .fontsize-ensurer.reset-size2.size3, .katex .sizing.reset-size2.size3 { font-size: 1.16666667em } .katex .fontsize-ensurer.reset-size2.size4, .katex .sizing.reset-size2.size4 { font-size: 1.33333333em } .katex .fontsize-ensurer.reset-size2.size5, .katex .sizing.reset-size2.size5 { font-size: 1.5em } .katex .fontsize-ensurer.reset-size2.size6, .katex .sizing.reset-size2.size6 { font-size: 1.66666667em } .katex .fontsize-ensurer.reset-size2.size7, .katex .sizing.reset-size2.size7 { font-size: 2em } .katex .fontsize-ensurer.reset-size2.size8, .katex .sizing.reset-size2.size8 { font-size: 2.4em } .katex .fontsize-ensurer.reset-size2.size9, .katex .sizing.reset-size2.size9 { font-size: 2.88em } .katex .fontsize-ensurer.reset-size2.size10, .katex .sizing.reset-size2.size10 { font-size: 3.45666667em } .katex .fontsize-ensurer.reset-size2.size11, .katex .sizing.reset-size2.size11 { font-size: 4.14666667em } .katex .fontsize-ensurer.reset-size3.size1, .katex .sizing.reset-size3.size1 { font-size: .71428571em } .katex .fontsize-ensurer.reset-size3.size2, .katex .sizing.reset-size3.size2 { font-size: .85714286em } .katex .fontsize-ensurer.reset-size3.size3, .katex .sizing.reset-size3.size3 { font-size: 1em } .katex .fontsize-ensurer.reset-size3.size4, .katex .sizing.reset-size3.size4 { font-size: 1.14285714em } .katex .fontsize-ensurer.reset-size3.size5, .katex .sizing.reset-size3.size5 { font-size: 1.28571429em } .katex .fontsize-ensurer.reset-size3.size6, .katex .sizing.reset-size3.size6 { font-size: 1.42857143em } .katex .fontsize-ensurer.reset-size3.size7, .katex .sizing.reset-size3.size7 { font-size: 1.71428571em } .katex .fontsize-ensurer.reset-size3.size8, .katex .sizing.reset-size3.size8 { font-size: 2.05714286em } .katex .fontsize-ensurer.reset-size3.size9, .katex .sizing.reset-size3.size9 { font-size: 2.46857143em } .katex .fontsize-ensurer.reset-size3.size10, .katex .sizing.reset-size3.size10 { font-size: 2.96285714em } .katex .fontsize-ensurer.reset-size3.size11, .katex .sizing.reset-size3.size11 { font-size: 3.55428571em } .katex .fontsize-ensurer.reset-size4.size1, .katex .sizing.reset-size4.size1 { font-size: .625em } .katex .fontsize-ensurer.reset-size4.size2, .katex .sizing.reset-size4.size2 { font-size: .75em } .katex .fontsize-ensurer.reset-size4.size3, .katex .sizing.reset-size4.size3 { font-size: .875em } .katex .fontsize-ensurer.reset-size4.size4, .katex .sizing.reset-size4.size4 { font-size: 1em } .katex .fontsize-ensurer.reset-size4.size5, .katex .sizing.reset-size4.size5 { font-size: 1.125em } .katex .fontsize-ensurer.reset-size4.size6, .katex .sizing.reset-size4.size6 { font-size: 1.25em } .katex .fontsize-ensurer.reset-size4.size7, .katex .sizing.reset-size4.size7 { font-size: 1.5em } .katex .fontsize-ensurer.reset-size4.size8, .katex .sizing.reset-size4.size8 { font-size: 1.8em } .katex .fontsize-ensurer.reset-size4.size9, .katex .sizing.reset-size4.size9 { font-size: 2.16em } .katex .fontsize-ensurer.reset-size4.size10, .katex .sizing.reset-size4.size10 { font-size: 2.5925em } .katex .fontsize-ensurer.reset-size4.size11, .katex .sizing.reset-size4.size11 { font-size: 3.11em } .katex .fontsize-ensurer.reset-size5.size1, .katex .sizing.reset-size5.size1 { font-size: .55555556em } .katex .fontsize-ensurer.reset-size5.size2, .katex .sizing.reset-size5.size2 { font-size: .66666667em } .katex .fontsize-ensurer.reset-size5.size3, .katex .sizing.reset-size5.size3 { font-size: .77777778em } .katex .fontsize-ensurer.reset-size5.size4, .katex .sizing.reset-size5.size4 { font-size: .88888889em } .katex .fontsize-ensurer.reset-size5.size5, .katex .sizing.reset-size5.size5 { font-size: 1em } .katex .fontsize-ensurer.reset-size5.size6, .katex .sizing.reset-size5.size6 { font-size: 1.11111111em } .katex .fontsize-ensurer.reset-size5.size7, .katex .sizing.reset-size5.size7 { font-size: 1.33333333em } .katex .fontsize-ensurer.reset-size5.size8, .katex .sizing.reset-size5.size8 { font-size: 1.6em } .katex .fontsize-ensurer.reset-size5.size9, .katex .sizing.reset-size5.size9 { font-size: 1.92em } .katex .fontsize-ensurer.reset-size5.size10, .katex .sizing.reset-size5.size10 { font-size: 2.30444444em } .katex .fontsize-ensurer.reset-size5.size11, .katex .sizing.reset-size5.size11 { font-size: 2.76444444em } .katex .fontsize-ensurer.reset-size6.size1, .katex .sizing.reset-size6.size1 { font-size: .5em } .katex .fontsize-ensurer.reset-size6.size2, .katex .sizing.reset-size6.size2 { font-size: .6em } .katex .fontsize-ensurer.reset-size6.size3, .katex .sizing.reset-size6.size3 { font-size: .7em } .katex .fontsize-ensurer.reset-size6.size4, .katex .sizing.reset-size6.size4 { font-size: .8em } .katex .fontsize-ensurer.reset-size6.size5, .katex .sizing.reset-size6.size5 { font-size: .9em } .katex .fontsize-ensurer.reset-size6.size6, .katex .sizing.reset-size6.size6 { font-size: 1em } .katex .fontsize-ensurer.reset-size6.size7, .katex .sizing.reset-size6.size7 { font-size: 1.2em } .katex .fontsize-ensurer.reset-size6.size8, .katex .sizing.reset-size6.size8 { font-size: 1.44em } .katex .fontsize-ensurer.reset-size6.size9, .katex .sizing.reset-size6.size9 { font-size: 1.728em } .katex .fontsize-ensurer.reset-size6.size10, .katex .sizing.reset-size6.size10 { font-size: 2.074em } .katex .fontsize-ensurer.reset-size6.size11, .katex .sizing.reset-size6.size11 { font-size: 2.488em } .katex .fontsize-ensurer.reset-size7.size1, .katex .sizing.reset-size7.size1 { font-size: .41666667em } .katex .fontsize-ensurer.reset-size7.size2, .katex .sizing.reset-size7.size2 { font-size: .5em } .katex .fontsize-ensurer.reset-size7.size3, .katex .sizing.reset-size7.size3 { font-size: .58333333em } .katex .fontsize-ensurer.reset-size7.size4, .katex .sizing.reset-size7.size4 { font-size: .66666667em } .katex .fontsize-ensurer.reset-size7.size5, .katex .sizing.reset-size7.size5 { font-size: .75em } .katex .fontsize-ensurer.reset-size7.size6, .katex .sizing.reset-size7.size6 { font-size: .83333333em } .katex .fontsize-ensurer.reset-size7.size7, .katex .sizing.reset-size7.size7 { font-size: 1em } .katex .fontsize-ensurer.reset-size7.size8, .katex .sizing.reset-size7.size8 { font-size: 1.2em } .katex .fontsize-ensurer.reset-size7.size9, .katex .sizing.reset-size7.size9 { font-size: 1.44em } .katex .fontsize-ensurer.reset-size7.size10, .katex .sizing.reset-size7.size10 { font-size: 1.72833333em } .katex .fontsize-ensurer.reset-size7.size11, .katex .sizing.reset-size7.size11 { font-size: 2.07333333em } .katex .fontsize-ensurer.reset-size8.size1, .katex .sizing.reset-size8.size1 { font-size: .34722222em } .katex .fontsize-ensurer.reset-size8.size2, .katex .sizing.reset-size8.size2 { font-size: .41666667em } .katex .fontsize-ensurer.reset-size8.size3, .katex .sizing.reset-size8.size3 { font-size: .48611111em } .katex .fontsize-ensurer.reset-size8.size4, .katex .sizing.reset-size8.size4 { font-size: .55555556em } .katex .fontsize-ensurer.reset-size8.size5, .katex .sizing.reset-size8.size5 { font-size: .625em } .katex .fontsize-ensurer.reset-size8.size6, .katex .sizing.reset-size8.size6 { font-size: .69444444em } .katex .fontsize-ensurer.reset-size8.size7, .katex .sizing.reset-size8.size7 { font-size: .83333333em } .katex .fontsize-ensurer.reset-size8.size8, .katex .sizing.reset-size8.size8 { font-size: 1em } .katex .fontsize-ensurer.reset-size8.size9, .katex .sizing.reset-size8.size9 { font-size: 1.2em } .katex .fontsize-ensurer.reset-size8.size10, .katex .sizing.reset-size8.size10 { font-size: 1.44027778em } .katex .fontsize-ensurer.reset-size8.size11, .katex .sizing.reset-size8.size11 { font-size: 1.72777778em } .katex .fontsize-ensurer.reset-size9.size1, .katex .sizing.reset-size9.size1 { font-size: .28935185em } .katex .fontsize-ensurer.reset-size9.size2, .katex .sizing.reset-size9.size2 { font-size: .34722222em } .katex .fontsize-ensurer.reset-size9.size3, .katex .sizing.reset-size9.size3 { font-size: .40509259em } .katex .fontsize-ensurer.reset-size9.size4, .katex .sizing.reset-size9.size4 { font-size: .46296296em } .katex .fontsize-ensurer.reset-size9.size5, .katex .sizing.reset-size9.size5 { font-size: .52083333em } .katex .fontsize-ensurer.reset-size9.size6, .katex .sizing.reset-size9.size6 { font-size: .5787037em } .katex .fontsize-ensurer.reset-size9.size7, .katex .sizing.reset-size9.size7 { font-size: .69444444em } .katex .fontsize-ensurer.reset-size9.size8, .katex .sizing.reset-size9.size8 { font-size: .83333333em } .katex .fontsize-ensurer.reset-size9.size9, .katex .sizing.reset-size9.size9 { font-size: 1em } .katex .fontsize-ensurer.reset-size9.size10, .katex .sizing.reset-size9.size10 { font-size: 1.20023148em } .katex .fontsize-ensurer.reset-size9.size11, .katex .sizing.reset-size9.size11 { font-size: 1.43981481em } .katex .fontsize-ensurer.reset-size10.size1, .katex .sizing.reset-size10.size1 { font-size: .24108004em } .katex .fontsize-ensurer.reset-size10.size2, .katex .sizing.reset-size10.size2 { font-size: .28929605em } .katex .fontsize-ensurer.reset-size10.size3, .katex .sizing.reset-size10.size3 { font-size: .33751205em } .katex .fontsize-ensurer.reset-size10.size4, .katex .sizing.reset-size10.size4 { font-size: .38572806em } .katex .fontsize-ensurer.reset-size10.size5, .katex .sizing.reset-size10.size5 { font-size: .43394407em } .katex .fontsize-ensurer.reset-size10.size6, .katex .sizing.reset-size10.size6 { font-size: .48216008em } .katex .fontsize-ensurer.reset-size10.size7, .katex .sizing.reset-size10.size7 { font-size: .57859209em } .katex .fontsize-ensurer.reset-size10.size8, .katex .sizing.reset-size10.size8 { font-size: .69431051em } .katex .fontsize-ensurer.reset-size10.size9, .katex .sizing.reset-size10.size9 { font-size: .83317261em } .katex .fontsize-ensurer.reset-size10.size10, .katex .sizing.reset-size10.size10 { font-size: 1em } .katex .fontsize-ensurer.reset-size10.size11, .katex .sizing.reset-size10.size11 { font-size: 1.19961427em } .katex .fontsize-ensurer.reset-size11.size1, .katex .sizing.reset-size11.size1 { font-size: .20096463em } .katex .fontsize-ensurer.reset-size11.size2, .katex .sizing.reset-size11.size2 { font-size: .24115756em } .katex .fontsize-ensurer.reset-size11.size3, .katex .sizing.reset-size11.size3 { font-size: .28135048em } .katex .fontsize-ensurer.reset-size11.size4, .katex .sizing.reset-size11.size4 { font-size: .32154341em } .katex .fontsize-ensurer.reset-size11.size5, .katex .sizing.reset-size11.size5 { font-size: .36173633em } .katex .fontsize-ensurer.reset-size11.size6, .katex .sizing.reset-size11.size6 { font-size: .40192926em } .katex .fontsize-ensurer.reset-size11.size7, .katex .sizing.reset-size11.size7 { font-size: .48231511em } .katex .fontsize-ensurer.reset-size11.size8, .katex .sizing.reset-size11.size8 { font-size: .57877814em } .katex .fontsize-ensurer.reset-size11.size9, .katex .sizing.reset-size11.size9 { font-size: .69453376em } .katex .fontsize-ensurer.reset-size11.size10, .katex .sizing.reset-size11.size10 { font-size: .83360129em } .katex .fontsize-ensurer.reset-size11.size11, .katex .sizing.reset-size11.size11 { font-size: 1em } .katex .delimsizing.size1 { font-family: KaTeX_Size1 } .katex .delimsizing.size2 { font-family: KaTeX_Size2 } .katex .delimsizing.size3 { font-family: KaTeX_Size3 } .katex .delimsizing.size4 { font-family: KaTeX_Size4 } .katex .delimsizing.mult .delim-size1>span { font-family: KaTeX_Size1 } .katex .delimsizing.mult .delim-size4>span { font-family: KaTeX_Size4 } .katex .nulldelimiter { display: inline-block; width: .12em } .katex .delimcenter, .katex .op-symbol { position: relative } .katex .op-symbol.small-op { font-family: KaTeX_Size1 } .katex .op-symbol.large-op { font-family: KaTeX_Size2 } .katex .accent>.vlist-t, .katex .op-limits>.vlist-t { text-align: center } .katex .accent .accent-body { position: relative } .katex .accent .accent-body:not(.accent-full) { width: 0 } .katex .overlay { display: block } .katex .mtable .vertical-separator { display: inline-block; min-width: 1px } .katex .mtable .arraycolsep { display: inline-block } .katex .mtable .col-align-c>.vlist-t { text-align: center } .katex .mtable .col-align-l>.vlist-t { text-align: left } .katex .mtable .col-align-r>.vlist-t { text-align: right } .katex .svg-align { text-align: left } .katex svg { fill: currentColor; stroke: currentColor; fill-rule: nonzero; fill-opacity: 1; stroke-width: 1; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0; stroke-opacity: 1; display: block; height: inherit; position: absolute; width: 100% } .katex svg path { stroke: none } .katex img { border-style: none; max-height: none; max-width: none; min-height: 0; min-width: 0 } .katex .stretchy { display: block; overflow: hidden; position: relative; width: 100% } .katex .stretchy:after, .katex .stretchy:before { content: "" } .katex .hide-tail { overflow: hidden; position: relative; width: 100% } .katex .halfarrow-left { left: 0; overflow: hidden; position: absolute; width: 50.2% } .katex .halfarrow-right { overflow: hidden; position: absolute; right: 0; width: 50.2% } .katex .brace-left { left: 0; overflow: hidden; position: absolute; width: 25.1% } .katex .brace-center { left: 25%; overflow: hidden; position: absolute; width: 50% } .katex .brace-right { overflow: hidden; position: absolute; right: 0; width: 25.1% } .katex .x-arrow-pad { padding: 0 .5em } .katex .cd-arrow-pad { padding: 0 .55556em 0 .27778em } .katex .mover, .katex .munder, .katex .x-arrow { text-align: center } .katex .boxpad { padding: 0 .3em } .katex .fbox, .katex .fcolorbox { border: .04em solid; box-sizing: border-box } .katex .cancel-pad { padding: 0 .2em } .katex .cancel-lap { margin-left: -.2em; margin-right: -.2em } .katex .sout { border-bottom-style: solid; border-bottom-width: .08em } .katex .angl { border-right: .049em solid; border-top: .049em solid; box-sizing: border-box; margin-right: .03889em } .katex .anglpad { padding: 0 .03889em } .katex .eqn-num:before { content: "(" counter(katexEqnNo) ")"; counter-increment: katexEqnNo } .katex .mml-eqn-num:before { content: "(" counter(mmlEqnNo) ")"; counter-increment: mmlEqnNo } .katex .mtr-glue { width: 50% } .katex .cd-vert-arrow { display: inline-block; position: relative } .katex .cd-label-left { display: inline-block; position: absolute; right: calc(50% + .3em); text-align: left } .katex .cd-label-right { display: inline-block; left: calc(50% + .3em); position: absolute; text-align: right } .katex-display { display: block; margin: 1em 0; text-align: center } .katex-display>.katex { display: block; text-align: center; white-space: nowrap } .katex-display>.katex>.katex-html { display: block; position: relative } .katex-display>.katex>.katex-html>.tag { position: absolute; right: 0 } .katex-display.leqno>.katex>.katex-html>.tag { left: 0; right: auto } .katex-display.fleqn>.katex { padding-left: 2em; text-align: left } body { counter-reset: katexEqnNo mmlEqnNo } .markdown-font-size-provider-3KSWBx { --md-paragraph-spacing: 20px; --md-heading-margin-top: 24px; --md-h1-font-size: 26px; --md-h1-margin-top: var(--md-heading-margin-top); --md-h1-line-height: 30px; --md-h2-font-size: 24px; --md-h2-margin-top: var(--md-heading-margin-top); --md-h2-line-height: 28px; --md-h3-font-size: 20px; --md-h3-margin-top: var(--md-heading-margin-top); --md-h3-line-height: 24px; --md-h4-font-size: 16px; --md-h4-margin-top: var(--md-heading-margin-top); --md-h4-line-height: 20px; --md-blockquote-margin: 24px 0px 12px 0px; --md-blockquote-padding: 0px 0px 0px 10px; --md-blockquote-font-size: 24px; --md-blockquote-line-height: 36px; --md-normal-text-font-size: 16px; --md-normal-text-line-height: 28px; --md-small-text-font-size: 15px; --md-small-text-line-height: 20px; --md-extra-small-text-font-size: 14px; --md-extra-small-text-line-height: 18px } @media screen and (max-width: 560px) { .markdown-font-size-provider-3KSWBx { --md-paragraph-spacing: 18px; --md-h1-font-size: 26px; --md-h2-font-size: 24px; --md-h3-font-size: 20px; --md-normal-text-font-size: 15px; --md-normal-text-line-height: 24px; --md-small-text-font-size: 14px; --md-small-text-line-height: 18px; --md-extra-small-text-font-size: 12px; --md-extra-small-text-line-height: 16px } } .markdown-font-size-provider-3KSWBx.sidebar-ZRQNut { --md-paragraph-spacing: 18px; --md-h1-font-size: 26px; --md-h2-font-size: 24px; --md-h3-font-size: 20px; --md-normal-text-font-size: 15px; --md-normal-text-line-height: 24px; --md-small-text-font-size: 14px; --md-small-text-line-height: 18px; --md-extra-small-text-font-size: 12px; --md-extra-small-text-line-height: 16px } .markdown-font-size-provider-3KSWBx.large-nulQH6 { --md-paragraph-spacing: 22px; --md-h1-font-size: 28px; --md-h2-font-size: 26px; --md-h3-font-size: 22px; --md-h3-line-height: 26px; --md-h4-font-size: 18px; --md-h4-line-height: 22px; --md-blockquote-font-size: 26px; --md-blockquote-line-height: 38px; --md-normal-text-font-size: 18px; --md-normal-text-line-height: 30px; --md-small-text-font-size: 17px; --md-small-text-line-height: 22px; --md-extra-small-text-font-size: 15px; --md-extra-small-text-line-height: 20px } .notification-image-preview-fhKaq- { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; font-size: 14px; white-space: normal; color: var(--theme-text-primary); box-sizing: border-box; inset: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; background: var(--theme-bg-mask); -webkit-app-region: no-drag; z-index: 5; position: fixed } .notification-image-preview-fhKaq- :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .notification-image-preview-fhKaq- :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .notification-image-preview-fhKaq- .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } .notification-image-preview-fhKaq- ::selection { background-color: #96c8fab3 } .notification-image-preview-fhKaq- .operation-chc-Xk { position: fixed; inset-block-start: 0; inset-inline-end: 0; width: 100%; height: 40px; background: var(--theme-shadow-s2) } .notification-image-preview-fhKaq- .operation-chc-Xk .switch-BVRtl4 { position: fixed; direction: ltr; width: 40px; height: 40px; border-radius: 20px; background: var(--theme-shadow-s2); inset-block-start: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; transition: background-color .2s ease-in-out; color: var(--theme-text-white-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .notification-image-preview-fhKaq- .operation-chc-Xk .switch-BVRtl4:hover { background: var(--theme-shadow-s3) } .notification-image-preview-fhKaq- .operation-chc-Xk .switch-BVRtl4:active { background: var(--theme-bg-mask) } .notification-image-preview-fhKaq- .operation-chc-Xk .switch-prev-m87VWK { inset-inline-start: 12px } .notification-image-preview-fhKaq- .operation-chc-Xk .switch-next-ZTJbUS { inset-inline-end: 12px } .notification-image-preview-fhKaq- .operation-chc-Xk .disabled-RES5-m { background: transparent; color: #ffffff40; cursor: not-allowed } .notification-image-preview-fhKaq- .operation-chc-Xk .disabled-RES5-m:hover, .notification-image-preview-fhKaq- .operation-chc-Xk .disabled-RES5-m:active { background: transparent } .notification-image-preview-fhKaq- .operation-chc-Xk .toolbar-Pm1dcY { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between } .notification-image-preview-fhKaq- .operation-chc-Xk .toolbar-Pm1dcY .ct-OeQNdA { font-size: 14px; color: var(--theme-text-white-primary) } .notification-image-preview-fhKaq- .operation-chc-Xk .toolbar-Pm1dcY .rt-E7GaPp { display: inline-flex; align-items: center } .notification-image-preview-fhKaq- .operation-chc-Xk .toolbar-Pm1dcY .rt-E7GaPp .toolbar-item-qUYvUb { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transition: background-color .2s ease-in-out; color: var(--theme-text-white-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .notification-image-preview-fhKaq- .operation-chc-Xk .toolbar-Pm1dcY .rt-E7GaPp .toolbar-item-qUYvUb:hover { background: var(--theme-shadow-s3) } .notification-image-preview-fhKaq- .operation-chc-Xk .toolbar-Pm1dcY .rt-E7GaPp .toolbar-item-qUYvUb:active { background: var(--theme-bg-mask) } .notification-image-preview-fhKaq- .container--cLfC6 { max-width: 80%; max-height: 80%; position: relative } .notification-image-preview-fhKaq- .container--cLfC6 .content-oeVw5H { width: 100%; height: 100%; border-radius: 12px; overflow: hidden } .notification-image-preview-fhKaq- .container--cLfC6 .content-oeVw5H img { width: 100%; height: 100%; object-fit: contain; transform: scale(.2); transition: transform .3s cubic-bezier(.215, .61, .355, 1) 0s } .notification-item-fejuSn { position: relative; width: 100%; border: 1px solid rgba(145, 158, 171, .12); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; gap: 12px } .notification-item-fejuSn:not(:last-of-type) { margin-bottom: 20px } .notification-item-fejuSn .header-R-Fi9A { width: 100%; display: flex; box-sizing: border-box; padding: 0 12px; background: var(--theme-btn-fill-secondary-hover) } .notification-item-fejuSn .header-R-Fi9A .title-X2doWe { flex: 1; padding: 11px 0; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--theme-text-primary) } .notification-item-fejuSn .header-R-Fi9A .feedback-YnE5R9 { min-width: 0; display: inline-flex; align-items: center } .notification-item-fejuSn .header-R-Fi9A .feedback-YnE5R9 .action-btn-904Ue8 { width: 30px; height: 100%; color: var(--theme-text-quaternary); display: flex; justify-content: center; align-items: center; cursor: pointer } .notification-item-fejuSn .header-R-Fi9A .feedback-YnE5R9 .action-btn-904Ue8:hover { color: #4e75bc } .notification-item-fejuSn .header-R-Fi9A .feedback-YnE5R9 .action-btn-904Ue8.dislike-Dd9l-y { transform: rotate(180deg) } .notification-item-fejuSn .header-R-Fi9A .feedback-YnE5R9 .action-btn-904Ue8.disabled-WWaJn5 { cursor: default } .notification-item-fejuSn .header-R-Fi9A .feedback-YnE5R9 .action-btn-904Ue8.active-z67IgN { color: var(--theme-text-link) !important } .notification-item-fejuSn .summary-Kl90hR { width: 100%; box-sizing: border-box; padding: 0 12px; font-size: 14px; line-height: 22px; color: var(--theme-text-primary) } .notification-item-fejuSn .summary-Kl90hR .markdown-0GH-qS p { margin-bottom: 8px !important } .notification-item-fejuSn .summary-Kl90hR .markdown-0GH-qS ol { list-style: decimal } .notification-item-fejuSn .summary-Kl90hR .markdown-0GH-qS ul { list-style: disc } .notification-item-fejuSn .images-8pTftu { width: 100%; max-width: 384px; position: relative; display: flex } .notification-item-fejuSn .images-8pTftu .action-v-Mto- { width: 64px; display: flex; align-items: center; justify-content: center } .notification-item-fejuSn .images-8pTftu .action-v-Mto- .action-btn-904Ue8 { width: 24px; height: 24px; box-shadow: 0 0 2px #919eab33, 0 4px 24px #919eab24; background: var(--theme-fill-btn-secondary); border-radius: 620px; display: flex; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .notification-item-fejuSn .images-8pTftu .action-v-Mto- .action-btn-904Ue8:hover, .notification-item-fejuSn .images-8pTftu .action-v-Mto- .action-btn-904Ue8:active { background: var(--theme-fill-btn-primary) } .notification-item-fejuSn .images-8pTftu .carousel-cFUxKH { flex: 1; overflow: hidden } .notification-item-fejuSn .images-8pTftu .carousel-cFUxKH.transition-iGHgZZ .slick-track { transition: transform .5s ease } .notification-item-fejuSn .images-8pTftu .carousel-cFUxKH .slide-GmCxDN { position: relative; border-radius: 8px; overflow: hidden; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .notification-item-fejuSn .images-8pTftu .carousel-cFUxKH .slide-GmCxDN:focus-visible { outline: none } .notification-item-fejuSn .images-8pTftu .carousel-cFUxKH .slide-GmCxDN img { width: 100%; height: 200px; object-fit: contain } .notification-item-fejuSn .images-8pTftu .carousel-cFUxKH .slide-GmCxDN .action-btn-904Ue8 { width: 24px; height: 24px; background: var(--theme-text-white-primary); box-shadow: 0 0 2px #919eab33, 0 4px 24px #919eab24; border-radius: 620px; display: flex; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .notification-item-fejuSn .images-8pTftu .carousel-cFUxKH .slide-GmCxDN .action-btn-904Ue8:hover, .notification-item-fejuSn .images-8pTftu .carousel-cFUxKH .slide-GmCxDN .action-btn-904Ue8:active { background: var(--theme-fill-tsp-blue) } .notification-item-fejuSn .dividing-3e9U42 { width: 100%; box-sizing: border-box; padding: 0 12px } .notification-item-fejuSn .dividing-3e9U42 .dividing-line-oMlkbf { width: 100%; height: 1px; background: var(--theme-btn-fill-secondary-hover) } .notification-item-fejuSn .footer-OF7-GB { width: 100%; box-sizing: border-box; padding: 0 12px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 12px; position: relative } .notification-item-fejuSn .footer-OF7-GB .action-btn-904Ue8 { height: 30px; min-width: 169px; max-width: calc((100% - 16px)/2) } .notification-item-fejuSn .footer-OF7-GB .text-btn-mS-fC0 { min-width: 0 } .hotkey-icon-90TRMq { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px; background: var(--theme-fill-tsp-components-secondary); border-radius: 6px; color: var(--theme-icon-quaternary) } .hotkey-tooltips-xO7MyX { visibility: visible } .hotkeyTitle-VB3P4C { display: flex; align-items: center; gap: 8px } .hotkeyTitle-VB3P4C .hotkey-4FyZMb { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px; gap: 10px; border-radius: 6px; background: var(--theme-fill-tsp-components-primary); box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 8px 40px 0 var(--theme-shadow-s2) } [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; inset: 0; width: auto !important; height: auto !important; z-index: 0 } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; inset: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; width: 0; height: 0 } .simplebar-content:after, .simplebar-content:before { content: " "; display: table } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0 } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1 } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden } [data-simplebar].simplebar-dragging, [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px } .simplebar-scrollbar:before { position: absolute; content: ""; background: #000; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity .2s .5s linear } .simplebar-scrollbar.simplebar-visible:before { opacity: .5; transition-delay: 0s; transition-duration: 0s } .simplebar-track.simplebar-vertical { top: 0; width: 11px } .simplebar-scrollbar:before { inset: 2px } .simplebar-track.simplebar-horizontal { left: 0; height: 11px } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { inset: 0 auto 0 0; min-height: 0; min-width: 10px; width: auto } [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical { right: auto; left: 0 } .simplebar-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: scrollbar !important } .simplebar-dummy-scrollbar-size>div { width: 200%; height: 200%; margin: 10px 0 } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none } .simplebar-scrollbar:before { background-color: var(--theme-fill-tsp-components-primary) } .simplebar-scrollbar:hover:before { background-color: var(--theme-fill-tsp-gray) } .bots-view-0Y8hY0 { width: 100%; height: 100%; position: relative } .bots-view-0Y8hY0.drawer-E-Kehi, .bots-view-0Y8hY0.drawer-E-Kehi .sticky-1YMidv { background: var(--theme-bg-white) } .bots-view-0Y8hY0.drawer-E-Kehi .sticky-1YMidv .drawer-close-FUXJfP { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; color: var(--theme-icon-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .bots-view-0Y8hY0.drawer-E-Kehi .sticky-1YMidv .drawer-close-FUXJfP:hover { background-color: var(--theme-fill-tsp-components-secondary) } .bots-view-0Y8hY0.drawer-E-Kehi .content-sthlNf { max-width: 100% } .bots-view-0Y8hY0.drawer-E-Kehi .bot-search-KRtJva>div { width: 100% } .bots-view-0Y8hY0.bot-nav-BsvYZo .sticky-1YMidv { border-radius: 16px 0 0 } .bots-view-0Y8hY0.bot-nav-BsvYZo .title-9eQF7b { display: none } .bots-view-0Y8hY0.bot-nav-BsvYZo .header-right-5wgwvY { gap: 12px; flex: 1; max-width: 100% } .bots-view-0Y8hY0.bot-nav-BsvYZo .header-right-5wgwvY .button--MpjMe { flex: 1; overflow: hidden } .bots-view-0Y8hY0.bot-nav-BsvYZo .header-right-5wgwvY .button--MpjMe .button-text-uT4NGS { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .bots-view-0Y8hY0.bot-nav-BsvYZo .empty-UZchlO .empty-img-hdnzI1 { width: 80px; height: 80px } .bots-view-0Y8hY0.bot-nav-BsvYZo .empty-UZchlO p { text-align: center } .bots-view-0Y8hY0.bot-nav-BsvYZo .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY { column-gap: 8px } .bots-view-0Y8hY0.bot-nav-BsvYZo .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY .bot-logo-WkzyjE { width: 24px; height: 24px; border-radius: 50%; overflow: hidden; -webkit-user-drag: none; flex-shrink: 0; border: 1px solid var(--theme-border-primary) } .bots-view-0Y8hY0.bot-nav-BsvYZo .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY .bot-name-rA2jqU { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .bots-view-0Y8hY0 .content-sthlNf { display: flex; justify-content: center; align-items: center; flex-direction: column; max-width: 800px; margin: 0 auto } .bots-view-0Y8hY0 .sticky-1YMidv { width: 100%; position: sticky; top: 0; z-index: 1; background: var(--theme-bg-white) } .bots-view-0Y8hY0 .bots-view-header-J2npVq { width: 100%; padding: 20px 20px 0; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .bots-view-0Y8hY0 .bots-view-header-J2npVq .header-left-oaa9ec { display: flex; flex-direction: row; justify-content: center; align-items: center } .bots-view-0Y8hY0 .bots-view-header-J2npVq .header-right-5wgwvY { display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 12px } .bots-view-0Y8hY0 .bot-search-KRtJva { display: flex; align-items: center; gap: 8px; width: 100%; padding: 0 20px; margin: 16px 0 } .bots-view-0Y8hY0 .bot-search-KRtJva>div:first-child { width: 100% } .bots-view-0Y8hY0 .bot-search-KRtJva .search-input-GyGRXg { height: 36px; border-radius: 12px } .bots-view-0Y8hY0 .empty-UZchlO { flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; padding: 20px; margin-top: 160px } .bots-view-0Y8hY0 .empty-UZchlO .empty-img-hdnzI1 { width: 100px; height: 100px } .bots-view-0Y8hY0 .empty-UZchlO p { color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; white-space: pre } .bots-view-0Y8hY0 .empty-UZchlO a { cursor: pointer; color: var(--theme-text-link) } .bots-view-0Y8hY0 .empty-UZchlO a:hover { color: var(--theme-text-link-active); text-decoration: underline } .bots-view-0Y8hY0 .bots-NAxrea { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: flex-start; row-gap: 16px; flex: 1; margin: 0 auto; padding: 0 20px } .bots-view-0Y8hY0 .bots-NAxrea>div { width: 100% } .bots-view-0Y8hY0 .bots-NAxrea .default-bots-ZokiKN { display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 4px; position: relative } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk { width: 100%; padding: 6px 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; gap: 12px; border-radius: 12px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk:hover { background: var(--theme-fill-tsp-components-secondary) } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk:hover .bot-item-right-K1w5H9, .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk:hover .pin-action-TGdLKl { display: flex } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk.active-DzKByl { background: var(--theme-fill-tsp-components-secondary) } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY { display: flex; align-items: center; column-gap: 12px; flex: 1; min-width: 0 } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY.chat-bot-item-left-tv-Owd { column-gap: 12px } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY.chat-bot-item-left-tv-Owd .bot-logo-WkzyjE { width: 36px; height: 36px } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY.chat-bot-item-left-tv-Owd .bot-name-wrapper-0Ne-1K { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0 } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY.chat-bot-item-left-tv-Owd .bot-name-wrapper-0Ne-1K .bot-info-sjzD9I { display: flex; gap: 4px } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY.chat-bot-item-left-tv-Owd .bot-name-wrapper-0Ne-1K .bot-info-sjzD9I .tag-QIseYx { height: 18px; border-radius: 4px; background: var(--theme-fill-tsp-components-secondary); color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px; padding: 0 4px } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY.chat-bot-item-left-tv-Owd .bot-name-wrapper-0Ne-1K .bot-info-sjzD9I .chat-count-feEDHN { color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY.chat-bot-item-left-tv-Owd .bot-name-wrapper-0Ne-1K .bot-info-sjzD9I .private-info-f34Oiv { padding: 0 4px; display: flex; align-items: center; gap: 2px; color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY .bot-logo-WkzyjE { width: 28px; height: 28px; border-radius: 50%; overflow: hidden; -webkit-user-drag: none; flex-shrink: 0; border: 1px solid var(--theme-border-primary) } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY .bot-name-rA2jqU { font-size: 16px; font-weight: 500; line-height: 26px; color: var(--theme-text-primary); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-left-i9KIFY .bot-name-rA2jqU .highlight-zT-645 { color: var(--theme-text-brand); background: transparent } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-right-K1w5H9 { display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 4px; display: none } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-right-K1w5H9.pin-bot-9iijTC, .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-right-K1w5H9.pin-bot-9iijTC .pin-action-TGdLKl { display: flex } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-right-K1w5H9 .bot-item-action-c3fOPX { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .bot-item-right-K1w5H9 .bot-item-action-c3fOPX:hover { background-color: var(--theme-fill-tsp-components-secondary) } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .pin-action-TGdLKl { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: none } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .pin-action-TGdLKl:hover { background-color: var(--theme-fill-tsp-components-secondary) } .bots-view-0Y8hY0 .bots-NAxrea .bot-item-8GYiBk .pin-action-TGdLKl:hover { display: flex } .bots-view-0Y8hY0 .bots-NAxrea .divider-nv2nWv { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 12px; margin-bottom: 8px; padding-right: 12px } .bots-view-0Y8hY0 .bots-NAxrea .divider-nv2nWv .divider-text-ocgI19 { color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px } .bots-view-0Y8hY0 .bots-NAxrea .divider-nv2nWv .link-Sqfre3 { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand); order: 1 } .bots-view-0Y8hY0 .bots-NAxrea .divider-nv2nWv .link-Sqfre3:hover, .bots-view-0Y8hY0 .bots-NAxrea .divider-nv2nWv .link-Sqfre3:active { opacity: .8 } .bots-view-0Y8hY0 .bots-NAxrea .divider-nv2nWv:before { content: ""; flex: 1; order: 1; height: 1px; background: var(--theme-fill-tsp-components-primary) } .bots-view-0Y8hY0 .bots-wrapper-Cyb-Xj { flex: 1; width: 100%; min-height: 0; display: flex } .bots-view-0Y8hY0 .pin-bots-view-all-bjNR2B { margin-top: 15px; display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 4px; cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .bots-view-0Y8hY0 .pin-bots-view-all-bjNR2B:hover, .bots-view-0Y8hY0 .pin-bots-view-all-bjNR2B:active { opacity: .8 } .bots-view-0Y8hY0 .arrow--ok-FI { transition: transform .2s ease-in-out } .bots-view-0Y8hY0 .arrow--ok-FI.arrow-active-zwPhoU { transform: rotate(180deg) } .bots-view-0Y8hY0 .footer-ljDK1h { display: flex; justify-content: center; align-items: center; padding: 16px 0; color: var(--theme-text-primary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; width: 100%; gap: 8px } .bots-view-0Y8hY0 .footer-ljDK1h a { cursor: pointer; color: var(--theme-text-link) } .bots-view-0Y8hY0 .footer-ljDK1h a:hover { color: var(--theme-text-link-active); text-decoration: underline } .bots-view-0Y8hY0 .footer-ljDK1h .line-group-9JQVos { display: flex; gap: 4px; align-items: center } .bots-view-0Y8hY0 .footer-ljDK1h .line-group-9JQVos .line-rWppY9:first-child { height: 10px } .bots-view-0Y8hY0 .footer-ljDK1h .line-group-9JQVos .line-rWppY9:last-child { height: 6px } .bots-view-0Y8hY0 .footer-ljDK1h .line-group-9JQVos:last-of-type { flex-direction: row-reverse } .bots-view-0Y8hY0 .footer-ljDK1h .line-rWppY9 { background: var(--theme-text-link); width: 1px } .pat-scroll-box-64U0mz { width: 100%; overflow: visible; position: relative; scrollbar-color: auto } .pat-scroll-box-64U0mz .content-erHK-Z { width: 100%; overflow-y: hidden; overflow-x: auto } .pat-scroll-box-64U0mz .content-erHK-Z::-webkit-scrollbar { display: none } .pat-scroll-box-64U0mz .content-erHK-Z::-webkit-scrollbar-track { display: none } .pat-scroll-box-64U0mz .content-erHK-Z::-webkit-scrollbar-thumb { display: none } .pat-scroll-box-64U0mz .left-z3utf3, .pat-scroll-box-64U0mz .right-oBlo8N { position: absolute; top: 50%; padding: 6px 12px; transform: translateY(-50%); z-index: 2; cursor: pointer; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: all .2s ease; opacity: 0; color: var(--theme-text-primary) } .pat-scroll-box-64U0mz .left-z3utf3.visible-ibPqev, .pat-scroll-box-64U0mz .right-oBlo8N.visible-ibPqev { opacity: 1 } .pat-scroll-box-64U0mz .left-z3utf3 { left: 0; background: linear-gradient(90deg, var(--theme-bg-white) 0%, var(--theme-bg-white) 0%, rgba(255, 255, 255, 0) 100%) } .pat-scroll-box-64U0mz .left-z3utf3 .ic-circle-FlwFeo { transform: rotate(180deg) } .pat-scroll-box-64U0mz .right-oBlo8N { right: 0; background: linear-gradient(-90deg, var(--theme-bg-white) 0%, var(--theme-bg-white) 20%, rgba(255, 255, 255, 0) 100%) } .pat-scroll-box-64U0mz .ic-circle-FlwFeo { width: 24px; height: 24px; border-radius: 50%; background-color: var(--theme-fill-white); display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--theme-border-light) } .pat-scroll-box-64U0mz .ic-circle-FlwFeo:hover { background-color: var(--theme-fill-btn-secondary) } .pat-scroll-box-64U0mz .ic-circle-FlwFeo:active { opacity: .8 } .audio-fRkXtj { width: 100%; height: 100%; color: var(--theme-icon-primary); font-size: 14px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overscroll-behavior: unset; padding: 20px } .audio-fRkXtj::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .audio-fRkXtj::-webkit-scrollbar-track { background: transparent } .audio-fRkXtj::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .audio-fRkXtj::-webkit-scrollbar-thumb:hover { background: #00000062 } .audio-fRkXtj::-webkit-scrollbar-corner { background: transparent } .audio-fRkXtj .inner-gpUAnK { display: flex; flex-direction: column; max-width: 800px; margin: 0 auto; min-height: 100% } .header-rzntXp { display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 100%; flex-wrap: wrap } .header-rzntXp .left-gFKBZc, .header-rzntXp .right-hAkAGj { display: flex; align-items: center } .header-rzntXp .left-gFKBZc .action-btn-h-qgJ6, .header-rzntXp .right-hAkAGj .action-btn-h-qgJ6 { border-radius: 8px } .header-rzntXp .right-hAkAGj { gap: 8px } .banner-FMAuHi { width: 100%; min-height: 120px; padding: 27px 24px; border-radius: 12px; position: relative; overflow: hidden; margin-top: 20px; background-size: cover !important } .banner-FMAuHi .bg-ynq9vS { position: absolute; z-index: 1; max-width: 80%; width: 100%; height: 100%; right: 0; top: 0; bottom: 0; background-size: contain; background-position: right } .banner-FMAuHi .inner-gpUAnK { position: relative; z-index: 2; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start } .banner-FMAuHi .banner-title-725jN5 { color: var(--theme-text-white-primary); font-size: 16px; line-height: normal } .banner-FMAuHi .button-igLP-E { display: inline-flex; margin-top: 12px } .kingkong-FKaOpF { margin-top: 20px; display: flex; gap: 20px } .kingkong-FKaOpF .kingkong-item-RzvpBG { display: flex; justify-content: space-between; align-items: flex-end; flex: 1; min-width: 0; border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-fill-tsp-components-tertiary) } .kingkong-FKaOpF .kingkong-item-RzvpBG .lt-RT5TJH { padding: 16px; height: 100% } .kingkong-FKaOpF .kingkong-item-RzvpBG .lt-RT5TJH .title-o-iA69 { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .kingkong-FKaOpF .kingkong-item-RzvpBG .lt-RT5TJH .subtitle-WQT7HW { margin-top: 4px; color: var(--theme-text-quaternary); font-size: 13px; line-height: 18px } .kingkong-FKaOpF .kingkong-item-RzvpBG .pic-mNeDI6 { display: flex; justify-content: flex-end } .kingkong-FKaOpF .kingkong-item-RzvpBG .pic-mNeDI6 .img--Ucldw { width: 126px; height: 93.6px; min-height: 64px } .kingkong-FKaOpF .kingkong-item-RzvpBG .pic-mNeDI6 .img--Ucldw img { object-fit: cover } .section-header-tcB5zx { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px } .section-header-tcB5zx .section-title-UIqIHN { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .section-header-tcB5zx .view-more-Z87xGo { display: inline-flex; gap: 4px; align-items: center; color: var(--theme-text-quaternary); font-size: 14px; line-height: 22px } .personal-podcast-HDQusy { margin-top: 40px } .personal-podcast-HDQusy .podcast-loading-dkBQ3D { display: flex; gap: 20px } .personal-podcast-HDQusy .podcast-loading-dkBQ3D .podcast-skeleton-itagWu { display: flex; flex-direction: column; gap: 8px } .personal-podcast-HDQusy .podcast-loading-dkBQ3D .podcast-skeleton-itagWu .pic-mNeDI6 { width: 144px; height: 144px; border-radius: 12px; overflow: hidden; background: linear-gradient(90deg, var(--theme-shadow-s1) 25%, var(--theme-shadow-s2) 37%, var(--theme-shadow-s1) 63%); background-size: 400% 100%; animation-name: skeleton-loading-nLZrFh; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } .personal-podcast-HDQusy .podcast-loading-dkBQ3D .podcast-skeleton-itagWu .text-qBsCJA { width: 144px; height: 36px; border-radius: 6px; background: linear-gradient(90deg, var(--theme-shadow-s1) 25%, var(--theme-shadow-s2) 37%, var(--theme-shadow-s1) 63%); background-size: 400% 100%; animation-name: skeleton-loading-nLZrFh; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } .personal-podcast-HDQusy .podcast-list-Weao-m { display: flex; gap: 20px } .personal-podcast-HDQusy .podcast-list-Weao-m .podcast-item-ACcSgd { width: 144px } .personal-podcast-HDQusy .podcast-list-Weao-m .podcast-item-ACcSgd .avatar-04bY9F { width: 144px; height: 144px; border-radius: 12px; overflow: hidden } .personal-podcast-HDQusy .podcast-list-Weao-m .podcast-item-ACcSgd p { margin-top: 8px; color: var(--theme-text-primary); font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; font-weight: 600 } .empty-3JAr-O { padding: 24px; border-radius: 8px; border: 1px dashed var(--theme-border-quaternary); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px } .empty-3JAr-O .empty-text-0zi85w { color: var(--theme-text-quaternary); font-size: 13px; line-height: 18px } .empty-3JAr-O .button-group-swiuHC { display: flex; align-items: center; gap: 8px } .empty-3JAr-O .button-group-swiuHC .btn-ULx1uY { border-radius: 8px } .audio-to-text-IVzqOk { margin-top: 40px } .audio-to-text-IVzqOk .audio-loading-E7wwmI { display: flex; flex-wrap: wrap; margin-bottom: -24px } .audio-to-text-IVzqOk .audio-loading-E7wwmI .audio-skeleton-A2Vdlx { width: calc(50% - 20px); height: 42px; background: linear-gradient(90deg, var(--theme-shadow-s1) 25%, var(--theme-shadow-s2) 37%, var(--theme-shadow-s1) 63%); background-size: 400% 100%; animation-name: skeleton-loading-nLZrFh; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite; border-radius: 6px; margin-bottom: 24px } @keyframes skeleton-loading-nLZrFh { 0% { background-position: 100% 50% } to { background-position: 0 50% } } .audio-to-text-IVzqOk .audio-loading-E7wwmI .audio-skeleton-A2Vdlx:nth-child(odd) { margin-right: 40px } .audio-to-text-IVzqOk .audio-list-f-CvuT { display: flex; flex-wrap: wrap; gap: 12px } .audio-to-text-IVzqOk .audio-list-f-CvuT .audio-item--JMhi4 { width: calc(50% - 6px); display: flex; flex-direction: column; align-items: center; padding: 12px; border-radius: 10px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .audio-to-text-IVzqOk .audio-list-f-CvuT .audio-item--JMhi4 .hd-7SxulN { display: flex; align-items: center; gap: 4px; width: 100% } .audio-to-text-IVzqOk .audio-list-f-CvuT .audio-item--JMhi4 .hd-7SxulN .name-yp0Fch { flex: 1; min-width: 0; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .audio-to-text-IVzqOk .audio-list-f-CvuT .audio-item--JMhi4 .hd-7SxulN .time-gx0Rkm { color: var(--theme-text-quaternary); font-size: 12px; line-height: 20px } .audio-to-text-IVzqOk .audio-list-f-CvuT .audio-item--JMhi4 .center-IYKXwU { display: flex; align-items: center; gap: 8px; margin-top: 4px; width: 100% } .audio-to-text-IVzqOk .audio-list-f-CvuT .audio-item--JMhi4 .center-IYKXwU .duration-xcH51m { color: var(--theme-text-quaternary); font-size: 12px; line-height: 20px } .audio-to-text-IVzqOk .audio-list-f-CvuT .audio-item--JMhi4 .center-IYKXwU .type-iidjnP { display: flex; align-items: center; gap: 4px; padding: 3px 8px; color: var(--theme-text-link); font-size: 13px; line-height: 18px; border-radius: 6px } .audio-to-text-IVzqOk .audio-list-f-CvuT .audio-item--JMhi4 .center-IYKXwU .divider-PWLrvr { display: flex; width: 1px; height: 10px; background: var(--theme-border-quaternary) } .audio-to-text-IVzqOk .audio-list-f-CvuT .audio-item--JMhi4 .content-text-OY0TRc { width: 100%; margin-top: 4px; color: var(--theme-text-quaternary); font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .mobile-view--TSvDs .banner-FMAuHi .banner-title-725jN5 { max-width: 50% } .mobile-view--TSvDs .banner-FMAuHi .banner-title-725jN5 .title-o-iA69 { font-size: 15px } .mobile-view--TSvDs .kingkong-FKaOpF { gap: 9px } .mobile-view--TSvDs .kingkong-FKaOpF .kingkong-item-RzvpBG { flex-direction: column; align-items: unset } .mobile-view--TSvDs .kingkong-FKaOpF .kingkong-item-RzvpBG .lt-RT5TJH { padding: 14px 11px 0 } .mobile-view--TSvDs .kingkong-FKaOpF .kingkong-item-RzvpBG .lt-RT5TJH .title-o-iA69 { font-weight: 600 } .mobile-view--TSvDs .kingkong-FKaOpF .kingkong-item-RzvpBG .lt-RT5TJH .subtitle-WQT7HW { display: none } .mobile-view--TSvDs .kingkong-FKaOpF .kingkong-item-RzvpBG .pic-mNeDI6 { justify-content: center } .mobile-view--TSvDs .kingkong-FKaOpF .kingkong-item-RzvpBG .pic-mNeDI6 .img--Ucldw { width: auto; height: 72px } .mobile-view--TSvDs .audio-to-text-IVzqOk .audio-list-f-CvuT { margin-bottom: 0; gap: 16px; flex-direction: column } .mobile-view--TSvDs .audio-to-text-IVzqOk .audio-list-f-CvuT .audio-item--JMhi4 { margin: 0; width: 100% } .mention-suggestion-wrapper-Wg6mAP { padding: 12px 12px 8px; border-radius: 12px; position: absolute; width: min(364px, 100%); transform: translateY(-100%); z-index: 900; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white) } .mention-suggestion-wrapper-Wg6mAP.down-cmVXg8 { transform: translateY(40px) } .mentions-suggestions-overlay-j4abt1 .scroll-i5TX6H { max-height: 240px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; margin-right: -8px; padding-right: 8px; display: flex; gap: 4px; flex-direction: column } .mentions-suggestions-overlay-j4abt1 .scroll-i5TX6H::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .mentions-suggestions-overlay-j4abt1 .scroll-i5TX6H::-webkit-scrollbar-track { background: transparent } .mentions-suggestions-overlay-j4abt1 .scroll-i5TX6H::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .mentions-suggestions-overlay-j4abt1 .scroll-i5TX6H::-webkit-scrollbar-thumb:hover { background: #00000062 } .mentions-suggestions-overlay-j4abt1 .scroll-i5TX6H::-webkit-scrollbar-corner { background: transparent } .input-9-VKYt { background: transparent; border-color: transparent; border-bottom: .5px solid var(--theme-border-primary); border-radius: 0 !important } .input-9-VKYt:focus { border-color: transparent; border-bottom-color: var(--theme-border-primary) } .input-9-VKYt:hover { border-color: transparent; border-bottom-color: var(--theme-border-primary) } .bot-list-o5d2T- .category-title-COjg3a:first-of-type { margin-top: 0 } .list-item-GL4j-D { display: flex; align-items: center; padding: 9px 8px; gap: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 8px } .list-item-GL4j-D:hover { background: var(--theme-fill-tsp-components-secondary) } .list-item-GL4j-D:hover .action-AvnX-I { display: flex } .list-item-GL4j-D.active-iQy2Rp { background: var(--theme-fill-tsp-components-secondary) } .list-item-GL4j-D .icon-hZxPw9 { width: 20px; height: 20px; font-size: 20px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-shrink: 0 } .list-item-GL4j-D .icon-hZxPw9 img { width: 100%; height: 100%; object-fit: cover } .list-item-GL4j-D .row-e6asW6 { display: flex; align-items: center; width: 100% } .list-item-GL4j-D .row-e6asW6 .lt-4e9JFf { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px } .list-item-GL4j-D .name-YL-lDe { min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .list-item-GL4j-D .keyword-x-WixX { color: var(--theme-text-disable); font-size: 14px; font-weight: 500; line-height: 20px } .list-item-GL4j-D .name-YL-lDe .highlight-l-XGyM, .list-item-GL4j-D .keyword-x-WixX .highlight-l-XGyM { color: var(--theme-icon-brand); background: transparent } .list-item-GL4j-D .badge-aTGQ4b { margin-left: 4px; flex-shrink: 0; display: flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 12px; font-size: 11px; background: var(--theme-btn-fill-tertiary); color: var(--theme-text-brand); white-space: nowrap } .list-item-GL4j-D .action-AvnX-I { font-size: 14px; align-items: center; color: var(--theme-icon-quaternary); flex-shrink: 0; display: flex } .category-title-COjg3a { margin: 8px 0 4px; color: var(--theme-icon-quaternary); font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px } .branch-pagination-wq2qpJ { display: flex; align-items: center } .branch-pagination-wq2qpJ .page-3fcyJL { padding: 0 8px; color: var(--theme-text-primary); font-size: 12px; font-style: normal; font-weight: 400; line-height: normal } .branch-pagination-wq2qpJ .page-3fcyJL .divider-UKCgHf { font-style: normal; margin: 0 4px } .branch-pagination-wq2qpJ .arrow-uJR42H { display: flex } .branch-pagination-wq2qpJ .arrow-uJR42H path { stroke-opacity: 1 } .branch-pagination-wq2qpJ .arrow-uJR42H:not(.disabled-PNVdh9) { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-secondary) } .branch-pagination-wq2qpJ .arrow-uJR42H:not(.disabled-PNVdh9):hover { color: var(--theme-icon-primary) } .branch-pagination-wq2qpJ .arrow-uJR42H.disabled-PNVdh9 { color: var(--theme-icon-disable) } .branch-pagination-wq2qpJ .arrow-uJR42H.rotate180-jiLeZ3 { transform: rotate(180deg) } .chat-error-aOPVIK { font-size: 15px; font-style: normal; font-weight: 400; line-height: 23px } .chat-error-aOPVIK .container-IQ64Xx { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px; display: flex; align-items: center; flex-direction: row; gap: 4px; margin-bottom: 20px } .chat-error-aOPVIK .container-IQ64Xx .icon-lJ1IV0 { align-self: flex-start; position: relative; top: 4px } .chat-intent-dSQ8OB { padding: 12px; border-radius: 20px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); max-width: 350px; margin-bottom: 22px } .chat-intent-dSQ8OB .header-lzpC6Z { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; color: var(--theme-icon-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .chat-intent-dSQ8OB .content---E46t { color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; word-wrap: break-word } .save-to-memo-button-AAjoxG { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .save-to-memo-button-AAjoxG.icon-button-T70AXH { padding: 3px; border-radius: 6px } .save-to-memo-button-AAjoxG.icon-button-T70AXH:hover { background-color: var(--theme-fill-tsp-components-secondary) } .image-tools-QXJ8C- { position: absolute; top: 8px; right: 8px; display: flex; gap: 8px } .image-tools-QXJ8C- .action-button-PVljmT { background: var(--transparent-black-32) } .image-tools-QXJ8C- .action-button-PVljmT:hover { background: var(--theme-bg-mask) } .image-tools-QXJ8C- .memo-uupuau { border-radius: 6px; padding: 3px; color: var(--theme-icon-white-primary) } .image-preview-GNFaUW { max-height: 327px; max-width: min(100%, 327px); position: relative; margin-bottom: 4px; width: max-content; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .image-preview-GNFaUW.share-XWXA-o { max-width: 100% } .image-preview-GNFaUW .img-W3z1Fx { min-width: 120px; min-height: 120px } .image-preview-GNFaUW .tools-bMfO-z { display: none } .image-preview-GNFaUW:hover .tools-bMfO-z { display: flex } .image-preview-GNFaUW .loading-wrapper--rULvr { pointer-events: none; position: absolute; z-index: 1; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100% } .add-to-focused-input-button-KqD80Q { display: flex; flex-direction: row; justify-content: center; align-items: center; flex: 1 } .reply-edit-box-xhgTd2 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; box-sizing: border-box; padding: 0 16px } .reply-edit-box-xhgTd2 .content-An94-n { flex: 1 } .reply-edit-box-xhgTd2 .content-An94-n textarea { width: 100%; height: 100%; box-sizing: border-box; padding: 12px 16px 8px; background: var(--theme-text-white-primary); border: 1.5px solid var(--theme-btn-fill-secondary); border-radius: 4px; resize: none; font-size: 14px; line-height: 22px; color: var(--theme-text-primary); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .reply-edit-box-xhgTd2 .content-An94-n textarea::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .reply-edit-box-xhgTd2 .content-An94-n textarea::-webkit-scrollbar-track { background: transparent } .reply-edit-box-xhgTd2 .content-An94-n textarea::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .reply-edit-box-xhgTd2 .content-An94-n textarea::-webkit-scrollbar-thumb:hover { background: #00000062 } .reply-edit-box-xhgTd2 .content-An94-n textarea::-webkit-scrollbar-corner { background: transparent } .reply-edit-box-xhgTd2 .content-An94-n textarea:focus { outline: none; border-color: var(--theme-text-link) } .reply-edit-box-xhgTd2 .footer-nAivpI { padding: 12px 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 14px; row-gap: 8px; flex-wrap: wrap } .reply-edit-box-xhgTd2 .footer-nAivpI .btn-Aa9-O5 { flex: 1 } .tone-popover-6zYFgs { z-index: 5 } .tone-menu-uEA6xn { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; max-height: 206px; overflow-y: auto } .tone-menu-uEA6xn::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .tone-menu-uEA6xn::-webkit-scrollbar-track { background: transparent } .tone-menu-uEA6xn::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .tone-menu-uEA6xn::-webkit-scrollbar-thumb:hover { background: #00000062 } .tone-menu-uEA6xn::-webkit-scrollbar-corner { background: transparent } .action-item-QFRoI6 { min-width: 100px } .action-item-QFRoI6.open-active-VpZ9ip { background-color: var(--theme-fill-tsp-components-secondary) } .action-child-item-yfPA4i { min-width: 90px; width: 100%; display: flex; align-items: center; position: relative; gap: 5px } .action-child-item-yfPA4i .rt-wV-Dws { margin-left: auto; color: var(--theme-icon-quaternary) } .humanize-content-glJDbF { display: flex; align-items: center; gap: 4px } .humanize-content-glJDbF .humanize-content-text-wSbDYq { font-size: 14px; line-height: 22px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .humanize-content-glJDbF .humanize-new-3f89Fl { padding: 1px 4px; border-radius: 4px; background: rgba(104, 65, 234, .12); color: var(--theme-text-btn-tertiary); font-size: 12px; font-weight: 400; line-height: 16px; flex-shrink: 0 } .reply-maker-8aNMSE { position: relative } .reply-maker-8aNMSE .badge-pYYaHv { position: absolute; top: 2px; right: -3px; width: 5px; height: 5px; border-radius: 50%; overflow: hidden; background: var(--theme-text-btn-tertiary) } .humanize-tooltip-jW0tKU { display: flex; flex-direction: column; gap: 2px } .humanize-tooltip-jW0tKU .humanize-tooltip-desc-KEa06W { margin-left: 12px; list-style-type: disc } .copy-group-w18LPT { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 6px; color: var(--theme-icon-quaternary); padding: 3px; gap: 2px } .copy-group-w18LPT:hover { background-color: var(--theme-fill-tsp-components-secondary) } .copy-group-w18LPT .arrow-icon-iXqEWT { transition: transform .2s } .copy-group-w18LPT .arrow-icon-iXqEWT.rotate-FJg4Oq { transform: rotate(180deg) } .active-a4tBi8 { background: var(--transparent-grayblue-8) !important } .message-toolbar-pCGIKx { display: flex; align-items: center; gap: 4px; visibility: hidden; justify-content: space-between } .message-toolbar-pCGIKx .share-button-DRnKWa { transition: unset } .message-toolbar-pCGIKx .left-tFdbwn, .message-toolbar-pCGIKx .right-zAYixJ { display: flex; align-items: center; gap: 4px } .more-action-menu-7yZX4U .action-item-UElZ3C.active-NMi0ch { color: var(--theme-text-link) } .combination-keys-4Fa38J { visibility: visible; margin-left: 6px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2px } .drawer-title-6Gf0PO { color: var(--theme-text-primary); font-size: 20px; font-weight: 700; line-height: normal } .drawer-CoED6B { position: absolute; bottom: 0; left: 0; right: 0; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); border-top-left-radius: 12px; border-top-right-radius: 12px; display: flex; flex-direction: column; z-index: 5; transition: transform .2s ease-in-out; transform: translateY(150%); overflow: hidden } .drawer-CoED6B.visible--w4evG { transform: translateY(0) } .drawer-CoED6B .drawer-header-t1qcSg { position: relative; padding: 16px 16px 10px; display: flex; flex-direction: row; justify-content: space-between; align-items: center } .drawer-CoED6B .drawer-header-t1qcSg .drawer-header-right-gy21A9 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; justify-content: right } .drawer-CoED6B .drawer-header-t1qcSg .drawer-close-6vwnL9 { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; color: var(--theme-icon-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .drawer-CoED6B .drawer-header-t1qcSg .drawer-close-6vwnL9:hover { background-color: var(--theme-fill-tsp-components-secondary) } .drawer-CoED6B .drawer-body-B9Ct44 { flex: 1; min-height: 0px; position: relative; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .drawer-CoED6B .drawer-body-B9Ct44::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .drawer-CoED6B .drawer-body-B9Ct44::-webkit-scrollbar-track { background: transparent } .drawer-CoED6B .drawer-body-B9Ct44::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .drawer-CoED6B .drawer-body-B9Ct44::-webkit-scrollbar-thumb:hover { background: #00000062 } .drawer-CoED6B .drawer-body-B9Ct44::-webkit-scrollbar-corner { background: transparent } .drawer-horizontal-g46nwZ { top: 0; bottom: 0; left: unset; right: 0; border-radius: 0; transform: translate(150%) } .drawer-horizontal-g46nwZ.visible--w4evG { transform: translate(0) } .drawer-close-area-rIWO-V { z-index: 3; position: absolute; inset: 10px; background-color: transparent } .drawer-mask-7-l7UY { z-index: 4; position: absolute; inset: 0; background: var(--theme-bg-mask); -webkit-app-region: no-drag } .drawer-mask-7-l7UY.desktop-c1m30M { border-radius: 12px } .ad-user-alert-text-Vkd-eo { color: var(--theme-text-primary); font-style: normal; font-weight: 400; line-height: 22px } .ad-user-alert-text-Vkd-eo .strong-DvIGgq { color: #d93400; font-weight: 600 } .ad-user-alert-text-Vkd-eo .link-AwjNRT { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .ad-user-alert-text-Vkd-eo .link-AwjNRT:hover, .ad-user-alert-text-Vkd-eo .link-AwjNRT:active { opacity: .8 } .improve-with-ai-button-dzaqM8 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .branch-pagination-qddmkt { display: flex } .branch-pagination-qddmkt .pagination-nkWejP { background-color: var(--theme-fill-tsp-components-secondary); border-radius: 6px; border: 1px solid var(--theme-border-light); display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; height: 20px; user-select: none; min-width: 62px } .branch-pagination-qddmkt .pagination-nkWejP .pagination-content-LR3bEu { background-color: var(--theme-bg-white); font-size: 12px; display: flex; align-items: center; height: 16px; line-height: 16px; padding: 0 4px; gap: 1px; flex: 1; border-radius: 2px } .branch-pagination-qddmkt .pagination-nkWejP .pagination-content-LR3bEu .pagination-content-current-CVDvq3, .branch-pagination-qddmkt .pagination-nkWejP .pagination-content-LR3bEu .pagination-content-total-7SHjwf { color: var(--theme-icon-quaternary) } .branch-pagination-qddmkt .pagination-nkWejP .pagination-btn-D0eznJ { height: 100%; padding: 0 2px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-quaternary); display: flex; align-items: center } .branch-pagination-qddmkt .pagination-nkWejP .pagination-btn-D0eznJ:hover { color: var(--theme-icon-tertiary) } .branch-pagination-qddmkt .pagination-nkWejP .pagination-btn-D0eznJ.pagination-btn-disabled-i2cl7e { cursor: not-allowed; color: var(--theme-text-disable) } .branch-pagination-qddmkt .pagination-nkWejP .pagination-btn-D0eznJ.pagination-btn-disabled-i2cl7e:hover { color: var(--theme-text-disable) } .vip-toolbar-GgD1Jk { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: left; gap: 12px; min-height: 24px } .vip-toolbar-GgD1Jk .vip-logo-bGD24R { margin-right: -6px } .vip-toolbar-GgD1Jk .right-xaC4wW { flex: 1; min-width: 0px; display: flex; flex-direction: row; justify-content: center; align-items: center } .voice-input-RxaMQ1 { position: relative; visibility: visible; width: 32px; height: 32px } .voice-input-RxaMQ1 .container-XVJa3x { position: absolute; width: 32px; height: 32px; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: row; justify-content: center; align-items: center } .voice-input-RxaMQ1 .icon-wrapper-lvK7mZ { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .voice-input-RxaMQ1 .icon-wrapper-lvK7mZ:hover { background-color: var(--theme-fill-tsp-components-secondary) } .voice-input-RxaMQ1 .icon-wrapper-lvK7mZ .icon-Dp3MHC { color: var(--theme-icon-tertiary) } .voice-input-RxaMQ1 .icon-wrapper-active-k2Yw5f { padding: 2px; background-color: var(--theme-fill-tsp-components-primary); border: 2px solid var(--theme-border-quaternary); border-radius: 100% } .voice-input-RxaMQ1 .icon-wrapper-active-k2Yw5f.border-animated-L8IRZ4 { border: 3px solid var(--theme-border-quaternary) } .voice-input-RxaMQ1 .icon-wrapper-active-k2Yw5f:hover { background-color: var(--transparent-white-65) } .voice-input-RxaMQ1 .icon-wrapper-active-k2Yw5f .icon-Dp3MHC { color: var(--theme-icon-brand) } .voice-input-RxaMQ1 .icon-wrapper-active-k2Yw5f.default-animation-O0KEb9 { animation: voice-input-default-animation-3jHLkW 1s infinite ease-in-out } @keyframes voice-input-default-animation-3jHLkW { 0% { width: 28px; height: 28px } 50% { width: 100%; height: 100% } to { width: 28px; height: 28px } } .improve-with-ai-drawer-title-Nzfw-t { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .improve-with-ai-drawer-title-Nzfw-t .back-icon-d0ApxP { width: 22px; display: inline-flex; justify-content: center; border-radius: 22px; margin-left: -4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .improve-with-ai-drawer-O-hSva, .improve-with-ai-dialog-vGNBBQ { visibility: visible; height: 100%; padding: 0 20px; display: flex; flex-direction: column } .improve-with-ai-drawer-O-hSva .content-EtTg8t, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t { flex: 1; display: flex; flex-direction: column } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A-, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- { flex: 1; display: flex; flex-direction: column; width: 100%; max-height: 450px; border-radius: 16px; background: var(--theme-fill-tsp-components-secondary) } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-header-pcJFz3, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-header-pcJFz3 { padding: 12px 16px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px; background: var(--theme-fill-tsp-components-secondary); border-top-left-radius: 16px; border-top-right-radius: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg { padding: 12px 16px 10px; width: 100%; flex: 1; color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; word-wrap: break-word; white-space: pre-wrap } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg::-webkit-scrollbar, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg::-webkit-scrollbar-track, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg::-webkit-scrollbar-track { background: transparent } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg::-webkit-scrollbar-thumb, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg::-webkit-scrollbar-thumb:hover, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg::-webkit-scrollbar-thumb:hover { background: #00000062 } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg::-webkit-scrollbar-corner, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg::-webkit-scrollbar-corner { background: transparent } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg .loading-wrapper-AAxNIf, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg .loading-wrapper-AAxNIf { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 8px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg .loading-wrapper-AAxNIf .loading-F3Cp4c, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-YhLtgg .loading-wrapper-AAxNIf .loading-F3Cp4c { animation: rotate-5chg6W 1s linear infinite } @keyframes rotate-5chg6W { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 { width: 100%; min-height: 48px; padding: 0 16px; display: flex; flex-direction: row; justify-content: space-between; align-items: center } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw { display: flex; flex-direction: row; justify-content: flex-end; gap: 8px } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .voice-btn-3OBwlu, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .voice-btn-3OBwlu, .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .copy-btn-M8lPbV, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .copy-btn-M8lPbV, .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .rephrase-btn-MwHv9P, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .rephrase-btn-MwHv9P { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px; color: var(--theme-text-tertiary); border-radius: 8px; cursor: pointer } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .voice-btn-3OBwlu:hover, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .voice-btn-3OBwlu:hover, .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .copy-btn-M8lPbV:hover, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .copy-btn-M8lPbV:hover, .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .rephrase-btn-MwHv9P:hover, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .rephrase-btn-MwHv9P:hover { background-color: var(--theme-fill-tsp-components-secondary) } .improve-with-ai-drawer-O-hSva .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .copied-YmwJ2k, .improve-with-ai-dialog-vGNBBQ .content-EtTg8t .result-wrapper-MkU1A- .result-footer-Merqm6 .result-footer-right-GAccyw .copied-YmwJ2k { color: var(--theme-function-success) } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP { margin-top: 52px } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .stop-btn-3ksHO4, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .stop-btn-3ksHO4 { margin: 0 auto; width: max-content; padding: 5px 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; background: var(--theme-fill-tsp-components-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 12px } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-41ov9J, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-41ov9J { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px; justify-content: flex-end } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-41ov9J .more-btn-9CQYhr, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-41ov9J .more-btn-9CQYhr { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; color: var(--theme-icon-tertiary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-41ov9J .more-btn-9CQYhr:hover, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-41ov9J .more-btn-9CQYhr:hover { background: var(--theme-fill-tsp-components-secondary) } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-popover--Ete-f, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-popover--Ete-f { display: flex; flex-direction: column; width: 240px; border-radius: 16px; background-color: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s2); overflow: hidden } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .popover-header-ZfsnRJ, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .popover-header-ZfsnRJ { color: var(--theme-icon-quaternary); padding: 12px; font-size: 12px; font-weight: 400; line-height: 18px } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn { max-height: 200px; padding: 0 12px 12px; display: flex; flex-direction: column; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn::-webkit-scrollbar, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn::-webkit-scrollbar-track, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn::-webkit-scrollbar-track { background: transparent } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn::-webkit-scrollbar-thumb, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn::-webkit-scrollbar-thumb:hover, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn::-webkit-scrollbar-thumb:hover { background: #00000062 } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn::-webkit-scrollbar-corner, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn::-webkit-scrollbar-corner { background: transparent } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn .command-32MJLP, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn .command-32MJLP { display: flex; gap: 4px; min-height: 38px; padding: 8px 12px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; border-radius: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn .command-32MJLP:hover, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .suggest-commands-popover--Ete-f .command-list-0L-LEn .command-32MJLP:hover { background: var(--theme-fill-tsp-components-secondary) } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl { position: relative; margin-top: 16px; height: 120px; display: flex; flex-direction: column; background: var(--theme-fill-tsp-components-secondary); border-radius: 16px; border: 1px solid transparent; transition: border-color .2s ease-in-out } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl:focus-within, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl:focus-within { border-color: var(--theme-border-active) } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR { visibility: hidden; position: absolute; bottom: calc(100% + 12px); left: 0; right: 0; z-index: 1; border-radius: 16px; box-shadow: var(--theme-box-shadow-s2); overflow: hidden } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR.show-wWA3-9, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR.show-wWA3-9 { visibility: visible } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo { max-height: 180px; padding: 12px; display: flex; flex-direction: column; gap: 4px; background-color: var(--theme-bg-white); border-radius: 16px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo::-webkit-scrollbar, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo::-webkit-scrollbar-track, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo::-webkit-scrollbar-track { background: transparent } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo::-webkit-scrollbar-thumb, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo::-webkit-scrollbar-thumb:hover, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo::-webkit-scrollbar-thumb:hover { background: #00000062 } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo::-webkit-scrollbar-corner, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo::-webkit-scrollbar-corner { background: transparent } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo .command-32MJLP, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo .command-32MJLP { min-height: 38px; padding: 8px 12px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; border-radius: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo .command-32MJLP.selected-J3-N9X, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo .command-32MJLP.selected-J3-N9X { background: var(--theme-fill-tsp-components-primary) } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo .command-32MJLP:hover, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo .command-32MJLP:hover { background: var(--theme-fill-tsp-components-secondary) } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo .command-32MJLP .highlight-tCUKsS, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .prompt-matched-commands-wrapper-Q6mqBR .prompt-matched-commands-PtgGRo .command-32MJLP .highlight-tCUKsS { padding: 0; background-color: unset; color: var(--theme-icon-brand) } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ { width: 100%; flex: 1; color: var(--theme-icon-primary); background: transparent; font-size: 14px; font-weight: 500; line-height: 22px; border: none; border-radius: 0; outline: none; resize: none; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ::-webkit-scrollbar, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ::-webkit-scrollbar-track, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ::-webkit-scrollbar-track { background: transparent } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ::-webkit-scrollbar-thumb, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ::-webkit-scrollbar-thumb:hover, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ::-webkit-scrollbar-thumb:hover { background: #00000062 } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ::-webkit-scrollbar-corner, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .textarea-Dj-uNJ::-webkit-scrollbar-corner { background: transparent } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .chat-bar-QcrUbB, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .chat-bar-QcrUbB { padding: 0 8px 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .chat-bar-QcrUbB .chat-input-send-icon-wrapper-xT8IpE, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .chat-bar-QcrUbB .chat-input-send-icon-wrapper-xT8IpE { padding: 4px; display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-text-disable); border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .chat-bar-QcrUbB .chat-input-send-icon-wrapper-xT8IpE:hover, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .chat-bar-QcrUbB .chat-input-send-icon-wrapper-xT8IpE:hover { background: var(--theme-fill-tsp-components-secondary) } .improve-with-ai-drawer-O-hSva .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .chat-bar-QcrUbB .chat-input-send-icon-wrapper-xT8IpE.active-WPENRm, .improve-with-ai-dialog-vGNBBQ .prompt-container-W6a3hP .textarea-wrapper-BFzVhl .chat-bar-QcrUbB .chat-input-send-icon-wrapper-xT8IpE.active-WPENRm { color: var(--theme-icon-brand) } .improve-with-ai-drawer-O-hSva .footer-Lqo3F-, .improve-with-ai-dialog-vGNBBQ .footer-Lqo3F- { margin: 10px 0; height: 24px; display: flex; flex-direction: row; justify-content: space-between; align-items: center } .improve-with-ai-dialog-vGNBBQ { max-height: min(600px, 80vh); padding: 40px 20px 20px } .textarea-v2-w2IStt { visibility: visible; position: relative; display: block; width: 100%; padding: 12px 0; border-radius: 16px; background-color: var(--theme-fill-tsp-components-secondary); border: 1px solid transparent; overflow: hidden; transition: border-color .2s ease-in-out } .textarea-v2-w2IStt.error-lmKIuQ { border-color: var(--theme-function-error) !important } .textarea-v2-w2IStt.read-only-JArky9:focus-within { border: 1px solid transparent } .textarea-v2-w2IStt.read-only-JArky9:hover { border: 1px solid transparent } .textarea-v2-w2IStt.allow-resize-aMKwjL { display: flex; flex-direction: column } .textarea-v2-w2IStt:focus-within { border: 1px solid var(--theme-border-active) } .textarea-v2-w2IStt:hover { border: 1px solid var(--theme-border-active) } .textarea-v2-w2IStt.new-style-jPgXM- { background: var(--theme-bg-gray-secondary) } .textarea-v2-w2IStt.disabled-A1mfO5 { cursor: not-allowed; background-color: var(--theme-fill-tsp-components-primary) !important } .textarea-v2-w2IStt.disabled-A1mfO5:hover { border-color: transparent } .textarea-v2-w2IStt.disabled-A1mfO5 .textarea-o1xPYp { color: var(--theme-text-tertiary); background-color: transparent; opacity: .6 } .textarea-v2-w2IStt .error-text-wrap-qHo2-A { position: absolute; top: 12px; padding: 0 16px; width: 100%; color: var(--theme-function-error) } .textarea-v2-w2IStt .textarea-o1xPYp { padding: 0 16px; width: 100%; color: var(--theme-icon-primary); background: transparent; font-size: 14px; font-weight: 400; line-height: 22px; border: none; border-radius: 0; outline: none; resize: none; box-shadow: unset !important; transition: none; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .textarea-v2-w2IStt .textarea-o1xPYp::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .textarea-v2-w2IStt .textarea-o1xPYp::-webkit-scrollbar-track { background: transparent } .textarea-v2-w2IStt .textarea-o1xPYp::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .textarea-v2-w2IStt .textarea-o1xPYp::-webkit-scrollbar-thumb:hover { background: #00000062 } .textarea-v2-w2IStt .textarea-o1xPYp::-webkit-scrollbar-corner { background: transparent } .textarea-v2-w2IStt .textarea-o1xPYp.scrollAuto-5uzwCW { overscroll-behavior: auto } .textarea-v2-w2IStt .textarea-o1xPYp.resizable--QAF6w { flex: 1 } .textarea-v2-w2IStt .textarea-o1xPYp.has-error-qCqHdx { opacity: 0; pointer-events: none } .textarea-v2-w2IStt .textarea-o1xPYp::placeholder { color: var(--theme-icon-quaternary); font-size: 14px; font-weight: 400; line-height: 22px } .textarea-v2-w2IStt .toolbar--FR-iS { width: 100%; min-height: 28px; padding: 12px 16px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center } .textarea-v2-w2IStt .toolbar--FR-iS .toolbar-left-T5ma7- { display: flex; flex-direction: row; justify-content: flex-start; align-items: center } .textarea-v2-w2IStt .toolbar--FR-iS .toolbar-right-sshOLy { display: flex; flex-direction: row; justify-content: flex-end; align-items: center } .textarea-v2-w2IStt .resizer-wrapper-vUawjS { position: absolute; right: 0; bottom: 0; width: 20px; height: 20px; color: var(--theme-text-disable); cursor: ns-resize } .textarea-v2-w2IStt .resizer-wrapper-vUawjS .resizer-vZrdzO { position: absolute; right: 6px; bottom: 6px } .chat-unlike-feedback-YN9yIi { width: 100%; display: flex; flex-direction: column; gap: 16px; padding: 0 20px 20px } .chat-unlike-feedback-YN9yIi .tags-KtyCWq { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; justify-content: left } .chat-unlike-feedback-YN9yIi .tags-KtyCWq .tag-LRtYqv { max-width: max-content } .title-0qFr-p { font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px } .chat-question-ZHnhuZ .avatar-coqKr6 { background: #f3457f; border: 1px solid #d33168; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; color: var(--theme-text-white-primary); font-size: 12px; font-style: normal; font-weight: 600 } .chat-question-ZHnhuZ .message-toolbar-5I8ANX { position: relative } .chat-question-ZHnhuZ:hover .message-toolbar-5I8ANX { visibility: visible } .chat-question-ZHnhuZ .text-content-atALvZ { font-size: var(--md-normal-text-font-size); line-height: var(--md-normal-text-line-height); white-space: pre-wrap; word-break: break-word; background-color: var(--theme-fill-tsp-components-secondary); border-radius: 12px 12px 4px; padding: 9px 16px; max-width: 90% } .chat-question-ZHnhuZ .text-content-atALvZ a { cursor: pointer; color: var(--theme-text-link) } .chat-question-ZHnhuZ .text-content-atALvZ a:hover { color: var(--theme-text-link-active); text-decoration: underline } .quote-container--6P0Ty { display: flex; max-width: 80%; position: relative } .quote-container--6P0Ty .quote-arrow-z3HT53 { position: absolute; top: 50%; left: -8px; transform: translate(-100%, -60%) } .quote-container--6P0Ty .quote-text-wZxJfG { color: var(--theme-text-quaternary); max-width: 100%; font-size: 13px; line-height: 22px; background: transparent; box-shadow: none } .quote-container--6P0Ty .text-xNI8z5 { max-width: 100% } .file-container-Q67YFr { margin-top: 4px; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px } .file-info-j30qJ1 { display: flex; gap: 4px; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-menu-white); align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .file-info-j30qJ1:hover { background: var(--theme-bg-gray-primary) } .file-info-j30qJ1.local-file-info-sdnGYU { cursor: default } .file-info-j30qJ1 .file-icon-Lnzhlf { width: 20px; height: 20px; border-radius: 6px; overflow: hidden } .file-info-j30qJ1 .meta-V85ymB { flex: 1; gap: 1px; min-width: 0; padding-left: 4px } .file-info-j30qJ1 .title-IpjJQj { font-size: 14px; font-weight: 500; line-height: 18px; margin: 1px 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .file-info-j30qJ1 .desc-KjyKdO { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px } .file-info-j30qJ1 .desc-KjyKdO.web-page-info-pAqo7j { width: 100%; color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .file-info-j30qJ1 .desc-KjyKdO .desc-text-89spsF { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .file-info-j30qJ1 .desc-KjyKdO .desc-text-89spsF.error-KgOOck { color: var(--theme-function-error) } .retry-icon-jqZLO8 { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .retry-icon-jqZLO8:hover { opacity: .8 } .monica-chat-action-label-mugiTo { color: var(--theme-text-tertiary); font-size: 15px; font-style: normal; font-weight: 400; line-height: 23px } .web-page-info-pAqo7j { max-width: 316px } .chat-image-l9X4oh { max-height: 200px; max-width: 300px; min-width: 120px; min-height: 120px; object-fit: cover; position: relative; margin-bottom: 4px; width: -moz-max-content; width: max-content; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 12px; border: 1px solid var(--theme-border-light) } .chat-image-l9X4oh .chat-image-error-P6r3Cu { position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; color: var(--theme-text-white-primary); font-size: 14px; font-weight: 400; line-height: 22px; z-index: 1; background: var(--theme-bg-mask); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .chat-image-l9X4oh .chat-image-error-P6r3Cu:hover { opacity: .8 } .chat-image-l9X4oh .loading-vDBcHm { position: absolute; inset: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; background: var(--theme-bg-mask); z-index: 1 } .chat-image-l9X4oh img { width: 100% !important; height: 100% !important; object-fit: cover } .image-list-bN7DQw { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px } .image-list-bN7DQw .chat-image-l9X4oh { width: 86px; height: 66px; border-radius: 12px } .pdf-web-guide-button-uFzSEr { width: max-content } .pre-upload-tips-puY5G1 { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; margin-top: 8px } .pre-upload-tips-puY5G1 .hide-iyV2xV { display: none } .pre-upload-tips-puY5G1 .divider-RLU8yY { display: inline-block; width: 1px; height: 10px; margin: 0 4px; background: var(--theme-fill-tsp-components-primary) } .pre-upload-tips-puY5G1 .toolbar-btn-sXh4I- { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-link) } .pre-upload-tips-puY5G1 .toolbar-btn-sXh4I-:hover, .pre-upload-tips-puY5G1 .toolbar-btn-sXh4I-:active { text-decoration: underline; background: none } .pre-upload-tips-puY5G1 .toolbar-btn-sXh4I-:hover, .pre-upload-tips-puY5G1 .toolbar-btn-sXh4I-:active { color: var(--theme-text-link-active) } .chat-pdf-question-uf9UcX { display: flex; flex-direction: column; gap: 8px } .humanize-tips-iRoBMT { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; padding-left: 4px; color: var(--theme-icon-quaternary); font-weight: 400; font-size: 13px; line-height: 20px } .dynamic-action-extra-1yEtj6 { display: flex; align-items: center; gap: 8px; color: var(--theme-text-primary) } .dynamic-action-extra-1yEtj6 .btn-SMdtWo { cursor: initial } .file-info-gJeXJ3 { display: flex; gap: 4px; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-menu-white); align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .file-info-gJeXJ3:hover { background: var(--theme-bg-gray-primary) } .file-info-gJeXJ3.local-file-info-MQ45m1 { cursor: default } .file-info-gJeXJ3 .file-icon-EH1J4d { width: 20px; height: 20px; border-radius: 6px; overflow: hidden } .file-info-gJeXJ3 .meta-XbgZhr { flex: 1; gap: 1px; min-width: 0; padding-left: 4px } .file-info-gJeXJ3 .title-fMHCTM { font-size: 14px; font-weight: 500; line-height: 18px; margin: 1px 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .file-info-gJeXJ3 .desc-6caH8D { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px } .file-info-gJeXJ3 .desc-6caH8D.web-page-info-4GLzQm { width: 100%; color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .file-info-gJeXJ3 .desc-6caH8D .desc-text-3qZAwo { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .file-info-gJeXJ3 .desc-6caH8D .desc-text-3qZAwo.error-Lb9Ksv { color: var(--theme-function-error) } .audio-to-text-question-08gbDm { border-radius: 10px; background: var(--theme-fill-tsp-components-secondary); display: flex; align-items: center; gap: 8px; padding: 10px 12px; max-width: 300px } .audio-to-text-question-08gbDm .icon-3JDVe9 { border-radius: 5.333px; background: #4185ff; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center } .audio-to-text-question-08gbDm .meta-Vyo5Fm { flex: 1; min-width: 0 } .audio-to-text-question-08gbDm .meta-Vyo5Fm .title-pu1JPm { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .audio-to-text-question-08gbDm .meta-Vyo5Fm .desc-ReL2Vu { color: var(--theme-text-quaternary); font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .file-question-bNkpuF { display: flex; flex-direction: column; align-items: flex-end } .render-chat-template-LeZ9Ao { color: var(--theme-text-primary); font-size: 15px; font-weight: 400; line-height: 23px; background-color: var(--theme-fill-tsp-components-secondary); border-radius: 12px 12px 4px; padding: 9px 16px; word-break: break-all; max-width: 90% } .render-chat-template-LeZ9Ao+.ant-collapse { margin-top: 8px } .render-chat-template-LeZ9Ao .icon-iZNe63 { display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; vertical-align: middle; margin-top: -2px; margin-right: 2px } .render-chat-template-LeZ9Ao .template-name-JEFQW5 { color: var(--theme-text-link); font-weight: 500; cursor: pointer } .file-question-content-WPlL5o { display: flex; flex-direction: column; gap: 12px } .file-group-cCXF50 { display: flex; flex-direction: column; gap: 4px; width: 100%; max-width: 290px } .file-group-cCXF50 .file-group-title-5kP37D { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; word-break: break-all } .file-group-cCXF50 .file-group-text-x6ODrt { color: var(--theme-text-primary); font-size: 12px; font-weight: 400; line-height: 18px; word-break: break-all } .file-group-cCXF50 .file-group-content-uoDM5I { display: flex; flex-direction: column; gap: 4px } .tab-item-Hrofsa { display: flex; align-items: center; gap: 4px; padding: 4px 0 } .tab-item-Hrofsa .tab-content-vYGxyX { width: max-content; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .tab-item-Hrofsa .tab-content-vYGxyX:hover { color: var(--theme-text-link) } .tab-item-Hrofsa .tab-icon-uz2gvT { flex-shrink: 0; width: 16px; height: 16px; border-radius: 50% } .tab-item-Hrofsa .tab-icon-uz2gvT img { height: 100% } .template-content-UoVj9d { width: 380px; height: max-content; max-height: 625px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 16px; border-radius: 10px; border: .5px solid var(--theme-border-primary); background-color: var(--theme-bg-white); box-shadow: 0 0 2px #919eab33, 0 4px 24px #919eab24, 0 9px 30px -6px #00000042; backdrop-filter: blur(40px) } .template-content-UoVj9d::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .template-content-UoVj9d::-webkit-scrollbar-track { background: transparent } .template-content-UoVj9d::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .template-content-UoVj9d::-webkit-scrollbar-thumb:hover { background: #00000062 } .template-content-UoVj9d::-webkit-scrollbar-corner { background: transparent } .template-content-UoVj9d:before { background-color: var(--theme-fill-tsp-components-primary) } .template-content-UoVj9d:hover:before { background-color: var(--theme-fill-tsp-gray) } .collapse-IJ5oQ7 { border-radius: 12px; border: 1px solid var(--theme-border-primary); background-color: var(--theme-bg-white); width: 290px } .collapse-IJ5oQ7 .expand-icon-9sN-BC { transition: transform .3s; transform: rotate(180deg) } .collapse-IJ5oQ7 .expand-icon-9sN-BC.active--qZqEq { transform: rotate(0) } .collapse-IJ5oQ7 .ant-collapse-item-active .ant-collapse-header { border-bottom: 1px solid var(--theme-border-primary) } .collapse-IJ5oQ7 .ant-collapse-header { padding: 6px 0 !important; margin: 0 12px !important; border-radius: 0 !important; border-bottom: 1px solid transparent } .collapse-IJ5oQ7 .ant-collapse-header { align-items: center !important } .collapse-IJ5oQ7 .ant-collapse-content-box { padding-left: 12px !important } .collapse-header-wN46Pj { display: flex; align-items: center; justify-content: flex-start; gap: 4px; user-select: none; color: var(--theme-text-primary) } .collapse-header-wN46Pj .collapse-text-kD9Txi { font-size: 12px; line-height: 18px; color: var(--theme-text-quaternary) } .collapse-header-wN46Pj.error-DdkLCs { display: flex; flex-direction: column; align-items: flex-start; gap: 8px } .collapse-header-wN46Pj.error-DdkLCs .error-text-q2H6QZ { display: flex; align-items: center; gap: 4px; color: var(--theme-function-error) } .collapse-header-wN46Pj.error-DdkLCs .error-operation-3sUkcD { display: flex; gap: 6px } .collapse-header-wN46Pj .icon-list--mMtEs { display: flex } .collapse-header-wN46Pj .icon-list--mMtEs .icon-item-i83x1c { width: 16px; height: 16px; border-radius: 50%; overflow: hidden; border: 1.5px solid var(--theme-bg-gray-secondary) } .collapse-header-wN46Pj .icon-list--mMtEs .icon-item-i83x1c:not(:first-child) { margin-left: -4px } .collapse-header-wN46Pj .icon-list--mMtEs .icon-item-i83x1c img { width: 100%; height: 100% } .single-image-NP9ebl { width: 327px; max-width: fit-content; position: relative; border-radius: 12px; overflow: hidden } .single-image-NP9ebl .preview-img-Lu3urx .ant-image .ant-image-img { height: 100%; object-fit: cover } .single-image-NP9ebl.file-quote-VKDy9h { border-radius: 0; margin-bottom: 8px; width: 48px; height: 48px; overflow: visible } .single-image-NP9ebl.file-quote-VKDy9h .preview-box-TX0ZVM { margin-bottom: 0; width: 100%; height: 100% } .single-image-NP9ebl.file-quote-VKDy9h .preview-img-Lu3urx { min-width: 100%; min-height: 100%; overflow: hidden } .single-image-NP9ebl .error-image-GV3s0U { position: absolute; inset: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: var(--theme-bg-gray-primary) } .single-image-NP9ebl .error-image-GV3s0U .error-image-content-Dc7P8G { max-width: 80%; display: flex; align-items: center; gap: 4px; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .single-image-NP9ebl .error-image-GV3s0U .error-image-content-Dc7P8G:hover { opacity: .8 } .single-image-NP9ebl .progress-wrapper-Ze5hbx { top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color: var(--theme-bg-mask); display: flex; align-items: center; justify-content: center } .origin-link-IWki-A { border-radius: 10px; background: var(--theme-fill-tsp-components-secondary); display: flex; align-items: center; gap: 8px; padding: 10px 12px; max-width: 300px } .origin-link-IWki-A .icon-iZNe63 { border-radius: 5.333px; background: #4185ff; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center } .origin-link-IWki-A .meta-ZjeaFq { flex: 1; min-width: 0 } .origin-link-IWki-A .meta-ZjeaFq .title-keiJUr { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .origin-link-IWki-A .meta-ZjeaFq .desc-SCHEH6 { color: var(--theme-text-quaternary); font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .single-wrapper-I4Lyrh { padding: 4px; border-radius: 12px; border: 1px solid var(--theme-border-primary); cursor: pointer; max-width: 300px } .single-wrapper-I4Lyrh:hover { background-color: var(--theme-fill-tsp-components-secondary) } .file-quote-VKDy9h { position: relative } .file-quote-VKDy9h .quote-arrow-8vVvQR { position: absolute; top: 50%; left: -8px; transform: translate(-100%, -50%) } .skill-card-EJw62h { max-width: 90%; width: fit-content; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-end; gap: 4px } .skill-card-EJw62h .skill-header-5uabZI { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; overflow: hidden; color: var(--theme-text-quaternary); font-size: var(--md-extra-small-text-font-size); text-align: left; margin-bottom: 2px; line-height: 16px; padding: 0 4px } .skill-card-EJw62h .skill-name-KOCiSP { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .skill-card-EJw62h .skill-content-GTzoBW { font-weight: 400; font-size: var(--md-normal-text-font-size); color: var(--theme-text-primary); background-color: var(--theme-fill-tsp-components-secondary); border-radius: 12px 12px 4px; padding: 9px 16px; line-height: 22px; white-space: pre-wrap; word-break: break-word } .skill-card-EJw62h .link-AA6d87 { color: var(--theme-text-primary); text-decoration: underline } .skill-card-EJw62h .tag-list-Qak6EF { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin-top: 4px } .skill-card-EJw62h .tag-list-Qak6EF .tag-list-item-Hfzi7a { display: inline-flex; padding: 2px 6px; justify-content: center; align-items: center; border-radius: 6px; color: var(--theme-text-tertiary); font-size: 12px; line-height: 16px; white-space: nowrap; border: 1px solid var(--theme-border-primary) } .quote-ihvPav { white-space: pre-line; word-break: break-all; position: relative; color: var(--theme-text-tertiary); font-size: 13px; line-height: 22px; border-left: 2px solid var(--theme-border-primary); padding-left: 8px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2 } .quote-ihvPav .expander-vb6F6g { position: absolute; bottom: 0; right: 0; cursor: pointer; background-color: var(--theme-fill-white); display: flex; align-items: center; height: 22px } .quote-full-xzzh0O { font-size: 13px; box-shadow: var(--theme-box-shadow-s2); padding: 8px; border-radius: 8px; background-color: var(--theme-bg-menu-white); max-width: 40vh; min-width: 200px; max-height: 80vh; overflow: auto; white-space: pre-line; word-break: break-all; color: var(--theme-text-primary); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .quote-full-xzzh0O::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .quote-full-xzzh0O::-webkit-scrollbar-track { background: transparent } .quote-full-xzzh0O::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .quote-full-xzzh0O::-webkit-scrollbar-thumb:hover { background: #00000062 } .quote-full-xzzh0O::-webkit-scrollbar-corner { background: transparent } .mock-link-ZHq5bV { cursor: pointer; color: var(--theme-text-link) } .mock-link-ZHq5bV:hover { text-decoration: underline } .link-uoOU8U { user-select: auto } .text-content-FQRhgP { position: relative } .text-content-FQRhgP .inner-Bot0-R { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; word-break: normal } .text-content-FQRhgP.expanded-3wcZIR .inner-Bot0-R { display: block; word-break: normal } .text-content-FQRhgP.expanded-3wcZIR .expand-btn-rIhtHs svg[class*=icon] { transform: rotate(180deg) } .text-content-FQRhgP.expandable--o-kpw { padding-bottom: 20px } .text-content-FQRhgP .expand-btn-rIhtHs { position: absolute; bottom: 4px; right: 4px; border-radius: 6px; background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-quaternary) } .text-content-FQRhgP .expand-btn-rIhtHs:hover { color: var(--theme-icon-primary); background-color: var(--theme-fill-tsp-components-primary) } .text-content-FQRhgP .expand-btn-rIhtHs:active { opacity: .8 } .text-content-FQRhgP .expand-btn-rIhtHs svg[class*=icon] { transition: transform .25s ease-in-out } .agent-status-progress-pRZ8-X { font-size: 14px; color: var(--theme-text-quaternary) } .ai-draw-img-4yF9fC { display: inline-flex; position: relative } .ai-draw-img-4yF9fC .action-btn-ulsTKJ { height: 100%; color: var(--theme-icon-tertiary); display: flex; justify-content: center; align-items: center; cursor: pointer } .ai-draw-img-4yF9fC .action-btn-ulsTKJ svg { font-size: 16px } .ai-draw-img-4yF9fC .action-btn-ulsTKJ:hover { color: var(--theme-icon-brand) } .ai-draw-img-4yF9fC .action-btn-ulsTKJ.dislike-QYzavB { transform: rotate(180deg) } .ai-draw-img-4yF9fC .action-btn-ulsTKJ.disabled-0OJigw { cursor: default; color: var(--theme-icon-tertiary) } .ai-draw-img-4yF9fC .action-btn-ulsTKJ.active-qNKS4s { color: var(--theme-btn-fill-primary-active) } .ai-draw-img-4yF9fC .ai-draw-img-result-cioxAE { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; object-fit: contain; border-radius: 8px; overflow: hidden } .ai-draw-img-tooltips-8J86HY { display: flex; height: 30px; position: absolute; right: 0; top: -20px; border-radius: 8px; background: var(--theme-bg-menu-white); box-shadow: 1px 2px 14px 1px var(--theme-fill-tsp-components-primary), 0 0 1px 0 var(--theme-shadow-s2) } .ai-draw-img-preview-ZKf4jc { position: relative; max-width: 100%; max-height: 70% } .ai-draw-img-preview-ZKf4jc img { max-width: auto; max-height: auto; width: 100%; height: 100% } .ai-draw-img-preview-ZKf4jc .preview-toolbar-p49Tyh { position: absolute; right: 10px; top: calc(15% + 10px) } .drawer-title-rOLoS- { flex: 1; display: flex; align-items: center } .memory-drawer-title-ih0z0u { display: flex; flex: 1; align-items: center; justify-content: space-between } .memory-drawer-title-ih0z0u .memory-drawer-title-left-RpnWoU { display: flex; gap: 4px; align-items: center } .memory-drawer-title-ih0z0u .memory-drawer-title-left-RpnWoU .title-T6TU-F { display: flex; gap: 4px; align-items: center; color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .memory-drawer-title-ih0z0u .memory-drawer-title-right-ck1yPA { display: flex; align-items: center; gap: 8px; position: relative } .memory-drawer-title-ih0z0u .memory-drawer-title-right-ck1yPA:after { content: ""; width: 1px; height: 10px; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); background: var(--theme-border-light) } .memory-drawer-title-ih0z0u .pro-ico-eYZbJM { display: flex; height: 18px; justify-content: center; align-items: center; border-radius: 18px; background: var(--theme-btn-fill-tertiary); color: var(--theme-text-brand); font-size: 12px; font-weight: 500; padding: 0 4px 0 2px } .memory-drawer-title-ih0z0u .back-icon-jw2eFk { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .memory-drawer-title-ih0z0u .back-icon-jw2eFk:hover { background-color: var(--theme-fill-tsp-components-secondary) } .memory-drawer-Kxnq7s { max-height: 90%; min-height: 500px } .memory-drawer-body-98nebL { display: flex } .accept-warning-7RXKBB .ant-message-notice-content, .accept-warning-7RXKBB .ant-message-fixed-notice-content { width: 364px; max-width: 90%; border-radius: 12px; padding: 16px } .accept-warning-7RXKBB .tips-hd-p1ZPJw { width: 100%; display: flex; align-items: center; gap: 8px } .accept-warning-7RXKBB .tips-hd-p1ZPJw .tips-title-PZUzxv { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; text-align: left } .accept-warning-7RXKBB .tips-hd-p1ZPJw .manage-btn-dlvwPE { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: inline-flex; align-items: center; gap: 6px; color: var(--theme-text-secondary); font-size: 14px; line-height: 22px } .accept-warning-7RXKBB .tips-hd-p1ZPJw .manage-btn-dlvwPE:hover { opacity: .8 } .accept-warning-7RXKBB .tips-subtitle-LdD3Lq { margin-top: 6px; color: var(--theme-text-tertiary); font-size: 14px; line-height: 18px; text-align: left } ._monica-dark .upgrade-container-CRWEYR { background: var(--theme-bg-menu-white) } .subscribe-button-WqoiYP { position: relative; white-space: pre-wrap; text-align: center } .subscribe-button-WqoiYP .off-badge-nT6-u0 { display: flex; padding: 6px 10px; justify-content: center; align-items: center; gap: 10px; border-radius: 8px; background: var(--bg-yellow); position: absolute; right: -10px; top: -20px; color: var(--theme-text-white-primary); font-size: 13px; font-weight: 600; line-height: 14px } .content-info-left-vjqEe7 { display: flex; gap: 4px } .content-info-left-vjqEe7 .limit-tips-bRVYMj { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 16px } .content-info-left-vjqEe7 .tips-content-mMYeIG { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: help } .textarea-value-count-Vk1CSF { color: var(--theme-text-quaternary); font-size: 12px; line-height: 16px } .textarea-value-count-Vk1CSF .current-hVwu-N { color: var(--theme-text-primary) } .textarea-value-count-Vk1CSF .current-hVwu-N.error-l6XnIT { color: var(--theme-function-error) } .link-URgkur { cursor: pointer; color: var(--theme-text-link) } .link-URgkur:hover { color: var(--theme-text-link-active); text-decoration: underline } .edit-memory-dialog-VdzPhz { padding: 20px; border-radius: 16px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white) } .edit-memory-dialog-VdzPhz .dialog-title-ZH84i9 { padding-right: 20px; color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px; margin-bottom: 12px } .edit-memory-dialog-VdzPhz .footer-R0BrUt { margin-top: 12px; display: flex; justify-content: flex-end; align-items: center; gap: 12px } .edit-memory-dialog-VdzPhz .footer-R0BrUt .btn-cFkgro { min-width: 76px; border-radius: 10px } .memory-drawer-home-view-aN8wxh { display: flex; flex-direction: column; padding: 0 16px 24px; gap: 12px; width: 100%; height: 100%; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .memory-drawer-home-view-aN8wxh::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .memory-drawer-home-view-aN8wxh::-webkit-scrollbar-track { background: transparent } .memory-drawer-home-view-aN8wxh::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .memory-drawer-home-view-aN8wxh::-webkit-scrollbar-thumb:hover { background: #00000062 } .memory-drawer-home-view-aN8wxh::-webkit-scrollbar-corner { background: transparent } .memory-drawer-home-view-aN8wxh .subtitle-x1CQ-U { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400 } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 { display: flex; flex-direction: column; gap: 16px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8.free-user-wrapper-dGXCyj { padding-bottom: 140px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 { display: flex; flex-direction: column } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 .card-container-XlA3j4 { padding-top: 4px; margin-bottom: 10px; display: flex; width: 100%; flex-direction: column; gap: 6px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 .card-container-XlA3j4 .card-switch-LwRk8J { display: flex; align-items: center; gap: 8px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 .card-container-XlA3j4 .card-switch-LwRk8J .card-switch-icon-6ue5SR { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 6px; background: rgba(79, 89, 102, .08) } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 .card-container-XlA3j4 .card-switch-LwRk8J .card-switch-label-FnMPMh { display: flex; gap: 4px; flex: 1 } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 .card-container-XlA3j4 .card-switch-LwRk8J .card-switch-label-FnMPMh .card-switch-label-text-c4Rt0T { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 .divider--eQRHe { width: 100%; height: 1px; border-top: 1px solid var(--theme-border-primary) } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 .card-footer-x1XMD- { padding-bottom: 10px; display: flex; width: 100%; justify-content: space-between; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 .card-footer-x1XMD-:hover { opacity: .8 } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 .card-footer-x1XMD- .card-footer-left-ieUOJ3 { display: flex; align-items: center; gap: 6px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 .card-footer-x1XMD- .card-footer-right-mLln5C { display: flex; align-items: center; gap: 10px; color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .common-card-fk4JM1 .card-footer-x1XMD- .card-footer-right-mLln5C .memory-update-tag-OP-j7- { padding: 4px 6px; color: var(--theme-text-brand); font-size: 12px; font-weight: 500; line-height: 16px; border-radius: 6px; background: var(--theme-fill-tsp-brand) } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob { display: flex; flex-direction: column } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .card-container-XlA3j4 { padding-top: 4px; margin-bottom: 10px; display: flex; width: 100%; flex-direction: column; gap: 6px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .card-container-XlA3j4 .card-switch-LwRk8J { display: flex; align-items: center; gap: 8px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .card-container-XlA3j4 .card-switch-LwRk8J .card-switch-icon-6ue5SR { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 6px; background: rgba(79, 89, 102, .08) } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .card-container-XlA3j4 .card-switch-LwRk8J .card-switch-label-FnMPMh { display: flex; gap: 4px; flex: 1 } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .card-container-XlA3j4 .card-switch-LwRk8J .card-switch-label-FnMPMh .card-switch-label-text-c4Rt0T { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .divider--eQRHe { width: 100%; height: 1px; border-top: 1px solid var(--theme-border-primary) } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .card-footer-x1XMD- { padding-bottom: 10px; display: flex; width: 100%; justify-content: space-between; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .card-footer-x1XMD-:hover { opacity: .8 } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .card-footer-x1XMD- .card-footer-left-ieUOJ3 { display: flex; align-items: center; gap: 6px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .card-footer-x1XMD- .card-footer-right-mLln5C { display: flex; align-items: center; gap: 10px; color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .card-footer-x1XMD- .card-footer-right-mLln5C .memory-update-tag-OP-j7- { padding: 4px 6px; color: var(--theme-text-brand); font-size: 12px; font-weight: 500; line-height: 16px; border-radius: 6px; background: var(--theme-fill-tsp-brand) } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .memory-list-card-lvz8ob .update-check-q8t99M { justify-content: flex-start } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf { display: flex; flex-direction: column } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .card-container-XlA3j4 { padding-top: 4px; margin-bottom: 10px; display: flex; width: 100%; flex-direction: column; gap: 6px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .card-container-XlA3j4 .card-switch-LwRk8J { display: flex; align-items: center; gap: 8px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .card-container-XlA3j4 .card-switch-LwRk8J .card-switch-icon-6ue5SR { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 6px; background: rgba(79, 89, 102, .08) } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .card-container-XlA3j4 .card-switch-LwRk8J .card-switch-label-FnMPMh { display: flex; gap: 4px; flex: 1 } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .card-container-XlA3j4 .card-switch-LwRk8J .card-switch-label-FnMPMh .card-switch-label-text-c4Rt0T { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .divider--eQRHe { width: 100%; height: 1px; border-top: 1px solid var(--theme-border-primary) } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .card-footer-x1XMD- { padding-bottom: 10px; display: flex; width: 100%; justify-content: space-between; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .card-footer-x1XMD-:hover { opacity: .8 } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .card-footer-x1XMD- .card-footer-left-ieUOJ3 { display: flex; align-items: center; gap: 6px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .card-footer-x1XMD- .card-footer-right-mLln5C { display: flex; align-items: center; gap: 10px; color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .card-footer-x1XMD- .card-footer-right-mLln5C .memory-update-tag-OP-j7- { padding: 4px 6px; color: var(--theme-text-brand); font-size: 12px; font-weight: 500; line-height: 16px; border-radius: 6px; background: var(--theme-fill-tsp-brand) } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .personalize-memory-card-DnUynf .card-container-XlA3j4 { margin-bottom: 0 } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .custom-instruction-title-m4GczD { display: flex; align-items: center; gap: 4px; color: var(--theme-text-tertiary); font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 6px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .custom-instruction-title-m4GczD:not(:first-of-type) { margin-top: 16px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .recent-updates-LE3dq2 { margin-top: 6px; display: flex; align-items: center; gap: 6px; color: var(--theme-text-quaternary); font-size: 12px; line-height: 16px } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .suggestion-card-CrU0Bl { padding: 8px 10px; border-radius: 8px; background: var(--theme-fill-tsp-brand); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; justify-content: space-between; align-items: center } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .suggestion-card-CrU0Bl .suggestion-card-left-5dVBcI { display: flex; align-items: center; gap: 6px; color: var(--theme-text-primary); font-size: 14px; line-height: 22px; flex: 1 } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .suggestion-card-CrU0Bl .new-memory-tag-dzfhea { padding: 2px 6px; color: var(--theme-text-white-primary); font-size: 12px; font-weight: 500; line-height: 16px; border-radius: 6px 6px 6px 0; background: var(--theme-text-brand) } .memory-drawer-home-view-aN8wxh .memory-content-wrapper-FZD4B8 .suggestion-card-CrU0Bl:hover { opacity: .8 } .memory-drawer-home-view-aN8wxh .upgrade-box-E9uIKa { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 20px; gap: 12px; height: 129px; z-index: 1; background: linear-gradient(180deg, rgba(245, 242, 255, 0) 0%, #f5f2ff 22.07%, #f5f2ff 100%) } .memory-drawer-home-view-aN8wxh .upgrade-box-E9uIKa .benefit-text-aU7Wi9 { display: flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 500; color: var(--theme-icon-brand) } .memory-drawer-home-view-aN8wxh .upgrade-box-E9uIKa .upgrade-button-05Fdkf { width: 100%; max-width: 320px; height: 44px; border-radius: 22px; color: var(--text-white-primary); font-size: 16px; font-weight: 600 } .memory-drawer-home-view-aN8wxh .tips-title-oB8FIe { font-weight: 600 } .memory-star-list-icon-1tDore g path:not(:last-child) { stroke: var(--theme-icon-secondary) } .link-VY-jIW { text-decoration: underline; cursor: help } ._monica-dark .upgrade-box-E9uIKa { background: var(--theme-bg-menu-white) } .memory-example-frh8rd { position: relative; border-radius: 20px; background-image: linear-gradient(to bottom right, #f3e7fe, #f3e7fe); padding: 16px 20px } .memory-example-frh8rd .star-wrapper-fUQcvw { position: absolute; top: 0; right: 0 } .memory-example-frh8rd .star-wrapper-fUQcvw .one-i3tmCX { position: absolute; top: 0; right: 10px; width: 48px; height: 51px } .memory-example-frh8rd .star-wrapper-fUQcvw .two-eC1v-5 { position: absolute; width: 28px; height: 30px; top: 37px; right: 3px } .memory-example-frh8rd .header-GmKSIg { display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; background: linear-gradient(103deg, #6d41ea 15.13%, #da47ff 90.66%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 16px } .memory-example-frh8rd .header-GmKSIg .header-icon-h3t1ij { width: 18px; height: 18px; border-radius: 50% } .memory-example-frh8rd .chat-VMuK8E { position: relative; display: flex; flex-direction: column; gap: 24px; background: var(--theme-bg-menu-white); border-radius: 12px; padding: 14px 12px; margin-bottom: 11px } .memory-example-frh8rd .chat-VMuK8E .chat-arrow-5C2WgO { position: absolute; bottom: -25px; left: 60px; width: 40px; height: 40px; z-index: 1 } .memory-example-frh8rd .chat-item-n7N2N1 { display: flex; flex-direction: column; gap: 2px } .memory-example-frh8rd .chat-item-n7N2N1 .user-JvNU5Y { display: flex; color: var(--theme-text-primary); font-size: 12px; font-weight: 400; gap: 5px } .memory-example-frh8rd .chat-item-n7N2N1 .user-JvNU5Y .avatar--bQG5Q { width: 18px; height: 18px; border-radius: 50%; display: flex; background-color: var(--tab-fill-brand-active); justify-content: center; align-items: center; font-weight: 700 } .memory-example-frh8rd .chat-item-n7N2N1 .message-DGrU9J { margin-left: 24px; color: var(--theme-text-primary); font-size: 12px; font-weight: 500 } .memory-example-frh8rd .chat-item-n7N2N1 .message-DGrU9J .memory-update-ZxD2jK { color: var(--theme-text-quaternary); font-weight: 400; display: flex; align-items: center; gap: 3px; margin-bottom: 11px } .memory-example-frh8rd .chat-item-n7N2N1 .message-DGrU9J .memory-update-ZxD2jK svg { color: var(--theme-icon-brand) } .memory-example-frh8rd .chat-memory-list-2cHhzY { position: relative; background-color: var(--theme-bg-menu-white); border-radius: 12px; padding: 16px 12px; overflow: hidden } .memory-example-frh8rd .chat-memory-title-qbIz3R { font-weight: 500; font-size: 14px; margin-bottom: 10px; color: var(--theme-text-quaternary) } .memory-example-frh8rd .chat-memory-item-v8C9t5 { border-radius: 8px; padding: 10px 6px; margin-bottom: 2px; color: var(--theme-text-primary); font-size: 12px; font-weight: 500 } .memory-example-frh8rd .chat-memory-item-v8C9t5:hover, .memory-example-frh8rd .chat-memory-item-v8C9t5.active-E1TJUH { background-color: var(--theme-border-light) } ._monica-dark .memory-example-frh8rd { background-image: none; background: var(--theme-bg-white) } .memory-manage-view-u40xtc { display: flex; flex-direction: column; width: 100%; overflow: hidden } .memory-manage-view-u40xtc .header-9-5arc { width: 100%; flex-shrink: 0; color: var(--theme-text-quaternary); font-size: 13px; line-height: 18px; padding: 4px 16px 0 } .memory-manage-view-u40xtc .memory-items-QCoQk9 { width: 100%; flex: 1; padding: 8px; display: flex; flex-direction: column; gap: 4px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .memory-manage-view-u40xtc .memory-items-QCoQk9::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .memory-manage-view-u40xtc .memory-items-QCoQk9::-webkit-scrollbar-track { background: transparent } .memory-manage-view-u40xtc .memory-items-QCoQk9::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .memory-manage-view-u40xtc .memory-items-QCoQk9::-webkit-scrollbar-thumb:hover { background: #00000062 } .memory-manage-view-u40xtc .memory-items-QCoQk9::-webkit-scrollbar-corner { background: transparent } .memory-manage-view-u40xtc .memory-items-QCoQk9 .memory-item-OLrWUG { position: relative; width: 100%; padding: 16px 12px; border-radius: 10px; overflow: hidden; height: max-content; flex-shrink: 0 } .memory-manage-view-u40xtc .memory-items-QCoQk9 .memory-item-OLrWUG .memory-content-tpbTKy { color: var(--theme-text-primary); font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .memory-manage-view-u40xtc .memory-items-QCoQk9 .memory-item-OLrWUG .memory-ft-LBI8E3 { display: flex; justify-content: space-between; align-items: center; margin-top: 13px } .memory-manage-view-u40xtc .memory-items-QCoQk9 .memory-item-OLrWUG .memory-ft-LBI8E3 .created-at-Ib4YIp { overflow: hidden; color: var(--theme-text-quaternary); font-size: 13px; line-height: 18px } .memory-manage-view-u40xtc .memory-items-QCoQk9 .memory-item-OLrWUG:hover { background: var(--theme-fill-tsp-components-tertiary) } .memory-manage-view-u40xtc .memory-items-QCoQk9 .memory-item-OLrWUG:after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; background: var(--theme-btn-border-secondary) } .memory-manage-view-u40xtc .empty-8CP8YA { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1 } .memory-manage-view-u40xtc .empty-8CP8YA .empty-icon-q4O4rn { width: 124px; height: 124px } .memory-manage-view-u40xtc .empty-8CP8YA .empty-icon-q4O4rn img { width: 100%; height: 100% } .memory-manage-view-u40xtc .empty-8CP8YA .empty-text-p4-ro- { font-size: 16px; color: var(--theme-text-quaternary); display: flex; align-items: center; height: 24px; line-height: 24px } .link-B4C1K6 { cursor: pointer; color: var(--theme-text-link) } .link-B4C1K6:hover { color: var(--theme-text-link-active); text-decoration: underline } .dropdown-menu-30fBix { border-radius: 8px; padding: 4px } .dropdown-menu-30fBix .delete-item-hwYMGy { color: var(--theme-function-error) } .memory-content-box-TzBW5A { margin-top: 8px; padding: 8px 12px; border-radius: 6px; background: var(--theme-fill-tsp-components-secondary); max-height: 270px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .memory-content-box-TzBW5A::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .memory-content-box-TzBW5A::-webkit-scrollbar-track { background: transparent } .memory-content-box-TzBW5A::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .memory-content-box-TzBW5A::-webkit-scrollbar-thumb:hover { background: #00000062 } .memory-content-box-TzBW5A::-webkit-scrollbar-corner { background: transparent } .memory-suggestion-item-2KJ4tm { position: relative; width: 100%; padding: 16px 12px; border-radius: 10px; height: max-content; flex-shrink: 0 } .memory-suggestion-item-2KJ4tm:hover { background: var(--theme-fill-tsp-components-tertiary) } .memory-suggestion-item-2KJ4tm .memory-suggestion-content-GYqYjy { color: var(--theme-text-primary); font-size: 14px; line-height: 22px } .memory-suggestion-item-2KJ4tm .memory-suggestion-content-GYqYjy>p { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .memory-suggestion-item-2KJ4tm .memory-suggestion-content-GYqYjy>p strong { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 500; line-height: 20px } .memory-suggestion-item-2KJ4tm .memory-suggestion-ft-OQCNcV { display: flex; justify-content: space-between; align-items: center; margin-top: 13px } .memory-suggestion-item-2KJ4tm .memory-suggestion-ft-OQCNcV .memory-suggestion-time-BXrwOP { color: var(--theme-text-quaternary); font-size: 13px; line-height: 18px } .memory-suggestion-item-2KJ4tm .memory-suggestion-ft-OQCNcV .memory-suggestion-time-BXrwOP .danger-75DvMx { color: var(--theme-function-error) } .memory-suggestion-item-2KJ4tm .memory-suggestion-ft-OQCNcV .action-list-RLBkLc { display: flex; align-items: center; gap: 4px } .memory-suggestion-item-2KJ4tm:after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; background: var(--theme-btn-border-secondary) } .regenerate-memory-dialog-ncrX7Z { padding: 20px; border-radius: 16px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white) } .regenerate-memory-dialog-ncrX7Z .dialog-title-qBt23R { padding-right: 20px; color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .regenerate-memory-dialog-ncrX7Z .dialog-subtitle-X1pYMo { margin-top: 2px; margin-bottom: 12px; color: var(--theme-text-secondary); font-size: 14px; line-height: 22px } .regenerate-memory-dialog-ncrX7Z .footer-UQIXWK { display: flex; justify-content: flex-end; margin-top: 20px; gap: 12px } .regenerate-memory-dialog-ncrX7Z .footer-UQIXWK .btn-Ct8jvm { border-radius: 10px } .memory-suggestion-view-Mda-zZ { width: 100%; display: flex; flex-direction: column; gap: 4px } .memory-suggestion-view-Mda-zZ .header-rfo2BG { width: 100%; flex-shrink: 0; padding: 0 16px; color: var(--theme-text-quaternary); font-size: 13px; font-weight: 400; line-height: 20px } .memory-suggestion-view-Mda-zZ .header-rfo2BG .bold-4rJbsh { font-weight: 600 } .empty-LKsBVc { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1 } .empty-LKsBVc .empty-icon-blJToY { width: 124px; height: 124px } .empty-LKsBVc .empty-icon-blJToY img { width: 100%; height: 100% } .empty-LKsBVc .empty-text-2-rKuL { font-size: 16px; color: var(--theme-text-quaternary); display: flex; align-items: center; height: 24px; line-height: 24px } .memory-suggestion-items-SDJjfD { width: 100%; flex: 1; padding: 8px; display: flex; flex-direction: column; gap: 4px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .memory-suggestion-items-SDJjfD::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .memory-suggestion-items-SDJjfD::-webkit-scrollbar-track { background: transparent } .memory-suggestion-items-SDJjfD::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .memory-suggestion-items-SDJjfD::-webkit-scrollbar-thumb:hover { background: #00000062 } .memory-suggestion-items-SDJjfD::-webkit-scrollbar-corner { background: transparent } .agent-status-head-WMR57c { color: var(--theme-icon-quaternary); font-size: var(--md-small-text-font-size); font-style: normal; font-weight: 400; line-height: var(--md-small-text-line-height); display: flex; align-items: center; white-space: pre-wrap; word-break: break-word } .agent-status-head-WMR57c .agent-status-icon-YeQmw- { margin-right: 4px; vertical-align: sub } .agent-status-head-WMR57c .img-icon-jrY-Ru { display: flex; flex-direction: row; justify-content: center; align-items: center; object-fit: cover; margin-right: 4px } .agent-status-head-WMR57c .img-icon-jrY-Ru .ant-image { display: flex; flex-direction: row; justify-content: center; align-items: center } .data-analysis-dialog-AVItuS { max-width: calc(100% - 32px); padding: 20px } .data-analysis-dialog-AVItuS .title-NsSa-v { font-size: 18px; font-weight: 600; line-height: 28px; padding-right: 30px; color: var(--theme-text-primary); margin-bottom: 12px } .code-area-16XkC6 { border-radius: 8px; overflow: hidden } .code-area-16XkC6 .code-header-zY6DyU { background-color: var(--theme-fill-tsp-components-secondary); display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px } .code-area-16XkC6 .code-header-zY6DyU .lang-Fd3d3x { font-size: 12px; font-weight: 400; line-height: 18px; color: var(--theme-text-secondary) } .code-area-16XkC6 .code-header-zY6DyU .action-xFMNr3 { display: inline-flex; align-items: center; gap: 8px } .code-area-16XkC6 .code-cont-1NC2-p { background-color: var(--theme-fill-tsp-components-tertiary); max-height: calc(100vh - 300px); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden } .code-area-16XkC6 .code-cont-1NC2-p::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .code-area-16XkC6 .code-cont-1NC2-p::-webkit-scrollbar-track { background: transparent } .code-area-16XkC6 .code-cont-1NC2-p::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .code-area-16XkC6 .code-cont-1NC2-p::-webkit-scrollbar-thumb:hover { background: #00000062 } .code-area-16XkC6 .code-cont-1NC2-p::-webkit-scrollbar-corner { background: transparent } .code-area-16XkC6 .code-enhance-box-YJdegI>[class*=code-enhance-header] { display: none } .code-area-16XkC6 .code-footer-FuPTKn { background-color: var(--theme-fill-tsp-components-secondary); padding: 8px 12px; font-size: 12px; font-weight: 400; line-height: 18px } .code-area-16XkC6 .code-footer-FuPTKn .std-text-EfcjFP { font-size: 12px; font-weight: 400; line-height: 18px; color: var(--theme-text-secondary); margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; white-space: pre-wrap } .code-area-16XkC6 .std-out-sKfils label { display: block; color: var(--theme-text-quaternary) } .code-area-16XkC6 .std-err-Mz751a { display: flex; gap: 4px } .code-area-16XkC6 .std-err-Mz751a .icon-45Ig0f { transform: translateY(2px) } .tip-text-AR572d { max-width: 50vw !important } .tip-text-AR572d .ant-tooltip-content .ant-tooltip-inner { width: fit-content; max-width: 50vw; max-height: 50vh; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden; white-space: pre-wrap } .tip-text-AR572d .ant-tooltip-content .ant-tooltip-inner::-webkit-scrollbar { height: 4px; width: 4px; margin-right: 10px } .tip-text-AR572d .ant-tooltip-content .ant-tooltip-inner::-webkit-scrollbar-track { background: transparent } .tip-text-AR572d .ant-tooltip-content .ant-tooltip-inner::-webkit-scrollbar-thumb { background: #ffffff66; border-radius: 4px; cursor: default } .tip-text-AR572d .ant-tooltip-content .ant-tooltip-inner::-webkit-scrollbar-thumb:hover { background: #ffffffaa } .tip-text-AR572d .ant-tooltip-content .ant-tooltip-inner::-webkit-scrollbar-corner { background: transparent } .sources-folder-PBU2Tk { cursor: pointer; width: 100%; overflow: hidden; visibility: visible; opacity: 1; position: relative; padding: 8px 12px; border-radius: 16px; background: var(--theme-fill-tsp-components-secondary) } .sources-folder-PBU2Tk.fold-B9CiSx { border-radius: 24px } .sources-folder-PBU2Tk.hidden-gx-yxR { visibility: hidden; opacity: 0; height: 0; padding: 0 } .sources-folder-PBU2Tk .title-4GohGg { display: flex; align-items: center; font-size: var(--md-small-text-font-size); font-weight: 400; color: var(--theme-text-primary); line-height: 22px; gap: 4px } .sources-folder-PBU2Tk .title-4GohGg .link-avatars-r-xDvE { display: flex; gap: -2px; position: relative } .sources-folder-PBU2Tk .title-4GohGg .link-avatars-r-xDvE .avatar-SQFyla { -webkit-user-drag: none; background-color: var(--theme-bg-menu-white); position: relative; left: -4px; width: 12px; height: 12px; border-radius: 50% } .sources-folder-PBU2Tk .title-4GohGg .line-1Kvz-6 { flex: 1 } .sources-folder-PBU2Tk .title-4GohGg .rt-f7eppr.rotate-6lbASZ { transform: rotate(90deg) } .sources-folder-PBU2Tk .link-wrapper-Ch2NtJ { position: relative; padding-top: 10px; transition: all .3s; max-height: 160px; overflow: hidden } .sources-folder-PBU2Tk .link-wrapper-Ch2NtJ.fold-B9CiSx { padding-top: 0; max-height: 0 } .sources-folder-PBU2Tk .link-wrapper-Ch2NtJ .arrow-LyQpyG { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); display: flex; width: 28px; height: 28px; justify-content: center; align-items: center; border-radius: 15px; border: 1px solid var(--theme-border-quaternary); background: var(--theme-text-white-primary) } .sources-folder-PBU2Tk .link-wrapper-Ch2NtJ .right-arrow-R9jeaO { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); display: flex; width: 28px; height: 28px; justify-content: center; align-items: center; border-radius: 15px; border: 1px solid var(--theme-border-quaternary); background: var(--theme-text-white-primary); right: 0 } .sources-folder-PBU2Tk .link-wrapper-Ch2NtJ .left-arrow-tPLeAL { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); display: flex; width: 28px; height: 28px; justify-content: center; align-items: center; border-radius: 15px; border: 1px solid var(--theme-border-quaternary); background: var(--theme-text-white-primary); left: 0 } .sources-folder-PBU2Tk .link-wrapper-Ch2NtJ .shadow-19xZ4v { position: absolute; top: 0; z-index: 1; bottom: 0; width: 50px; background: linear-gradient(90deg, rgba(241, 242, 243, 0) 0%, #f1f2f3 48.17%) } .sources-folder-PBU2Tk .link-wrapper-Ch2NtJ .l-shadow-nxD5kd { position: absolute; top: 0; z-index: 1; bottom: 0; width: 50px; background: linear-gradient(90deg, rgba(241, 242, 243, 0) 0%, #f1f2f3 48.17%); background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #f1f2f3 57%); left: 0 } .sources-folder-PBU2Tk .link-wrapper-Ch2NtJ .r-shadow-C87Ne4 { position: absolute; top: 0; z-index: 1; bottom: 0; width: 50px; background: linear-gradient(90deg, rgba(241, 242, 243, 0) 0%, #f1f2f3 48.17%); right: 0 } .sources-folder-PBU2Tk .scroll-wrapper-OCEtmh { width: 100%; overflow-x: auto; position: relative; scrollbar-width: 0 } .sources-folder-PBU2Tk .scroll-wrapper-OCEtmh::-webkit-scrollbar { height: 3px } .sources-folder-PBU2Tk .scroll-wrapper-OCEtmh::-webkit-scrollbar { display: none } .sources-folder-PBU2Tk .scroll-wrapper-OCEtmh .link-list-wrapper-RxqLfZ { display: flex; flex-direction: column; gap: 5px; width: fit-content } .sources-folder-PBU2Tk .scroll-wrapper-OCEtmh .link-list-wrapper-RxqLfZ .link-list-inner-evy0Vo { display: flex; gap: 5px } .sources-folder-PBU2Tk .scroll-wrapper-OCEtmh .link-item-w21gg1 { cursor: pointer; display: flex; gap: 2px; flex-shrink: 0; width: 180px; height: 70px; padding: 8px 12px; flex-direction: column; align-items: flex-start; border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); font-size: 12px; font-weight: 400 } .sources-folder-PBU2Tk .scroll-wrapper-OCEtmh .link-item-w21gg1:hover { background-color: var(--theme-fill-tsp-components-primary) } .sources-folder-PBU2Tk .scroll-wrapper-OCEtmh .link-item-w21gg1 .link-title-wrapper-btjE8M { display: flex; align-items: center; gap: 2px } .sources-folder-PBU2Tk .scroll-wrapper-OCEtmh .link-item-w21gg1 .link-title-wrapper-btjE8M .icon-fAohYD { -webkit-user-drag: none; width: 14px; height: 14px; flex-shrink: 0; border-radius: 50% } .sources-folder-PBU2Tk .scroll-wrapper-OCEtmh .link-item-w21gg1 .link-title-wrapper-btjE8M span { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-quaternary) } .sources-folder-PBU2Tk .scroll-wrapper-OCEtmh .link-item-w21gg1 .link-text-AQdGpg { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-primary); font-size: 12px } ._monica-dark .sources-folder-PBU2Tk .link-wrapper-Ch2NtJ .r-shadow-C87Ne4, ._monica-dark .sources-folder-PBU2Tk .link-wrapper-Ch2NtJ .l-shadow-nxD5kd { background: none } .skill-debug-0Ljp-0 .title-0OTGDp { color: var(--theme-icon-primary); font-size: 15px; font-style: normal; font-weight: 500; line-height: 23px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .skill-debug-0Ljp-0 .title-0OTGDp .icon-hJEZ3E { transition: transform .2s; margin-right: 4px } .skill-debug-0Ljp-0 .title-0OTGDp .icon-hJEZ3E.expand-MbAp8W { transform: rotate(90deg) } .skill-debug-0Ljp-0 .content-if4O2A { color: var(--theme-text-quaternary); font-size: 15px; font-style: normal; font-weight: 400; line-height: 23px; margin-top: 8px; white-space: break-spaces; word-wrap: break-word } .badge-NZ-und { display: inline-flex; padding: 1px 4px; border-radius: 6px 6px 6px 0; background: var(--theme-fill-tsp-brand); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-btn-tertiary); font-size: 11px; font-weight: 500; line-height: 16px; margin-left: 4px } .data-analysis-eHnkMn { line-height: 0; margin-left: 4px } .data-analysis-eHnkMn .header-cont-xtTXNW { display: inline-flex } .data-analysis-eHnkMn .header-cont-xtTXNW .source-code-hynTic { line-height: 0; margin-left: 4px; padding: 2px 4px; color: var(--theme-text-link); cursor: pointer; border-radius: 4px; transition: background-color .25s ease } .data-analysis-eHnkMn .header-cont-xtTXNW .source-code-hynTic:hover { background-color: var(--theme-fill-tsp-components-tertiary) } .data-analysis-eHnkMn .header-cont-xtTXNW .source-code-hynTic:active { color: var(--theme-text-link-active) } .data-analysis-eHnkMn .image-box-iWWSbB { margin: 8px 0 0 } .thinking-details-qcvbi4 { display: flex; flex-direction: column; border-left: 1px solid var(--theme-border-primary) } .thinking-details-qcvbi4 .thinking-detail-summary-nTgu5p { display: flex; flex-direction: column } .thinking-details-qcvbi4 .thinking-detail-summary-nTgu5p .thinking-detail-label-kKRn0I { color: var(--theme-text-primary); font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: space-between } .thinking-details-qcvbi4 .thinking-detail-summary-nTgu5p .thinking-detail-label-kKRn0I .markdown-title-mSdLik { height: 28px } .thinking-details-qcvbi4 .thinking-detail-summary-nTgu5p .thinking-detail-label-kKRn0I .arrow-down-icon-3cjAF2 { transition: transform .3s ease-in-out } .thinking-details-qcvbi4 .thinking-detail-summary-nTgu5p .thinking-detail-label-kKRn0I .arrow-down-icon-3cjAF2.expand-MbAp8W { transform: rotate(180deg) } .thinking-details-qcvbi4 .thinking-detail-summary-nTgu5p .summary-text-aPePKq { color: var(--theme-text-quaternary) } .thinking-details-qcvbi4 .thinking-detail-2Hq33k .thinking-detail-text-5uYfWo { color: var(--theme-text-tertiary) } @keyframes color-change-SYdfHv { 0% { color: #a15afb } 50% { color: #ff6778 } to { color: #a15afb } } .thinking-details-qcvbi4 .thinking-detail-2Hq33k .has-animation-LtkHi8 { animation: color-change-SYdfHv 1s ease-in-out infinite } .thinking-details-qcvbi4 .ant-collapse-header { padding: 4px 12px !important } .thinking-details-qcvbi4 .ant-collapse-content-box { padding-block: 0 !important; padding: 4px 12px !important } .ai-form-cdgyN0 { display: flex; flex-direction: column; gap: 8px } .ai-form-cdgyN0 .ai-form-label-bZhhB3 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; color: var(--theme-text-quaternary); font-size: var(--md-extra-small-text-font-size); line-height: 16px; justify-content: left } .ai-form-cdgyN0 .ai-form-container-3vQKHP { width: max-content; cursor: pointer; padding: 8px 10px; border-radius: 12px; border: 1px solid var(--theme-border-light); min-width: 190px } .ai-form-cdgyN0 .ai-form-container-3vQKHP .ai-form-content-iJ2fsM { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 8px } .ai-form-cdgyN0 .ai-form-container-3vQKHP .ai-form-content-iJ2fsM .ai-form-info-8L0ZIy { flex: 1 } .ai-form-cdgyN0 .ai-form-container-3vQKHP .ai-form-content-iJ2fsM .ai-form-info-8L0ZIy .ai-form-title-jnPhfx { text-overflow: ellipsis; overflow: hidden; font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-primary) } .ai-form-cdgyN0 .ai-form-container-3vQKHP .ai-form-content-iJ2fsM .ai-form-info-8L0ZIy .ai-form-description-koPsRv { font-size: 12px; font-weight: 400; line-height: 18px; color: var(--theme-text-quaternary) } .memory-agent-status-rCP64P .content-uNnx4k { color: var(--theme-text-secondary); font-size: 15px; line-height: 24px; cursor: pointer } .memory-agent-status-rCP64P .content-uNnx4k:hover { opacity: .9 } .memory-content-ofqtxJ { width: 320px; height: max-content; min-height: 100px; display: flex; flex-direction: column; padding: 8px 4px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .memory-content-ofqtxJ .memory-content-summary-Z-69d6 { padding: 8px 12px 4px; flex: 1; color: var(--theme-text-secondary); font-size: 14px; line-height: 22px; height: max-content; max-height: 300px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .memory-content-ofqtxJ .memory-content-summary-Z-69d6::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .memory-content-ofqtxJ .memory-content-summary-Z-69d6::-webkit-scrollbar-track { background: transparent } .memory-content-ofqtxJ .memory-content-summary-Z-69d6::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .memory-content-ofqtxJ .memory-content-summary-Z-69d6::-webkit-scrollbar-thumb:hover { background: #00000062 } .memory-content-ofqtxJ .memory-content-summary-Z-69d6::-webkit-scrollbar-corner { background: transparent } .memory-content-ofqtxJ .manage-memory--Ct315 { flex-shrink: 0; display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .memory-content-ofqtxJ .manage-memory--Ct315:hover { background-color: var(--theme-fill-tsp-components-secondary) } .memory-content-ofqtxJ .manage-memory--Ct315 .manage-memory-left-HXbayB { display: flex; align-items: center; gap: 4px; color: var(--theme-text-primary); font-size: 14px; line-height: 22px } .think-wrapper-spkWbZ { display: flex; flex-direction: column } .think-wrapper-spkWbZ .think-text-ohQR-P { color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px } .think-wrapper-spkWbZ .think-desc-xOvX4x { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; justify-content: left } .share-popup-content-5vfEwZ { display: flex; justify-content: center; align-items: center; flex-direction: column; width: max-content; align-items: flex-start; gap: 16px; min-width: 246px; padding: 20px; border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white) } .share-popup-content-5vfEwZ .access-title-UxMS7u { color: var(--theme-icon-tertiary); font-size: 14px; font-weight: 500; line-height: 16px } .share-popup-content-5vfEwZ .radio-group-e6rY3t { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 8px } .share-popup-content-5vfEwZ .share-btn-57EBua { width: 100%; height: 40px } .memo-chat-box-DW-aWX { background-color: transparent } .memo-chat-box-DW-aWX .chat-box-scroll-box-Tj-Go-.chat-box-scroll-box-Tj-Go- { overflow-y: hidden !important } .memo-chat-box-DW-aWX .chat-box-scroll-box-Tj-Go-.chat-box-scroll-box-Tj-Go-::-webkit-scrollbar { display: none !important } .memo-chat-box-DW-aWX .chat-items-QTxN0A { padding-bottom: 0 !important } .memo-chat-box-DW-aWX.in-memo-list-LtZ8Bk { zoom: .5; max-height: 180px; overflow: hidden; pointer-events: none } .memo-item-gpXlHq { width: 100%; overflow: hidden; flex-shrink: 0; border-radius: 10px; background-color: var(--theme-bg-white); transition: box-shadow .2s; border: 1px solid var(--theme-border-light); position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column } .memo-item-gpXlHq.is-complete-S6vgu2 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .memo-item-gpXlHq.is-complete-S6vgu2.enable-select-VJmqw4:hover { border-color: var(--theme-border-active) } .memo-item-gpXlHq.is-complete-S6vgu2.enable-select-VJmqw4:hover .selected-box-r-SfqN { visibility: visible } .memo-item-gpXlHq.is-complete-S6vgu2:not(.active-OepX9W):hover { box-shadow: var(--theme-box-shadow-s2) } .memo-item-gpXlHq.is-in-grid-sRy0Eu { break-inside: avoid } .memo-item-gpXlHq.active-OepX9W { background-color: var(--theme-fill-tsp-components-tertiary) } .memo-item-gpXlHq.active-OepX9W .footer-MT--Dt { background-color: transparent } .memo-item-gpXlHq.highlightTitleWhenHover--txexZ:hover .title-VT7KzF { color: var(--theme-icon-brand) } .memo-item-gpXlHq.desktop-PwLKxe .content-mjlhNp { padding: 8px 12px; column-gap: 8px } .memo-item-gpXlHq.desktop-PwLKxe .content-mjlhNp .img-rQrpAD { width: 80px; height: 80px } .memo-item-gpXlHq.desktop-PwLKxe .footer-MT--Dt { padding: 6px 12px } .memo-item-gpXlHq .content-mjlhNp { padding: 14px 14px 6px; width: 100%; flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; overflow: hidden; column-gap: 16px; align-items: flex-start } .memo-item-gpXlHq .content-mjlhNp .header-fx7670 { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; column-gap: 6px; font-weight: 600; font-size: 16px; flex-shrink: 0; margin-bottom: 4px; line-height: 24px; color: var(--theme-text-primary) } .memo-item-gpXlHq .content-mjlhNp .title-VT7KzF { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; display: -webkit-box; font-weight: 600; -webkit-box-orient: vertical; color: var(--theme-text-primary) } .memo-item-gpXlHq .content-mjlhNp .loading--T5aJZ { animation: rotate-Gl8bIk 1s linear infinite } @keyframes rotate-Gl8bIk { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .memo-item-gpXlHq .content-mjlhNp .content-bottom-TwIV1E { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; height: 100%; width: 100%; flex: 1; min-width: 0; gap: 6px } .memo-item-gpXlHq .content-mjlhNp .content-bottom-TwIV1E .desc-a6ZH9L { flex: 1; width: 100%; color: var(--theme-text-tertiary); font-size: 14px; font-weight: 400; line-height: 22px; overflow: hidden; display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 16px; align-items: flex-start; justify-content: flex-start } .memo-item-gpXlHq .content-mjlhNp .content-bottom-TwIV1E .desc-a6ZH9L.operation-btn-GwnP2w { padding-left: 24px; align-items: flex-end } .memo-item-gpXlHq .content-mjlhNp .content-bottom-TwIV1E .desc-a6ZH9L.normal-vofQKV { display: flex; flex-direction: column; gap: 12px } .memo-item-gpXlHq .content-mjlhNp .content-bottom-TwIV1E .desc-a6ZH9L .desc-content-dik7hb { width: 100%; display: flex; flex: 1; min-width: 0; position: relative } .memo-item-gpXlHq .content-mjlhNp .content-bottom-TwIV1E .desc-a6ZH9L .desc-content-dik7hb .text-indent-ok8I7X { text-indent: 20px } .memo-item-gpXlHq .content-mjlhNp .content-bottom-TwIV1E .desc-a6ZH9L .desc-content-dik7hb p { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box } .memo-item-gpXlHq .content-mjlhNp mark { color: var(--theme-text-link); background: transparent } .memo-item-gpXlHq .content-mjlhNp .img-rQrpAD { width: 100px; height: 100px; border-radius: 4px; overflow: hidden; flex-shrink: 0; align-self: flex-end; position: relative } .memo-item-gpXlHq .content-mjlhNp .img-rQrpAD .skeleton-Bah-Q6 { position: absolute; inset: 0; width: unset !important; height: unset !important; z-index: 10 } .memo-item-gpXlHq .content-mjlhNp .img-rQrpAD .skeleton-Bah-Q6 svg { display: none !important } .memo-item-gpXlHq .content-mjlhNp .img-rQrpAD img { -webkit-user-drag: none; position: relative; z-index: 11; width: 100%; height: 100%; object-fit: cover } .memo-item-gpXlHq .footer-MT--Dt { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; width: 100%; padding: 6px 16px; justify-content: space-between; flex-shrink: 0; background-color: var(--theme-fill-tsp-components-tertiary); color: var(--theme-icon-quaternary); font-size: 12px; font-weight: 400; line-height: 18px } .memo-item-gpXlHq .footer-MT--Dt .footer-left-AQE1EQ { display: flex } .memo-item-gpXlHq .footer-MT--Dt .meta-kFAAfx { display: flex; align-items: center; column-gap: 4px } .memo-item-gpXlHq .footer-MT--Dt .meta-kFAAfx .dot-7Kh2d- { display: inline-block; margin: 0 4px } .memo-item-gpXlHq .footer-MT--Dt .operations-TbN1zJ { display: flex; gap: 4px; align-items: center } .memo-item-gpXlHq .tags-wrapper-j682pg { overflow: hidden; padding: 10px 16px 12px; margin-right: auto; max-width: 100% } .memo-item-gpXlHq .tags-wrapper-j682pg .desc-tags-OUHxuM { display: flex; gap: 10px; align-items: center; cursor: default } .memo-item-gpXlHq .tags-wrapper-j682pg .desc-tags-OUHxuM .tag-8NQ9HJ { display: flex; white-space: pre; gap: 2px; align-items: center; font-size: 12px } .memo-item-gpXlHq .tags-wrapper-j682pg .operation-YAU1b2 { padding: 6px 2px !important } .memo-item-gpXlHq .selected-box-r-SfqN { visibility: hidden; position: absolute; right: 8px; top: 8px } .memo-item-gpXlHq.selected-dbLQyw { border-color: var(--theme-border-active) } .memo-item-gpXlHq.selected-dbLQyw .selected-box-r-SfqN, .memo-item-gpXlHq.selected-mode-yIv7tN .selected-box-r-SfqN { visibility: visible } .memo-item-gpXlHq .del-btn-to-oNn { position: absolute; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; visibility: hidden; right: 12px; bottom: 5px } .memo-item-gpXlHq .del-btn-to-oNn svg { color: var(--theme-text-quaternary) } .memo-actions-pS0Lht { display: flex; flex-direction: column } .memo-actions-pS0Lht .memo-action-1LobaM { display: flex; align-items: center; gap: 6px; color: var(--theme-text-primary); font-size: 14px; height: 32px; padding: 0 8px 0 12px; border-radius: 6px; cursor: pointer } .memo-actions-pS0Lht .memo-action-1LobaM:hover { background: var(--theme-fill-tsp-components-secondary) } .memo-tags-MGhL1u { overflow: hidden; width: 100% } .memo-tags-MGhL1u .tags-XkT18m { display: flex; flex-wrap: nowrap; gap: 6px; white-space: pre; padding: 4px 0 } .memo-tags-MGhL1u .operation-zZ816a { padding: 6px 2px !important } .memo-tag-OeZ5m- { display: flex; align-items: center; gap: 2px; font-size: 12px; color: var(--theme-text-primary); padding: 4px 8px; border-radius: 8px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); line-height: 18px; transition: background-color .1s ease-in-out; min-height: 28px; position: relative } .memo-tag-OeZ5m-.can-active-Ti7YJw { cursor: pointer } .memo-tag-OeZ5m-.can-active-Ti7YJw:hover { background-color: var(--theme-fill-tsp-components-secondary) } .memo-tag-OeZ5m-:hover .delete--A4D-5 { opacity: 1 } .memo-tag-OeZ5m-.is-active-qttElM { background: var(--theme-fill-tsp-brand); color: var(--theme-text-brand); border-color: transparent } .memo-tag-OeZ5m-.is-active-qttElM:hover { background-color: var(--theme-fill-tsp-brand-tertiary) } .memo-tag-OeZ5m- .delete--A4D-5 { cursor: pointer; position: absolute; right: -8px; top: -5px; transition: .2s opacity ease; opacity: 0 } .memo-tags-edit-dialog-DYEKOv { position: relative; display: flex; flex-direction: column; row-gap: 12px; max-height: 660px; max-width: calc(100% - 20px); padding: 20px 0; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .memo-tags-edit-dialog-DYEKOv::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .memo-tags-edit-dialog-DYEKOv::-webkit-scrollbar-track { background: transparent } .memo-tags-edit-dialog-DYEKOv::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .memo-tags-edit-dialog-DYEKOv::-webkit-scrollbar-thumb:hover { background: #00000062 } .memo-tags-edit-dialog-DYEKOv::-webkit-scrollbar-corner { background: transparent } .memo-tags-edit-dialog-DYEKOv .header-hvldbd { width: 100%; display: flex; justify-content: space-between; color: var(--theme-icon-primary); font-size: 16px; font-weight: 700; line-height: 24px; padding: 0 20px } .memo-tags-edit-dialog-DYEKOv .header-hvldbd .close-icon-rP1HNp { color: var(--theme-icon-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .memo-tags-edit-dialog-DYEKOv .header-hvldbd .close-icon-rP1HNp:hover { opacity: .8 } .memo-tags-edit-dialog-DYEKOv .input-FqpSbJ { display: flex; gap: 20px; flex-direction: column; max-height: 100%; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 0 20px } .memo-tags-edit-dialog-DYEKOv .input-FqpSbJ::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .memo-tags-edit-dialog-DYEKOv .input-FqpSbJ::-webkit-scrollbar-track { background: transparent } .memo-tags-edit-dialog-DYEKOv .input-FqpSbJ::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .memo-tags-edit-dialog-DYEKOv .input-FqpSbJ::-webkit-scrollbar-thumb:hover { background: #00000062 } .memo-tags-edit-dialog-DYEKOv .input-FqpSbJ::-webkit-scrollbar-corner { background: transparent } .memo-tags-edit-dialog-DYEKOv .input-FqpSbJ .form-item-9LIlM5 { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch } .memo-tags-edit-dialog-DYEKOv .input-FqpSbJ .form-item-9LIlM5 .sub-title-ek-fNJ { color: var(--theme-text-secondary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px } .memo-tags-edit-dialog-DYEKOv .input-FqpSbJ .form-item-9LIlM5 .empty-r4pEKq { color: var(--theme-text-disable); font-size: 14px; line-height: 22px } .memo-tags-edit-dialog-DYEKOv .input-FqpSbJ .form-item-9LIlM5 .tags-RwvWa6, .memo-tags-edit-dialog-DYEKOv .input-FqpSbJ .all-tags-ScHAnn { display: flex; align-items: flex-start; align-content: flex-start; gap: 8px; align-self: stretch; flex-wrap: wrap } .memo-tags-edit-dialog-DYEKOv .footer-Vce7LE { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-end; width: 100%; column-gap: 16px; padding: 0 20px } .memo-tags-edit-dialog-DYEKOv .footer-Vce7LE .footer-btn-gdYmwQ { padding: 11px 29px; border-radius: 12px; font-size: 14px; font-weight: 500; border: none; line-height: 22px } .memo-mark-desc-NdaRqI { display: flex; gap: 10px; flex: 1 0 0; max-height: 180px; overflow: hidden } .memo-mark-desc-NdaRqI .mark-line-3g8mR- { align-self: center; border-radius: 2px; background: var(--theme-function-warning-border); height: calc(100% - 6px); width: 5px; min-width: 5px } .logo-Tfs2KT, .logo-Tfs2KT .text-wrap-Uz3DT- { display: flex; align-items: center } .logo-Tfs2KT .title-B79RS2 { display: flex; align-items: center; height: 18px; line-height: 18px; color: var(--theme-text-primary); font-weight: 500 } .logo-Tfs2KT .feature-name-Xkdn9D { color: var(--theme-icon-primary); font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin-left: 8px } .logo-img-drxdFH { -webkit-user-drag: none } @media screen and (max-width: 767.98px) { .logo-Tfs2KT .feature-name-Xkdn9D { display: none } } .logo-svg-s2r7gJ { visibility: visible } .search-web-and-gpt4-switcher-9hq4rO { position: relative; --border-radius: 8px } .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t { border-radius: var(--border-radius); display: inline-flex; border: 1px solid var(--theme-border-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t .btn-HzucU9 { height: 100%; display: inline-flex; align-items: center; gap: 4px; color: var(--theme-text-tertiary); font-size: 13px; font-style: normal; font-weight: 400; line-height: 24px; transition: background .1s ease-in } .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t .main-btn-OWexcC { padding: 0 8px 0 4px; margin-right: -1px; border-radius: var(--border-radius) 0 0 var(--border-radius) } .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t .main-btn-OWexcC:hover, .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t .main-btn-OWexcC.active-CcSfqj { background: var(--theme-fill-tsp-brand); color: var(--theme-text-brand) } .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t .main-btn-OWexcC .label-S3JdbE { font-size: 13px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t .down-btn-Ww3WCU { height: 100%; padding: 6px; border-radius: 0 var(--border-radius) var(--border-radius) 0; position: relative } .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t .down-btn-Ww3WCU:before { content: ""; width: 1px; height: 13px; background: var(--theme-fill-tsp-components-primary); position: absolute; top: 50%; left: 0; transform: translateY(-50%) } .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t .down-btn-Ww3WCU:hover, .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t .down-btn-Ww3WCU.active-CcSfqj { background: var(--theme-btn-fill-tertiary-hover) } .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t .down-btn-Ww3WCU:hover:before, .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t .down-btn-Ww3WCU.active-CcSfqj:before { background: var(--theme-btn-fill-tertiary) } .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t.only-DtWMc4 .main-btn-OWexcC { padding: 0 8px; border-radius: var(--border-radius) } .search-web-and-gpt4-switcher-9hq4rO .box-yAvi4t.only-DtWMc4 .down-btn-Ww3WCU { display: none } .search-web-and-gpt4-dropdown--W3oTn { min-width: 216px; box-sizing: border-box; border-radius: 8px; background: var(--theme-text-white-primary); box-shadow: 0 3.20000005px 12px 0 var(--theme-shadow-s2), 0 5px 25px 0 var(--theme-shadow-s1); padding-bottom: 4px; display: flex; flex-direction: column; gap: 4px; overflow: hidden } .search-web-and-gpt4-dropdown--W3oTn .header-lhRQ3w { height: 32px; box-sizing: border-box; box-shadow: 0 1px 6px #919eab29; padding: 0 12px; font-size: 14px; color: var(--theme-text-tertiary); display: flex; align-items: center } .search-web-and-gpt4-dropdown--W3oTn .item-Yh1cnw { height: 32px; box-sizing: border-box; padding: 0 12px; display: flex; align-items: center; gap: 6px; color: var(--theme-text-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .search-web-and-gpt4-dropdown--W3oTn .item-Yh1cnw:hover { background: var(--theme-bg-gray-secondary) } .search-web-and-gpt4-dropdown--W3oTn .item-Yh1cnw.active-CcSfqj { color: var(--m-primary-color) } .search-web-and-gpt4-dropdown--W3oTn .item-Yh1cnw .label-S3JdbE { font-size: 14px } .chat-feedback-wrapper--lY-54 { position: relative; width: 100%; max-width: 500px; display: flex; flex-direction: column; gap: 8px } .chat-feedback-OAtYc- { width: 100%; gap: 20px; padding: 8px 8px 8px 12px; display: flex; align-items: center; justify-content: space-between; border-radius: 8px; background: var(--theme-fill-tsp-components-tertiary) } .chat-feedback-OAtYc- .chat-feedback-title-b1oD5w { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .chat-feedback-OAtYc- .chat-feedback-rt-UlfggE { display: flex; gap: 8px; align-items: center } .chat-feedback-OAtYc- .chat-feedback-rt-UlfggE .action-item-FLkYAv { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .chat-feedback-OAtYc- .chat-feedback-rt-UlfggE .action-item-FLkYAv:hover { background-color: var(--theme-fill-tsp-components-secondary) } .chat-feedback-OAtYc- .chat-feedback-rt-UlfggE .action-item-FLkYAv.feedback-btn-IwmgPi { border: 1px solid var(--theme-border-primary) } .chat-feedback-OAtYc- .chat-feedback-rt-UlfggE .divider-q6hcnB { background: var(--theme-border-quaternary); width: 1px; height: 12px } .unlike-block-QxqcIr { width: 100%; display: flex; flex-direction: column; padding: 12px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 0 1px #00000014, 0 8px 40px #00000014 } .unlike-block-QxqcIr .unlike-block-title-PA46m8 { width: 100%; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 8px } .unlike-block-QxqcIr .unlike-block-content-flB2q7 { width: 100%; display: flex; flex-direction: column; gap: 8px } .unlike-block-QxqcIr .unlike-block-content-flB2q7 .tag-list-9vH6Db { width: 100%; display: flex; flex-wrap: wrap; gap: 8px } .unlike-block-QxqcIr .unlike-block-content-flB2q7 .tag-list-9vH6Db .tag-item-xIexgb { max-width: max-content } .unlike-block-QxqcIr .unlike-block-content-flB2q7 .textarea-kPrv7U { border-radius: 10px } .unlike-block-QxqcIr .unlike-block-footer-Qw7-yY { width: 100%; display: flex; justify-content: flex-end; margin-top: 10px; gap: 8px } .unlike-block-QxqcIr .unlike-block-footer-Qw7-yY .unlike-block-footer-btn-0BpNGJ { border-radius: 8px; height: 28px } .feedback-success-lImGe9 { width: 100%; max-width: 500px; overflow: hidden; border-radius: 8px; background: var(--theme-fill-tsp-components-tertiary); transition: all .3s ease-in-out } .feedback-success-lImGe9 .feedback-success-content-8VsJO7 { display: flex; padding: 8px 8px 8px 12px; align-items: center; gap: 4px } .chat-reply-L-Wpau .message-toolbar-i1f2AZ { margin-top: 4px; min-height: 22px; position: relative } .chat-reply-L-Wpau .message-toolbar-i1f2AZ.show-304Hlw, .chat-reply-L-Wpau:hover .message-toolbar-i1f2AZ { visibility: visible } .chat-reply-L-Wpau:hover .new-chat-icon-bII7v5 { display: inline-flex } .chat-reply-L-Wpau .new-chat-icon-bII7v5 { display: none } .chat-reply-L-Wpau .double-check-button-ENzx15 { border-radius: 8px; border: 1px solid var(--theme-border-primary); color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; padding: 0 4px; height: 24px; background: var(--theme-bg-white); display: inline-flex } .chat-reply-L-Wpau .double-check-button-ENzx15:hover { background: var(--theme-btn-fill-tertiary-hover); color: var(--theme-text-tertiary) } .chat-reply-L-Wpau .model-compare-n9AuZM, .chat-reply-L-Wpau .related-questions-WcUzVX { margin-top: 4px } .chat-reply-header-Vp-32k:hover .new-chat-icon-bII7v5 { display: inline-flex } .chat-reply-header-Vp-32k .new-chat-icon-bII7v5 { display: none } .generate-mind-map-button-wrap-cz99aN { display: flex; flex-direction: column; align-items: flex-start; margin-top: 8px } .try-search-agent-SlDh1n { border-radius: 12px; background: var(--theme-fill-tsp-components-secondary); padding: 12px; display: flex; flex-direction: column; justify-content: left; gap: 4px; margin-top: 8px; width: 100%; max-width: 330px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .try-search-agent-SlDh1n:hover { background: var(--theme-fill-tsp-components-primary) } .try-search-agent-SlDh1n .try-search-agent-title-GB97rp { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .try-search-agent-SlDh1n .try-search-agent-content-7d9ueu { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400 } .try-search-agent-SlDh1n .try-search-agent-link-sEvGoN { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; justify-content: left } .try-search-agent-SlDh1n .try-search-agent-link-sEvGoN .monica-logo-jxIGSt { width: 14px; height: 14px } .try-search-agent-SlDh1n .try-search-agent-link-sEvGoN .text-AnXz-T { color: var(--theme-text-primary); font-size: 12px; font-weight: 400; line-height: 18px } .free-quota-empty-6r3UFJ { display: flex; padding: 10px 12px; flex-direction: column; align-items: flex-start; gap: 12px; border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-gray-secondary); line-height: 22px } .free-quota-empty-6r3UFJ .actions-vyP63H { display: flex; gap: 8px; flex-wrap: wrap } .verticalSeparator-G5ncFC { height: 0; border: none; border-top: 1px solid var(--theme-border-light); margin: 12px 0 } .search-reference-collapse-iQ5cI5 { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; width: 100%; border-radius: 12px; background: var(--theme-bg-white) } .search-reference-collapse-iQ5cI5 .search-reference-header--lh37E { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; width: 100%; padding: 12px; color: var(--theme-text-quaternary); font-size: 13px; font-weight: 400 } .search-reference-collapse-iQ5cI5 .search-reference-header--lh37E .arrow-BiNFX2 { display: flex; margin-left: auto } .search-reference-collapse-iQ5cI5 .search-reference-header--lh37E .arrow-BiNFX2.collapsed-Exm2U4 { transform: rotate(-180deg) } .search-reference-collapse-iQ5cI5 .search-reference-content---AVP3 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px; padding: 0 12px 12px; align-items: flex-start; max-height: max-content } .search-reference-collapse-iQ5cI5 .search-reference-content---AVP3 .link-vSK0oc { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; list-style: decimal; color: var(--theme-text-link) } .search-reference-collapse-iQ5cI5 .search-reference-content---AVP3 .link-vSK0oc>a { color: unset; font-size: 14px; font-weight: 400 } .search-reference-collapse-iQ5cI5 .search-reference-content---AVP3.collapsed-Exm2U4 { max-height: 0; padding-block: 0 } .make-it-more-btn-WNEjQZ { gap: 5px; color: var(--theme-icon-quaternary); width: max-content; height: 26px; display: flex; padding: 0 8px; position: relative; font-size: var(--md-small-text-font-size); background: var(--theme-bg-white); align-items: center; border-radius: var(--md-small-text-font-size); justify-content: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: background-color .2s } .make-it-more-btn-WNEjQZ:hover { background-color: var(--theme-fill-tsp-components-secondary) } .suggestion-container-OCLmbY { border-radius: 12px; margin-top: 4px } .suggestion-container-OCLmbY .primary-button-UTbRBS { margin-top: 12px; display: inline-flex; border-radius: 20px; background: transparent; height: 40px; width: max-content; max-width: 100%; font-weight: 400 } .suggestion-container-OCLmbY .primary-button-UTbRBS:hover { background-color: var(--theme-fill-tsp-components-secondary) } .suggestion-container-OCLmbY .primary-button-UTbRBS .text-AnXz-T { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; flex: 1; min-width: 0; white-space: normal } .suggestion-container-OCLmbY .primary-button-UTbRBS .arrow-BiNFX2 { margin-left: 10px } .suggestion-container-OCLmbY .primary-button-UTbRBS .arrow-BiNFX2 path { stroke-opacity: 1 } .reading-suggestions--JAlTz { padding-top: 4px; display: flex; flex-direction: column; gap: 12px } .reading-suggestions--JAlTz .title-WV7NaU { color: var(--theme-icon-quaternary); font-size: 13px; font-style: normal; font-weight: 400; line-height: normal } .reading-suggestions--JAlTz ul { display: flex; flex-direction: column; gap: 10px } .reading-suggestions--JAlTz ul li { display: flex; justify-content: space-between; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; gap: 10px; padding: 7px 12px; border-radius: 12px; background: var(--theme-bg-gray-secondary) } .reading-suggestions--JAlTz ul li .text-AnXz-T { position: relative; display: flex; gap: 4px; font-size: var(--md-small-text-font-size); color: var(--theme-text-primary); font-weight: 400; line-height: var(--md-small-text-line-height) } .reading-suggestions--JAlTz ul li .text-AnXz-T:before { content: ""; width: 5px; height: 5px; border-radius: 50%; margin: 10px 4px 0 2px; flex-shrink: 0; align-self: flex-start; background: var(--icon-disable) } .reading-suggestions--JAlTz ul li .arrow-icon-0d3OT4 { display: flex; flex-direction: row; justify-content: center; align-items: center; visibility: hidden; color: var(--theme-icon-brand) } .reading-suggestions--JAlTz ul li:hover { background: var(--theme-fill-tsp-components-secondary) } .reading-suggestions--JAlTz ul li:hover .arrow-icon-0d3OT4 { visibility: visible } .video-summarize-highlights-1UAXgR .header-2hsftH { display: flex; align-items: center } .video-summarize-highlights-1UAXgR .header-2hsftH .title-WV7NaU { color: var(--theme-icon-quaternary); font-size: 13px; font-style: normal; font-weight: 400; line-height: normal } .video-summarize-highlights-1UAXgR .header-2hsftH .detail-AKme0s { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand); margin-left: auto; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal } .video-summarize-highlights-1UAXgR .header-2hsftH .detail-AKme0s:hover, .video-summarize-highlights-1UAXgR .header-2hsftH .detail-AKme0s:active { opacity: .8 } .video-summarize-highlights-1UAXgR ul li { color: var(--theme-icon-primary); font-size: var(--md-small-text-font-size); font-style: normal; font-weight: 400; line-height: normal; display: flex; margin-top: 8px } .video-summarize-highlights-1UAXgR ul li .icon-fz1yZW { vertical-align: middle; margin-right: 8px; margin-top: 2px } .video-summarize-highlights-1UAXgR ul .title-WV7NaU { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex } .video-summarize-highlights-1UAXgR ul .title-WV7NaU .dot-uj-Nqj { flex: 0 0 5px; width: 5px; height: 5px; border-radius: 50%; background-color: var(--theme-icon-quaternary); margin-right: 8px; position: relative; top: 7px; left: 0 } .video-summarize-highlights-1UAXgR ul .title-WV7NaU span { flex: 1; min-width: 0 } .video-summarize-highlights-1UAXgR ul .title-WV7NaU .arrow-BiNFX2 { margin-left: 4px; transition: transform .2s } .video-summarize-highlights-1UAXgR ul .title-WV7NaU .arrow-BiNFX2.expanded-E2NMw3 { transform: rotate(180deg) } .video-summarize-highlights-1UAXgR ul.sub--Qxd-D { padding-left: 14px } .video-summarize-highlights-1UAXgR ul.sub--Qxd-D:not(:last-child) { margin-bottom: 14px } .video-summarize-highlights-1UAXgR ul.sub--Qxd-D li { margin-top: 10px; color: var(--theme-text-tertiary); font-size: var(--md-small-text-font-size); font-style: normal; font-weight: 400; line-height: normal; position: relative; padding-left: 14px } .video-summarize-highlights-1UAXgR ul.sub--Qxd-D li:before { content: ""; width: 4px; height: 4px; border-radius: 50%; border: 1px solid var(--theme-icon-quaternary); position: absolute; left: 0; top: 7px } .saved-memo-reply-memo-item-qA96wB { border-radius: 12px; border: 1px solid var(--theme-border-primary) } .sources-WGaxUz { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 4px } .sources-WGaxUz .source-title-7seVL- { color: var(--theme-icon-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; margin-right: 4px } .sources-WGaxUz .source-item-OLlg1O { min-width: 20px; padding: 2px 8px } .chat-pdf-entry-zx3miS { display: flex; margin-top: 12px; min-width: 316px; width: max-content; max-width: 100% } .feedback-7KmKw2 { font-size: var(--md-extra-small-text-font-size); line-height: var(--md-extra-small-text-line-height); color: var(--theme-text-quaternary); margin-top: 8px } .feedback-7KmKw2 .feedback-btn-bVbK9- { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-link) } .feedback-7KmKw2 .feedback-btn-bVbK9-:hover, .feedback-7KmKw2 .feedback-btn-bVbK9-:active { text-decoration: underline; background: none } .feedback-7KmKw2 .feedback-btn-bVbK9-:hover, .feedback-7KmKw2 .feedback-btn-bVbK9-:active { color: var(--theme-text-link-active) } .document-status-WslIN0 { display: flex; align-items: center; gap: 4px; color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px } .search-tips-z-o2Qo { display: flex; gap: 4px; color: var(--theme-text-primary); font-size: 12px; font-weight: 400; line-height: 18px; cursor: pointer } .search-tips-z-o2Qo:hover { opacity: .8 } .search-tips-z-o2Qo .search-product-JFfnXQ { display: flex; align-items: center; gap: 4px; color: var(--theme-btn-fill-primary-hover); font-size: 12px; font-weight: 500; line-height: 18px } .search-tips-z-o2Qo .search-product-JFfnXQ .search-logo-4s0P8U { width: 12px; height: 12px } .ai-content-detect-724nfZ { max-width: 500px } .ad-user-alert-Vg7FvS { display: flex; flex-direction: column; padding: 18px 24px 24px } .ad-user-alert-Vg7FvS .header-lAPNQZ { color: var(--theme-text-primary); font-size: 18px; font-style: normal; line-height: 28px; font-weight: 600; margin-bottom: 8px } .ad-user-alert-Vg7FvS .btn-631Y4w { margin-top: 24px } .invite-btn-uKN1r9 { width: 100% } .basic-query-countdown-dialog-rGgdf6 { visibility: visible; padding: 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px } .basic-query-countdown-dialog-rGgdf6 .header-UGbHK9 { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .basic-query-countdown-dialog-rGgdf6 .header-UGbHK9 .title-1H97r5 { color: var(--theme-icon-primary); font-size: 16px; font-weight: 700; line-height: 24px } .basic-query-countdown-dialog-rGgdf6 .header-UGbHK9 .close-dJATX4 { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: all .2s } .basic-query-countdown-dialog-rGgdf6 .header-UGbHK9 .close-dJATX4:hover { background-color: var(--theme-fill-tsp-components-secondary) } .basic-query-countdown-dialog-rGgdf6 .main-eVH44c { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px } .basic-query-countdown-dialog-rGgdf6 .main-eVH44c .main-tips-PsR887 { color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px } .basic-query-countdown-dialog-rGgdf6 .main-eVH44c .countdown-r-jW4w { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .basic-query-countdown-dialog-rGgdf6 .main-eVH44c .countdown-r-jW4w .countdown-item-tTKkNO { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 36px; height: 36px; color: var(--theme-icon-white-primary); font-size: 16px; font-weight: 700; line-height: 24px; border-radius: 12px; background: var(--theme-btn-fill-primary) } .basic-query-countdown-dialog-rGgdf6 .main-eVH44c .countdown-r-jW4w .colon-FaSNSz { color: var(--theme-icon-primary); font-size: 16px; font-weight: 700; line-height: 24px } .basic-query-countdown-dialog-rGgdf6 .main-eVH44c .get-more-tips-P8fQR- { color: var(--theme-icon-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .basic-query-countdown-dialog-rGgdf6 .main-eVH44c .get-more-tips-P8fQR- strong { color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px } .basic-query-countdown-dialog-rGgdf6 .footer-uwrgsJ { margin-top: 12px; width: 100% } .buy-credits-dialog-bnCz4d { position: relative; width: 100%; height: auto; max-height: 90%; max-width: calc(100vw - 20px) } .buy-credits-orS8-E { width: 100%; height: 100%; position: relative; padding: 20px 0 8px; display: flex; flex-direction: column; align-items: center; background: linear-gradient(180deg, var(--theme-gradient-brand-light) 0%, var(--theme-bg-white) 30%); gap: 12px } .buy-credits-orS8-E .logo-T8ussb { width: 120px; height: auto } .buy-credits-orS8-E .title-EIPZeX { padding: 0 20px; font-size: 20px; font-weight: 600; line-height: 30px; text-align: center; color: var(--theme-text-primary); white-space: pre-wrap } .content-7S3yEo { flex: 1 1 auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden; padding: 12px 20px; width: 100% } .content-7S3yEo::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .content-7S3yEo::-webkit-scrollbar-track { background: transparent } .content-7S3yEo::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .content-7S3yEo::-webkit-scrollbar-thumb:hover { background: #00000062 } .content-7S3yEo::-webkit-scrollbar-corner { background: transparent } .product-list-2RLcLs { display: flex; flex-direction: column; gap: 8px } .product-Vqle5S { width: 100%; padding: 16px; border-radius: 12px; border: 1px solid var(--theme-border-primary); cursor: pointer; background-color: var(--theme-bg-white) } .product-Vqle5S .head-t3APzF { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 8px; flex-wrap: wrap; position: relative; padding-right: 30px } .product-Vqle5S .head-t3APzF .credits-kS1EtQ { font-size: 16px; font-weight: 500; line-height: 22px; color: var(--theme-text-primary) } .product-Vqle5S .head-t3APzF .badge-SjsEPy { padding: 2px 8px; border-radius: 6px; display: inline-flex; align-items: center; gap: 2px; font-size: 12px; font-weight: 500; line-height: 18px; color: var(--theme-text-white-primary); background-color: var(--theme-btn-fill-primary) } .product-Vqle5S .head-t3APzF .checked-qjMG2B { position: absolute; top: 0; right: 0 } .product-Vqle5S .info-x8c2tk { margin-top: 4px; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-text-tertiary) } .product-Vqle5S .price-C64m47 { margin-top: 12px; font-size: 24px; font-weight: 600; line-height: 30px; color: var(--theme-text-primary) } .product-Vqle5S.active-TQ2k22 { background-color: var(--theme-fill-tsp-brand); border: 1px solid var(--theme-border-active) } .actions-iZIwnX { width: 100%; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px } .actions-iZIwnX .upgrade-btn-fnL-ZM { width: 100% } .actions-iZIwnX .view-btn-rasdHA { line-height: 36px; color: var(--theme-text-brand); transition: all .2s } .actions-iZIwnX .view-btn-rasdHA:hover { opacity: .7 } .close-btn-AbAKUF { width: 24px; height: 24px; position: absolute; right: 20px; top: 20px; backdrop-filter: blur(2px); border-radius: 50%; transition: all .2s; display: flex; align-items: center; justify-content: center; z-index: 1; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .close-btn-AbAKUF:hover { background: var(--theme-bg-white); color: var(--theme-text-brand) } .onboarding-dND7DN { position: relative; overflow: hidden; border: none; max-width: 100%; max-width: calc(100vw - 36px) } .onboarding-dND7DN.no-modal-JnKLGL { height: 100%; width: 100% } .onboarding-dND7DN.no-modal-JnKLGL .content-oZzNpz { width: 100%; height: 100% } .onboarding-dND7DN .image-list-FcF0EM { height: 100%; position: absolute; display: flex; align-items: center; pointer-events: none; z-index: 0 } .onboarding-dND7DN .image-list-FcF0EM .image-xCYsZx { position: absolute; top: 0; left: 0; height: 100%; opacity: 0; transition: opacity .3s ease-in-out } .onboarding-dND7DN .image-list-FcF0EM .image-xCYsZx.active-acFdv6 { opacity: 1 } .onboarding-dND7DN .content-oZzNpz { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 32px; height: 100% } .onboarding-dND7DN .content-oZzNpz .top-nHCGP- { display: flex; flex-direction: column; gap: 8px } .onboarding-dND7DN .content-oZzNpz .top-nHCGP- .header-ona6eg { display: flex; align-items: center; justify-content: space-between } .onboarding-dND7DN .content-oZzNpz .top-nHCGP- .header-ona6eg .title-OHq-sA { padding: 10px 16px; gap: 10px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, .3); color: #fff } .onboarding-dND7DN .content-oZzNpz .top-nHCGP- .header-ona6eg .step-control-KalS6E { display: flex; align-items: center; gap: 8px } .onboarding-dND7DN .content-oZzNpz .top-nHCGP- .header-ona6eg .step-control-KalS6E .step-oKIC6D { display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(0, 0, 0, .15); color: #fff; width: 40px; height: 40px; cursor: pointer; transition: all .1s ease-in-out; backdrop-filter: blur(10px) } .onboarding-dND7DN .content-oZzNpz .top-nHCGP- .header-ona6eg .step-control-KalS6E .step-oKIC6D:hover { background: rgba(0, 0, 0, .3) } .onboarding-dND7DN .content-oZzNpz .top-nHCGP- .header-ona6eg .step-control-KalS6E .step-oKIC6D.disabled-a452hA { opacity: .5; cursor: not-allowed } .onboarding-dND7DN .content-oZzNpz .top-nHCGP- .desc-Zsqh0x { color: #fff; font-size: 24px; font-weight: 500; line-height: 36px; white-space: pre-wrap } .onboarding-dND7DN .content-oZzNpz .bottom-pZMQHH { display: flex; flex-direction: column; align-items: center; gap: 24px } .onboarding-dND7DN .content-oZzNpz .bottom-pZMQHH .mock-input-L88Y-J { width: 100%; height: 60px; padding: 0 12px; gap: 12px; display: flex; align-items: center; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)), 0 0 1px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)); pointer-events: none; justify-content: space-between } .onboarding-dND7DN .content-oZzNpz .bottom-pZMQHH .mock-input-L88Y-J .text-PFI7in { color: #262626; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .onboarding-dND7DN .content-oZzNpz .bottom-pZMQHH .mock-input-L88Y-J .send-btn-CYq626 { display: flex; justify-content: center; align-items: center; padding: 6px; border-radius: 8px; background: var(--theme-btn-tsp-brand); color: var(--text-brand) } .onboarding-dND7DN .content-oZzNpz .bottom-pZMQHH .close-btn-90Ch8d { display: flex; align-items: center; justify-content: center; border-radius: 12px; height: 48px; backdrop-filter: blur(10px); padding: 0 24px; min-width: 50%; background-color: #0000004d; color: #fff; cursor: pointer; transition: background-color .1s ease-in-out } .onboarding-dND7DN .content-oZzNpz .bottom-pZMQHH .close-btn-90Ch8d:hover { background-color: #00000080 } .subscription-list-7O3uH0 { width: 100% } .subscription-list-7O3uH0.bordered-C7rPq- { border-radius: 12px; border: 1px solid var(--theme-border-primary) } .subscription-list-7O3uH0 .subscription-item-WLraE- { border-bottom: 1px solid var(--theme-border-primary) } .subscription-list-7O3uH0 .subscription-item-WLraE-:last-child { border-bottom: none } .subscription-item-WLraE- { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 6px; padding: 16px; position: relative } .subscription-item-WLraE-.bordered-C7rPq- { border-radius: 12px; border: 1px solid var(--theme-border-primary) } .subscription-item-WLraE-.radio-he8Ak0 { cursor: pointer; user-select: none; padding-left: 48px } .subscription-item-WLraE- .radio-box-RndnYB { position: absolute; top: 16px; left: 16px } .subscription-item-WLraE- .header-YauUh8 { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 16px; white-space: nowrap; row-gap: 2px } .subscription-item-WLraE- .header-YauUh8 .name-box-b2jTsK { flex: 1 1 auto; display: inline-flex; align-items: center; gap: 8px } .subscription-item-WLraE- .header-YauUh8 .name-box-b2jTsK .name-to-u79 { font-weight: 600; font-size: 16px; line-height: 22px; color: var(--theme-text-primary) } .subscription-item-WLraE- .header-YauUh8 .trial-tip-RxhPyO { flex: 1 1 auto; text-align: right; font-weight: 600; font-size: 16px; line-height: 22px; color: var(--theme-text-brand); overflow: hidden; text-overflow: ellipsis } .subscription-item-WLraE- .header-YauUh8 .discount-RlUWN4 { border-radius: 4px; font-weight: 600; font-size: 12px; line-height: 14px; padding: 4px 6px; background: linear-gradient(97.05deg, #615AFE 0%, #BA7AFF 99.17%); color: var(--theme-text-white-primary) } .subscription-item-WLraE- .footer-XUfHGu { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 16px; justify-content: flex-start } .subscription-item-WLraE- .footer-XUfHGu .current-price--RMgV8 { font-weight: 500; font-size: 14px; line-height: 20px; color: var(--theme-text-primary) } .subscription-item-WLraE- .footer-XUfHGu .origin-price-AECoAH { font-weight: 500; font-size: 14px; line-height: 20px; color: var(--theme-text-quaternary); text-decoration: line-through } .subscription-item-WLraE-.black5-JkeY3n .header-YauUh8 .name-box-b2jTsK .discount-RlUWN4 { display: none } .subscription-item-WLraE-.black5-JkeY3n .footer-XUfHGu { gap: 8px } .subscription-item-WLraE-.black5-JkeY3n .footer-XUfHGu .current-price--RMgV8 { font-size: 16px; line-height: 20px } .subscription-item-WLraE-.black5-JkeY3n .footer-XUfHGu .origin-price-AECoAH { background-color: #404040; border-radius: 8px; padding: 4px 8px; color: var(--theme-text-primary) } .subscription-item-WLraE-.black5-JkeY3n.recommend-cFuP58 .footer-XUfHGu { gap: 4px } .subscription-item-WLraE-.black5-JkeY3n.recommend-cFuP58 .footer-XUfHGu .current-price--RMgV8 { color: #ffd335; font-size: 20px; line-height: 24px } .subscription-item-WLraE-.black5-JkeY3n.recommend-cFuP58 .footer-XUfHGu .current-price--RMgV8 .unit-T5Hc3d { display: inline-block; transform: translate(-4px) scale(.7); color: var(--theme-text-primary) } .upgrade-plan-card-MOnoA1 { --gap: 12px; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; gap: 24px; padding-top: var(--gap) } .upgrade-plan-card-MOnoA1.card-style-arxyen { --gap: 12px; height: auto } .upgrade-plan-card-MOnoA1.card-style-arxyen .features-LlsEso { margin-right: -18px; padding-right: 18px } .upgrade-plan-card-MOnoA1.card-style-arxyen .plan-card-cQDA8u { width: 100%; border-radius: 16px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); padding: 20px 24px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 16px } .upgrade-plan-card-MOnoA1 .plan-card-cQDA8u { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 24px; flex: 1; min-height: 0 } .upgrade-plan-card-MOnoA1 .feature-box-pyevM8 { position: relative; width: 100%; flex: 1; min-height: 0; display: flex } .upgrade-plan-card-MOnoA1 .feature-box-pyevM8 .mask-box-faLAkZ { position: absolute; left: 0; bottom: -2px; width: 100%; pointer-events: none; transition: all .2s } .upgrade-plan-card-MOnoA1 .feature-box-pyevM8 .mask-box-faLAkZ .mask-w7YF2G { width: 100%; height: 40px; background: linear-gradient(transparent, var(--theme-bg-white)) } .upgrade-plan-card-MOnoA1 .actions-2cVVY3 { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; margin-top: auto } .upgrade-plan-card-MOnoA1 .actions-2cVVY3 .upgrade-btn--CwOel { width: 100% } .upgrade-plan-card-MOnoA1 .actions-2cVVY3 .view-btn--MtpUt { line-height: 36px; color: var(--theme-text-brand); transition: all .2s } .upgrade-plan-card-MOnoA1 .actions-2cVVY3 .view-btn--MtpUt:hover { opacity: .7 } .features-LlsEso { position: relative; flex: 1; width: 100%; display: flex; flex-direction: column; gap: var(--gap); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .features-LlsEso::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .features-LlsEso::-webkit-scrollbar-track { background: transparent } .features-LlsEso::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .features-LlsEso::-webkit-scrollbar-thumb:hover { background: #00000062 } .features-LlsEso::-webkit-scrollbar-corner { background: transparent } .features-LlsEso .feature-D2vKFG { position: relative; border-radius: 12px; border: 1px solid transparent; display: flex; gap: 8px } .features-LlsEso .feature-D2vKFG .lt-MDzyEd { display: flex; flex-shrink: 0 } .features-LlsEso .feature-D2vKFG .rt-IUWTPE { display: flex; flex-direction: column; flex: 1; min-width: 0 } .features-LlsEso .feature-D2vKFG .rt-IUWTPE .feature-title-box-rqUlX6 { display: flex; align-items: center } .features-LlsEso .feature-D2vKFG .rt-IUWTPE .feature-title-zxp9gC { flex: 1; min-width: 0; font-size: 14px; font-weight: 500; line-height: 20px } .features-LlsEso .feature-D2vKFG .rt-IUWTPE .feature-title-zxp9gC .tip-box-oNhjD- { display: inline-block; font-size: 0; line-height: 0; position: relative; top: 2px; margin-left: 4px; color: var(--theme-icon-tertiary); cursor: help } .features-LlsEso .feature-D2vKFG .rt-IUWTPE .feature-icons-lBQEdW { display: flex } .features-LlsEso .feature-D2vKFG .rt-IUWTPE .feature-icons-lBQEdW .icon-ZSPBFU { width: 28px; height: 28px; border-radius: 28px; display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 0 2px 8px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s3); background: #fff; color: var(--theme-icon-primary) } .features-LlsEso .feature-D2vKFG .rt-IUWTPE .feature-icons-lBQEdW .icon-ZSPBFU .img-eb0mGG { overflow: hidden; border-radius: 50% } .features-LlsEso .feature-D2vKFG .rt-IUWTPE .feature-icons-lBQEdW .icon-ZSPBFU .img-eb0mGG img { object-fit: contain } .features-LlsEso .feature-D2vKFG .rt-IUWTPE .feature-icons-lBQEdW .icon-ZSPBFU:not(:first-child) { margin-left: -4px } .features-LlsEso .feature-D2vKFG .rt-IUWTPE .feature-desc-jrR4GX { color: var(--theme-text-tertiary); font-size: 13px; line-height: 20px } ._monica-dark .feature-icons-lBQEdW .icon-ZSPBFU { background: #2d2d2f !important } .image-tool-upgrade-dialog-s8eEat { border-radius: 16px; box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); overflow: hidden; display: flex; gap: 16px; flex-direction: column; padding: 32px 24px 24px } .image-tool-upgrade-dialog-s8eEat.mini-mode-r88AK3 .main-7sMzIG .right-ajFDOO { min-width: auto } .image-tool-upgrade-dialog-s8eEat .header-tjmMwe { display: flex; flex-direction: column; gap: 4px } .image-tool-upgrade-dialog-s8eEat .header-tjmMwe .title-ncIMTH { color: var(--theme-text-primary); text-align: center; font-size: 24px; font-weight: 600; line-height: 30px; display: flex; align-items: center; gap: 8px; justify-content: center } .image-tool-upgrade-dialog-s8eEat .header-tjmMwe .description-wxCrzS { color: var(--theme-text-tertiary); text-align: center; font-size: 16px; font-weight: 500; line-height: 22px } .image-tool-upgrade-dialog-s8eEat .main-7sMzIG { width: 100%; display: flex; gap: 10px; overflow: hidden; flex: 2 } .image-tool-upgrade-dialog-s8eEat .main-7sMzIG .left-DR4ZqQ { flex: 4; display: flex; align-items: center; border-radius: 12px; overflow: hidden } .image-tool-upgrade-dialog-s8eEat .main-7sMzIG .right-ajFDOO { flex: 3; min-width: 500px; display: flex; flex-direction: column; background: var(--theme-bg-white); padding: 32px 24px 12px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; border-radius: 16px; border: 1px solid var(--theme-border-primary); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .image-tool-upgrade-dialog-s8eEat .main-7sMzIG .right-ajFDOO::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .image-tool-upgrade-dialog-s8eEat .main-7sMzIG .right-ajFDOO::-webkit-scrollbar-track { background: transparent } .image-tool-upgrade-dialog-s8eEat .main-7sMzIG .right-ajFDOO::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .image-tool-upgrade-dialog-s8eEat .main-7sMzIG .right-ajFDOO::-webkit-scrollbar-thumb:hover { background: #00000062 } .image-tool-upgrade-dialog-s8eEat .main-7sMzIG .right-ajFDOO::-webkit-scrollbar-corner { background: transparent } .dialog-wrapper-yQMYF8 { z-index: 1200 } .resubscribe-dialog-T6Q5hE { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 12px; padding: 12px 20px 20px } .resubscribe-dialog-T6Q5hE .title-okKH6t { width: 100%; color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px } .resubscribe-dialog-T6Q5hE .banner-FkA4N3 { -webkit-user-drag: none; width: 100%; border-radius: 12px } .resubscribe-dialog-T6Q5hE .features-G2PPEF { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; align-items: flex-start; width: 100% } .resubscribe-dialog-T6Q5hE .features-G2PPEF .feature-fSesl6 { display: flex; width: 100%; gap: 4px } .resubscribe-dialog-T6Q5hE .features-G2PPEF .feature-fSesl6 .icon-JmfrBA { margin-top: 3px } .resubscribe-dialog-T6Q5hE .features-G2PPEF .feature-fSesl6 .feature-text-oKVxsm { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .resubscribe-dialog-T6Q5hE .button-Ej3trv { width: 100%; margin-top: 8px } .translate-upgrade-dialog-dieB95 { padding: 20px; display: flex; flex-direction: column; gap: 20px; border-radius: 20px; background: linear-gradient(170deg, #f2f1fe 7.7%, rgba(243, 243, 251, .5) 93.39%), var(--theme-bg-menu-white, #fff); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)), 0 0 1px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)) } .translate-upgrade-dialog-dieB95 .header-f08TJ9 { text-align: center; color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px } .translate-upgrade-dialog-dieB95 .header-f08TJ9 .mark-M9q8Tc { background-image: linear-gradient(237deg, #8328de -.34%, #4d2f35 92.64%); background-clip: text; -webkit-background-clip: text; color: transparent } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp { display: flex; gap: 16px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .left-wWVmqz, .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .upgrade-card-7H2Bve { flex: 1; background: var(--theme-bg-white); border-radius: 12px; padding: 12px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .right-qZmr-2 { flex: 1; display: flex; flex-direction: column; gap: 10px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .upgrade-card-7H2Bve { display: flex; flex-direction: column; gap: 12px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .features-rjSjsl { display: flex; flex-direction: column; gap: 8px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .features-rjSjsl .feature-item-2JsN39 { display: flex; gap: 8px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .features-rjSjsl .feature-item-2JsN39 .lt-W5XVjG { padding-top: 3px; display: flex; align-items: flex-start } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .features-rjSjsl .feature-item-2JsN39 .rt-I3aB94 { display: flex; flex-direction: column } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .features-rjSjsl .feature-item-2JsN39 .rt-I3aB94 .feature-title-10cDD3 { color: var(--theme-text-primary); font-weight: 500; font-size: 14px; line-height: 22px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .features-rjSjsl .feature-item-2JsN39 .rt-I3aB94 .feature-desc-kRTIkH { color: var(--theme-text-tertiary); font-size: 12px; line-height: 18px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .plan-ljvfcd { display: flex; flex-direction: column; gap: 6px; padding: 12px 16px; border-radius: 12px; background: var(--theme-bg-gray-secondary); border: 1px solid var(--theme-btn-border-primary) } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .plan-ljvfcd .header-f08TJ9 { display: flex; justify-content: space-between; align-items: center } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .plan-ljvfcd .header-f08TJ9 .name-Xgagft { color: var(--theme-text-brand); font-size: 14px; font-weight: 500; line-height: 22px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .plan-ljvfcd .header-f08TJ9 .discount-j7SQpx { padding: 4px 8px; border-radius: 8px; background: var(--theme-btn-fill-tertiary); color: var(--theme-text-brand); font-size: 14px; font-weight: 500; line-height: 22px; margin-top: -3px; margin-right: -6px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .plan-ljvfcd .current-price-T5ZiqD { color: var(--theme-text-primary); font-size: 32px; font-weight: 590; line-height: 40px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .plan-ljvfcd .current-price-T5ZiqD .unit-5lB9Pu { margin-left: 3px; font-size: 14px; font-weight: 500; line-height: 22px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .plan-ljvfcd .origin-price-nfw6b7 { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 500; line-height: 22px; text-decoration-line: line-through; opacity: .6 } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .plan-ljvfcd .trial-tip-NH5TI4 { color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px; opacity: .6 } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .footer-LaC1ct { display: flex; flex-direction: column } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .footer-LaC1ct .hints-8jIDHP { display: flex; gap: 12px; justify-content: center; align-items: center; padding: 5px 0 } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .footer-LaC1ct .hints-8jIDHP .hint-qtrfw6 { color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .footer-LaC1ct .actions-whrs1V { display: flex; flex-direction: column; align-items: center; gap: 4px; padding-top: 4px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .footer-LaC1ct .actions-whrs1V .upgrade-btn-24hF3g { width: 100% } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .footer-LaC1ct .actions-whrs1V .view-btn-WFREFG { margin-top: 4px; color: var(--theme-text-brand); font-size: 12px; font-weight: 500; line-height: 18px } .translate-upgrade-dialog-dieB95 .main-6Dz-Dp .footer-LaC1ct .actions-whrs1V .view-btn-WFREFG:hover { text-decoration: underline } .translate-upgrade-dialog-dieB95 .driver-nxGNqp { width: 100%; height: 1px; background: var(--theme-border-primary) } .translate-upgrade-dialog-dieB95 .title-JsYVt- { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 10px } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .model-compare-m--5ps { flex: 1; border-radius: 12px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-gray-secondary); overflow: hidden } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .model-compare-m--5ps .model-list-LMYmQI { display: flex } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .model-compare-m--5ps .model-list-LMYmQI .model-item-TiDXko { padding: 20px 0; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 14px; font-weight: 700; flex: 1; color: var(--theme-text-tertiary); line-height: 22px; font-weight: 500 } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .model-compare-m--5ps .model-list-LMYmQI .model-item-TiDXko.gpt-item-YGH8nF { position: relative; display: flex; gap: 6px; color: var(--theme-text-primary); border: 1px solid var(--theme-border-white); border-top-left-radius: 8px; background: linear-gradient(to bottom, rgba(247, 237, 255, .3), #ffffff); box-shadow: 0 -1px 6px #0000000d } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .model-compare-m--5ps .model-list-LMYmQI .model-item-TiDXko.gpt-item-YGH8nF:before { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, .5), transparent); pointer-events: none } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .model-compare-m--5ps .model-list-LMYmQI .model-item-TiDXko.gpt-item-YGH8nF .gpt-image-d0-ZZW { width: 20px; height: 20px; border-radius: 3px; overflow: hidden } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .example-list-S2-0hM .example-item-mbn5EO { border-top: 1px solid var(--theme-border-light) } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .example-list-S2-0hM .origin-text-H-UKl- { padding: 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-text-secondary); font-size: 12px; font-weight: 400; line-height: 18px } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .example-list-S2-0hM .translate-text-VZLY35 { display: flex; border-top: 1px solid var(--theme-border-light) } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .example-list-S2-0hM .translate-text-VZLY35 .gpt-text-DFjbou, .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .example-list-S2-0hM .translate-text-VZLY35 .freeText-DknmJ1 { flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; padding: 14px 12px; min-height: 90px; height: max-content } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .example-list-S2-0hM .translate-text-VZLY35 .gpt-text-DFjbou .text-content--cJ9F2, .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .example-list-S2-0hM .translate-text-VZLY35 .freeText-DknmJ1 .text-content--cJ9F2 { flex: 1; font-size: 12px; font-weight: 500; line-height: 18px; text-align: center } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .example-list-S2-0hM .translate-text-VZLY35 .gpt-text-DFjbou { color: var(--theme-text-primary); border-right: 1px solid var(--theme-border-light); background: #faf6ff } .translate-upgrade-dialog-dieB95 .translate-example-M6Qyve .example-list-S2-0hM .translate-text-VZLY35 .freeText-DknmJ1 { color: var(--theme-text-tertiary) } .translate-upgrade-dialog-dieB95 .immersive-translation-1yVB3y { display: flex } ._monica-dark .gpt-text-DFjbou { background: #2a1f49 !important } ._monica-dark .header-f08TJ9 .mark-M9q8Tc { background-image: linear-gradient(240deg, #dabef5 8.55%, #f3eaec 90.15%) } ._monica-dark .gpt-item-YGH8nF { background: #f5f5f5 Im !important; background-image: linear-gradient(to bottom right, #32225f, #202020) !important; box-shadow: 0 -1px 6px #0000000d !important } ._monica-dark .gpt-item-YGH8nF:before { background: linear-gradient(to bottom right, rgba(50, 34, 95, .1), rgba(32, 32, 32, .1)) !important } .unlimited-query-over-limit-dialog-M26QTq { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; padding: 20px; align-items: flex-start } .unlimited-query-over-limit-dialog-M26QTq .title-0jG5-- { color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 590; line-height: 28px } .unlimited-query-over-limit-dialog-M26QTq .description-4LHIff { color: var(--theme-text-secondary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .unlimited-query-over-limit-dialog-M26QTq .footer-i6uXgs { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-end; gap: 8px; width: 100%; padding-top: 8px } .countdown-A6068P { display: inline-flex; align-items: center; gap: 4px; color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; user-select: none } .countdown-A6068P .item-C-BtAY { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 6px; background: var(--theme-btn-fill-tertiary); color: var(--theme-text-brand) } .promotion-text-MrEM3h { color: var(--theme-text-tertiary); font-size: 16px; font-weight: 400; line-height: 30px; text-align: center } .promotion-text-MrEM3h .bold-x6lvsl { color: var(--theme-text-brand) } .promotion-text-MrEM3h .prefix-icon-6A0yoV { width: 32px; height: 32px; margin-right: 4px; margin-top: -14px; position: relative; top: 10px } .promotion-text-MrEM3h .prefix-icon-6A0yoV img { object-fit: cover } .promotion-text-holder-Tao7oX { min-height: 28px } .countdown-ORaKUn { margin-left: 4px } .promotion-text-MrEM3h.upgrade-dialog-GaXZUp { font-size: 14px; line-height: 22px } .promotion-text-MrEM3h.upgrade-dialog-GaXZUp .countdown-ORaKUn .item-ckBtKf { background: var(--theme-bg-menu-white); flex: 0 0 24px; width: 24px; height: 24px } .logo-WBGFUC { width: 120px; height: 80px; display: block; margin: 0 auto } .title-kCTL24 { color: var(--theme-text-primary); text-align: center; font-size: 20px; font-weight: 600; line-height: 30px; margin-top: 12px } .title-kCTL24 mark { background: linear-gradient(90deg, #6841ea 54.75%, #ff81fb 82.58%); background-clip: text; -webkit-background-clip: text; color: transparent } .upgrade-drawer-ALbPrp { padding: 20px; border: none !important; height: auto !important } .upgrade-drawer-ALbPrp .close-btn-Koz6DS { right: 0; top: 0 } .upgrade-drawer-ALbPrp .upgrade-drawer-body-9usBMU { display: flex; flex-direction: column; overflow: unset } .upgrade-drawer-ALbPrp .upgrade-drawer-body-9usBMU .body-rutjAe { flex: 1; min-height: 0; display: flex; flex-direction: column } .upgrade-drawer-ALbPrp .upgrade-drawer-body-9usBMU .body-rutjAe .upgrade-plan-card-mYSD3C { width: 100%; flex: 1; min-height: 0 } .upgrade-drawer-ALbPrp, .upgrade-dialog-qhGd-x { background: linear-gradient(180deg, rgba(255, 255, 255, .2) 0%, #fff 28.93%), linear-gradient(107deg, #ffdbd4 -.04%, #f4ceff 82.96%) !important; border: none !important } .upgrade-drawer-ALbPrp._monica-act-back-to-school, .upgrade-dialog-qhGd-x._monica-act-back-to-school { background: linear-gradient(180deg, rgba(255, 255, 255, .2) 0%, #ffffff 28.93%), linear-gradient(107.39deg, #b8def1 -.04%, #b8e2f6 82.96%) !important } .dialog-wrap-FXyLl- { z-index: 1040 } .upgrade-dialog-qhGd-x { position: relative; width: 100%; height: auto; max-height: 94%; max-width: calc(100vw - 20px); padding: 20px 24px; display: flex; flex-direction: column } .upgrade-dialog-qhGd-x .title-kCTL24 { line-height: 125% } .upgrade-dialog-qhGd-x .dialog-tips-0LytT0 { margin-top: 4px; color: var(--theme-text-quaternary); text-align: center; font-size: 16px; font-weight: 600; line-height: 22px } .upgrade-dialog-qhGd-x .upgrade-plan-card-mYSD3C { width: 100%; flex: 1; min-height: 0 } .close-btn-Koz6DS { width: 24px; height: 24px; position: absolute; right: 20px; top: 20px; backdrop-filter: blur(2px); border-radius: 50%; transition: all .2s; display: flex; align-items: center; justify-content: center; z-index: 1; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .close-btn-Koz6DS:hover { background: var(--theme-bg-white); color: var(--theme-text-brand) } .promotion-text-Faduo5 { width: max-content; max-width: 100%; margin: 12px auto 0 } ._monica-dark .upgrade-drawer-ALbPrp, ._monica-dark .upgrade-dialog-qhGd-x { background: linear-gradient(180deg, rgba(30, 30, 30, .2) 0%, #1e1e1e 28.93%), linear-gradient(107deg, #371913 -.04%, #521e61 82.96%) !important } ._monica-dark .title-kCTL24 mark { background: linear-gradient(90deg, #9870ff 42.98%, #f97ffb 78.99%); background-clip: text } .install-guide-dialog-FCziIb { padding: 56px 48px 34px; display: flex; justify-content: center; align-items: center; flex-direction: column } .install-guide-dialog-FCziIb .title-SH3SVF { font-weight: 600 !important } .install-guide-dialog-FCziIb .content-0clXrd { margin-top: 12px; text-align: center; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--theme-text-secondary) } .install-guide-dialog-FCziIb .button-7maA8X { width: 260px; margin-top: 32px; gap: 8px; height: 44px } .install-guide-dialog-FCziIb .button-7maA8X .img-5603H- { width: 24px; border-radius: 12px } .web-translate-upgrade-dialog-cLos0P { padding: 0; display: flex; border-radius: 16px; box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); overflow: hidden } .web-translate-upgrade-dialog-cLos0P .main-SjrLFU { width: 100%; height: 100%; display: flex } .web-translate-upgrade-dialog-cLos0P .main-SjrLFU .left-dJl6uC { flex: 4; background: var(--theme-fill-tsp-brand); display: flex; align-items: center; padding: 32px } .web-translate-upgrade-dialog-cLos0P .main-SjrLFU .right-Qn-eW1 { flex: 3; min-width: 500px; display: flex; flex-direction: column; background: var(--theme-bg-white); padding: 32px 24px 12px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .web-translate-upgrade-dialog-cLos0P .main-SjrLFU .right-Qn-eW1::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .web-translate-upgrade-dialog-cLos0P .main-SjrLFU .right-Qn-eW1::-webkit-scrollbar-track { background: transparent } .web-translate-upgrade-dialog-cLos0P .main-SjrLFU .right-Qn-eW1::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .web-translate-upgrade-dialog-cLos0P .main-SjrLFU .right-Qn-eW1::-webkit-scrollbar-thumb:hover { background: #00000062 } .web-translate-upgrade-dialog-cLos0P .main-SjrLFU .right-Qn-eW1::-webkit-scrollbar-corner { background: transparent } .web-translate-upgrade-dialog-cLos0P .main-SjrLFU .right-Qn-eW1 .title-bXjC5G { font-size: 24px; font-weight: 600; line-height: 30px; color: var(--theme-text-primary) } .web-translate-upgrade-dialog-cLos0P .main-SjrLFU .right-Qn-eW1 .title-bXjC5G b { color: var(--theme-text-brand) } .web-translate-upgrade-dialog-cLos0P .main-SjrLFU .right-Qn-eW1 .more-eNk27r { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--theme-text-tertiary); margin-top: 24px; margin-bottom: -8px; z-index: 1 } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; gap: 24px } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .title-bXjC5G { font-size: 20px; font-weight: 600; line-height: 26px; color: var(--theme-text-primary); text-align: center } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .model-compare-pcaEt- { border-radius: 12px; border: 1px solid var(--theme-border-primary); overflow: hidden } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .model-compare-pcaEt- .model-list-oek8gm { display: flex } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .model-compare-pcaEt- .model-list-oek8gm .model-item-YKORJC { padding: 20px 0; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 14px; font-weight: 700; flex: 1; color: var(--theme-text-tertiary); background: var(--theme-fill-btn-secondary); line-height: 22px; font-weight: 500 } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .model-compare-pcaEt- .model-list-oek8gm .model-item-YKORJC.gpt-item-XNU47m { position: relative; display: flex; gap: 6px; color: var(--theme-text-primary); border: 1px solid var(--theme-border-white); border-top-left-radius: 8px; background: var(--theme-bg-menu-white); box-shadow: 0 -1px 6px #0000000d } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .model-compare-pcaEt- .model-list-oek8gm .model-item-YKORJC.gpt-item-XNU47m .gpt-image-rRF1mH { width: auto; height: 20px; border-radius: 3px; overflow: hidden } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .example-list-CWX4zA .example-item-yodE59 { border-top: 1px solid var(--theme-border-light) } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .example-list-CWX4zA .origin-text-M3A-wd { padding: 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-text-secondary); font-size: 12px; font-weight: 400; line-height: 18px; background: var(--theme-fill-white) } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .example-list-CWX4zA .translate-text-yPVr-k { display: flex; border-top: 1px solid var(--theme-border-light) } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .example-list-CWX4zA .translate-text-yPVr-k .gpt-text-ZiI-Tz, .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .example-list-CWX4zA .translate-text-yPVr-k .freeText-aGurp2 { flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; padding: 14px 12px; min-height: 90px; height: max-content } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .example-list-CWX4zA .translate-text-yPVr-k .gpt-text-ZiI-Tz .text-content-VzDOfy, .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .example-list-CWX4zA .translate-text-yPVr-k .freeText-aGurp2 .text-content-VzDOfy { flex: 1; font-size: 12px; font-weight: 500; line-height: 18px; text-align: center } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .example-list-CWX4zA .translate-text-yPVr-k .gpt-text-ZiI-Tz { color: var(--theme-text-primary); border-right: 1px solid var(--theme-border-light); background: var(--theme-bg-menu-white) } .web-translate-upgrade-dialog-cLos0P .translate-example-UFNQ9u .example-list-CWX4zA .translate-text-yPVr-k .freeText-aGurp2 { background: var(--theme-fill-btn-secondary); color: var(--theme-text-tertiary) } .web-translate-upgrade-dialog-cLos0P .immersive-translation-J66Mc5 { display: flex } .dialog-wrapper-acssRx { z-index: 1200 } .chat-bubble-qrN1FW { display: inline-flex; position: relative; max-width: 100%; min-width: 40px; transition: box-shadow .2s; box-shadow: var(--theme-box-shadow-s1); flex-direction: column } .chat-bubble-qrN1FW:not(.no-shadow-HGk70v):hover { box-shadow: var(--theme-box-shadow-s2) } .chat-bubble-qrN1FW.no-shadow-HGk70v { box-shadow: none } .chat-bubble-qrN1FW.no-shadow-HGk70v:not(.right-D40sTp) { border: 1px solid var(--theme-border-primary) } .chat-bubble-qrN1FW.clickable-LtcvcI { cursor: pointer } .chat-bubble-qrN1FW.right-D40sTp { border-radius: 20px 4px 20px 20px; background-color: var(--theme-fill-tsp-components-secondary); align-self: flex-end; color: var(--theme-text-secondary); white-space: pre-wrap } .chat-bubble-qrN1FW.right-D40sTp .speaking-icon-16oyWP { right: -8px } .chat-bubble-qrN1FW.left-ig-A-H { border-radius: 4px 20px 20px; color: var(--theme-icon-primary); background-color: var(--theme-bg-white); align-self: flex-start } .chat-bubble-qrN1FW.left-ig-A-H .speaking-icon-16oyWP { left: -8px } .chat-bubble-qrN1FW.scene-welcome-HytdcM { background-color: var(--theme-fill-tsp-blue); color: var(--theme-icon-primary) } .chat-bubble-qrN1FW.scene-suggestion-7-7RiK { background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-text-primary); cursor: pointer } .chat-bubble-qrN1FW.with-footer-7RpNQg .content-xlVfyp { padding-bottom: 6px; border-bottom: 1px solid var(--theme-bg-gray-secondary) } .chat-bubble-qrN1FW.with-badge-WBkG0r .content-xlVfyp { padding-top: 24px } .chat-bubble-qrN1FW .content-xlVfyp { padding: 8px 12px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; word-break: break-word; text-align: left } .chat-bubble-qrN1FW .content-xlVfyp .title-sHZQkp { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; justify-content: left; color: var(--theme-icon-quaternary) } .chat-bubble-qrN1FW .content-xlVfyp .title-sHZQkp .title-icon-sDnMs1 { width: 16px; height: 16px; display: inline-flex; align-items: center } .chat-bubble-qrN1FW .content-xlVfyp .title-sHZQkp .title-text--Rgfuw { flex: 1; min-width: 0px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; height: 22px } .chat-bubble-qrN1FW .content-xlVfyp .title-sHZQkp .title-text--Rgfuw .title-text-icon-gfDXrN { vertical-align: middle; margin-left: 4px; display: inline-block; width: 16px; height: 16px; margin-top: -2px } .chat-bubble-qrN1FW .badge-3eH0Ap { position: absolute; left: 0; top: 0; border-radius: 4px 0 12px; background-color: var(--theme-bg-gray-secondary); padding: 0 8px; height: 20px; min-height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2px; display: inline-flex; color: var(--theme-icon-quaternary); font-size: 12px; line-height: 20px } .chat-bubble-qrN1FW .close-pLdQ3l { position: absolute; right: -5px; top: -5px; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; background-color: var(--theme-icon-quaternary); color: var(--theme-icon-white-primary); transition: all .1s ease } .chat-bubble-qrN1FW .close-pLdQ3l:hover { background-color: var(--theme-btn-fill-primary) } .chat-bubble-qrN1FW .speaking-icon-16oyWP { position: absolute; top: -8px; background: white; z-index: 200; width: 20px; height: 20px; border-radius: 20px; display: inline-flex; justify-content: center; align-items: center; border: 1px solid var(--theme-icon-disable); cursor: pointer; transition: all .1s ease } .chat-bubble-qrN1FW .speaking-icon-16oyWP:hover { background-color: #ff3d00; border-color: #ff3d00 } .chat-bubble-qrN1FW .speaking-icon-16oyWP:hover img { display: none } .chat-bubble-qrN1FW .speaking-icon-16oyWP:hover .mute-icon-zyddL- { display: flex } .chat-bubble-qrN1FW .speaking-icon-16oyWP img { width: 16px } .chat-bubble-qrN1FW .speaking-icon-16oyWP .mute-icon-zyddL- { color: #fff; opacity: .8; display: flex; justify-content: center; align-items: center; flex-direction: column; display: none } .chat-bubble-qrN1FW .footer-ifQIER { padding: 6px 12px 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; justify-content: left; flex-wrap: wrap } .chat-bubble-qrN1FW .float-tools-wrapper--Nwy-7 { position: absolute; z-index: 500 } .chat-bubble-qrN1FW .float-tools-wrapper--Nwy-7.right-internal-QPGT0e { right: 0; transform: translateY(-20px) } .chat-bubble-qrN1FW .float-tools-wrapper--Nwy-7.right-external-o6Ms2a { right: 0; transform: translate(100%); padding-left: 8px } .chat-bubble-qrN1FW .float-tools-wrapper--Nwy-7.left-internal-UZRhNP { left: 0; transform: translateY(-20px) } .chat-bubble-qrN1FW .float-tools-wrapper--Nwy-7.left-external-XxbyYZ { left: 0; transform: translate(-100%); padding-right: 8px } .chat-bubble-qrN1FW .float-tools-wrapper--Nwy-7 .float-tools-Aan3lB { height: 30px; background-color: var(--theme-bg-white); box-shadow: 1px 2px 14px 1px var(--theme-fill-tsp-components-primary), 0 0 1px 0 var(--theme-shadow-s2); border-radius: 8px; display: inline-flex; flex-direction: row; align-items: center; font-size: 14px } .textarea-wrapper-LppgDp { position: relative } .textarea-wrapper-LppgDp .resizer-caqrFO { position: absolute; right: 6px; bottom: 6px; color: var(--theme-text-disable); pointer-events: none } .textarea-FvzFLS { position: relative; font-weight: 400 } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; word-wrap: break-word; white-space: pre-wrap; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; border: 1px solid transparent; border-radius: 16px; box-shadow: unset !important; background-color: var(--theme-fill-tsp-components-secondary); padding: 12px 16px; outline: 0; font-size: 14px; line-height: 24px; color: var(--theme-icon-primary) } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA::-webkit-scrollbar-track { background: transparent } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA::-webkit-scrollbar-thumb:hover { background: #00000062 } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA::-webkit-scrollbar-corner { background: transparent } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA::placeholder { color: var(--theme-icon-quaternary) } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA:not(:disabled):hover { border-color: var(--theme-border-active) } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA:focus { border-color: var(--theme-border-active) } .textarea-FvzFLS.textarea-FvzFLS.textarea-primary-UNs5XA[disabled] { opacity: .5; cursor: not-allowed } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; word-wrap: break-word; white-space: pre-wrap; border: 1.5px solid var(--theme-btn-fill-secondary); border-radius: 4px; box-shadow: unset !important; padding: 8px 12px; outline: 0; font-size: 14px; color: var(--theme-text-primary); line-height: 24px; background-color: transparent } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G::-webkit-scrollbar-track { background: transparent } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G::-webkit-scrollbar-thumb:hover { background: #00000062 } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G::-webkit-scrollbar-corner { background: transparent } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G::placeholder { color: var(--theme-text-quaternary) } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G:hover { border-color: #3872e07a } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G:focus { border-color: #3872e0 } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G[disabled] { cursor: not-allowed; opacity: .6 !important; color: var(--theme-text-primary) !important; border-color: var(--theme-btn-fill-secondary) !important; background-color: var(--theme-bg-white) !important } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G.textarea-FvzFLS.textarea-black-15-nfT { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; box-shadow: unset !important } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G.textarea-FvzFLS.textarea-black-15-nfT::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G.textarea-FvzFLS.textarea-black-15-nfT::-webkit-scrollbar-track { background: transparent } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G.textarea-FvzFLS.textarea-black-15-nfT::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G.textarea-FvzFLS.textarea-black-15-nfT::-webkit-scrollbar-thumb:hover { background: #00000062 } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G.textarea-FvzFLS.textarea-black-15-nfT::-webkit-scrollbar-corner { background: transparent } .textarea-FvzFLS.textarea-FvzFLS.textarea-blue-LLnN8G.textarea-FvzFLS.textarea-black-15-nfT:focus { border-color: #3872e0 } .textarea-FvzFLS.textarea-FvzFLS.textarea-error-3SGskB { border-color: var(--theme-function-error-border) !important; box-shadow: none !important } .textarea-FvzFLS::-webkit-resizer { border: 20px solid transparent; outline: 4px solid transparent; width: 0; height: 0; background-color: transparent } .textarea-FvzFLS::-webkit-scrollbar-corner { background-color: transparent } .edit-msg-dialog-zQ8zKz { padding: 20px } .edit-msg-dialog-zQ8zKz .title-qzpbzj { color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px } .edit-msg-dialog-zQ8zKz .place-eRIFFL { margin-top: 16px; color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .edit-msg-dialog-zQ8zKz .textarea-KoTUlJ { margin-top: 4px; height: 120px } .edit-msg-dialog-zQ8zKz .footer-4C-GE0 { margin-top: 24px; display: flex; justify-content: flex-end; gap: 16px } .edit-msg-dialog-zQ8zKz .footer-4C-GE0 .btn-kfBYhS { min-width: 104px } .chat-item-jsLo6B { visibility: visible } .chat-question--Gxldx { display: flex } .chat-question--Gxldx.disabled-yK-O7Y { pointer-events: none } .chat-question--Gxldx .checkbox-VSiFEG { margin-top: 11px } .chat-question--Gxldx .right-3-EKMy { margin-left: auto; display: flex; align-items: center } .chat-question--Gxldx .right-3-EKMy .edit-ZF9jqQ { font-size: 20px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin-right: 8px; color: var(--theme-icon-tertiary); visibility: hidden; border-radius: 8px; padding: 4px; display: flex; flex-direction: row; justify-content: center; align-items: center } .chat-question--Gxldx .right-3-EKMy .edit-ZF9jqQ:hover { background-color: var(--theme-fill-tsp-components-secondary) } .chat-reply-E2ZIj5 { display: flex; padding: 14px 16px; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 4px 20px 20px; border: 1px solid var(--common-white); background: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s1) } .chat-reply-E2ZIj5.checked-9PCqAS { border-color: var(--theme-border-active) } .chat-reply-E2ZIj5 .img-box-L2W50W { width: 200px; height: 200px; border-radius: 12px; overflow: hidden } .chat-reply-E2ZIj5 .img-box-L2W50W img { object-fit: contain } .how-to-use-dialog-Vr1K12 { position: fixed; z-index: 5; width: 100%; height: 100%; background: var(--theme-bg-mask); display: flex; padding: 30px } .how-to-use-dialog-Vr1K12 .close-Z2s7hZ { position: absolute; right: 16px; top: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 31px; height: 31px; border-radius: 50%; background-color: var(--theme-bg-white); transition: opacity .2s ease-in-out; display: flex; align-items: center; justify-content: center; z-index: 1 } .how-to-use-dialog-Vr1K12 .close-Z2s7hZ:hover { opacity: .8 } .how-to-use-dialog-Vr1K12 video { width: 100% } .how-to-use-bar-PJpbq4 { position: fixed; right: 11px; top: 122px; border-radius: 100px; background: var(--theme-bg-mask); color: var(--theme-text-white-primary); box-shadow: var(--theme-box-shadow-s1); width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; font-size: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: background .2s ease-in-out } .how-to-use-bar-PJpbq4:hover { background: var(--common-black) } .how-to-use-DyL3pT { position: fixed; right: 11px; top: 72px; border-radius: 8px; background: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s1); padding: 12px 17px 16px; width: 383px } .how-to-use-DyL3pT .close-pKzA9K { font-size: 20px; position: absolute; right: 17px; top: 12px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-quaternary) } .how-to-use-DyL3pT .close-pKzA9K:hover { opacity: .8 } .how-to-use-DyL3pT .title-aboev4 { color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; padding-right: 20px } .how-to-use-DyL3pT .desc-BSBalw { margin-top: 9px; color: var(--theme-text-tertiary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px } .how-to-use-DyL3pT .video-kiDc03 { margin-top: 21px; overflow: hidden; background: var(--theme-bg-white); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 0 12px; position: relative } .how-to-use-DyL3pT .video-kiDc03 img { max-width: 100%; border-radius: 8px } .how-to-use-DyL3pT .video-kiDc03 .play-WWfDyc { border-radius: 32px; border: 1px solid var(--theme-icon-white-primary); background: var(--theme-fill-tsp-gray); backdrop-filter: blur(1.82857132px); width: 64px; height: 64px; font-size: 32px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%) translateY(-50%); color: var(--theme-icon-white-primary); transition: opacity .2s ease-in-out; z-index: 1 } .how-to-use-DyL3pT .video-kiDc03 .play-WWfDyc:hover { opacity: .8 } .msg-to-canvas-yS6YDW { position: absolute; z-index: -9999999; opacity: 0 } .msg-to-canvas-yS6YDW .msg-item-r-44au { background-color: var(--theme-bg-white); display: flex; align-items: center; gap: 12px; padding: 12px; align-items: flex-start; width: 310px } .msg-to-canvas-yS6YDW .msg-item-r-44au .left-qiozPt { flex-shrink: 0; display: flex; align-items: center } .msg-to-canvas-yS6YDW .msg-item-r-44au .left-qiozPt .avatar-Hhj4-r { width: 24px; height: 24px; border-radius: 50% } .msg-to-canvas-yS6YDW .msg-item-r-44au .left-qiozPt .avatar-Hhj4-r.you-S9b5rm { background-color: var(--theme-btn-fill-primary-hover); color: var(--theme-text-white-primary); font-size: 14px; font-weight: 500; position: relative; text-align: center; display: flex; align-items: center; justify-content: center } .msg-to-canvas-yS6YDW .msg-item-r-44au .right-Egc5sm { display: flex; flex-direction: column } .msg-to-canvas-yS6YDW .msg-item-r-44au .right-Egc5sm .right-title-PhFlpL { font-weight: 600; font-size: 16px; color: var(--theme-text-primary) } .msg-to-canvas-yS6YDW .msg-item-r-44au .right-Egc5sm .right-desc-JnlJZ1 { font-size: 16px; color: var(--theme-text-primary) } .message-selector-jEf9a8 { width: 100%; height: 100%; display: flex; flex-direction: column } .message-selector-jEf9a8 .page-header-X-KC8- { padding: 12px 16px; position: relative; background: var(--theme-bg-white) } .message-selector-jEf9a8 .page-header-X-KC8- .title-kLMBjW { text-align: center; color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } .message-selector-jEf9a8 .content-DQiyAl { width: 100%; height: 100%; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; flex: 1; min-height: 0 } .message-selector-jEf9a8 .content-DQiyAl::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .message-selector-jEf9a8 .content-DQiyAl::-webkit-scrollbar-track { background: transparent } .message-selector-jEf9a8 .content-DQiyAl::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .message-selector-jEf9a8 .content-DQiyAl::-webkit-scrollbar-thumb:hover { background: #00000062 } .message-selector-jEf9a8 .content-DQiyAl::-webkit-scrollbar-corner { background: transparent } .message-selector-jEf9a8 .content-DQiyAl .chat-list-LvqcrU { width: 632px; margin: 20px auto; display: flex; flex-direction: column; gap: 20px } .message-selector-jEf9a8 .content-DQiyAl .chat-list-LvqcrU .msg-chunk-uXwy2S { display: flex; flex-direction: column; gap: 20px } .message-selector-jEf9a8 .content-DQiyAl .chat-list-LvqcrU .msg-chunk-uXwy2S:not(.disabled-5PAQs2) { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .message-selector-jEf9a8 .content-DQiyAl .chat-list-LvqcrU .msg-chunk-uXwy2S:not(.disabled-5PAQs2):hover .edit-btn-INeXwF { visibility: visible } .message-selector-jEf9a8 .footer-8zo3NP { width: 100%; padding: 12px; background: var(--theme-text-white-primary); display: flex; align-items: center } .message-selector-jEf9a8 .footer-8zo3NP .inner-FatF4k { width: 632px; margin: 0 auto; display: flex; align-items: center; justify-content: center; position: relative } .message-selector-jEf9a8 .footer-8zo3NP .select-all-KshG7T { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; display: flex; align-items: center; gap: 10px; margin-right: 122px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) } .message-selector-jEf9a8 .footer-8zo3NP .select-all-KshG7T:hover { opacity: .8 } .message-selector-jEf9a8 .footer-8zo3NP .generate-btn-dvH6vI { min-width: 226px; min-height: 52px; border-radius: 45px; font-size: 18px } .make-it-more-USJTWH { width: 100%; height: 100%; background: var(--transparent-white-95); display: flex; flex-direction: column; position: fixed; z-index: 5 } .make-it-more-USJTWH .close-E0c2LH { position: absolute; top: 18px; right: 18px; font-size: 20px; color: var(--theme-icon-primary); display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; z-index: 1; padding: 4px; border-radius: 8px } .make-it-more-USJTWH .close-E0c2LH:hover { background-color: var(--theme-fill-tsp-components-secondary) } .model-compare-xQGZ4S { border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); position: relative } .model-compare-xQGZ4S:hover .close-btn-41QSBJ { display: flex } .model-compare-xQGZ4S .close-btn-41QSBJ { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 14px; height: 14px; border-radius: 14px; position: absolute; top: -7px; right: -4px; background-color: var(--theme-fill-tsp-gray); color: var(--theme-icon-white-primary); transition: all .2s ease-in-out; z-index: 2; display: none } .model-compare-xQGZ4S .close-btn-41QSBJ:hover { background: var(--theme-icon-quaternary) } .model-compare-xQGZ4S .compare-header-BXKLM- { display: flex; justify-content: space-between; padding: 10px 12px 6px; border-radius: 10px 10px 0 0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .model-compare-xQGZ4S .compare-header-BXKLM- .rt-43KVqL { display: flex; align-items: center; gap: 8px } .model-compare-xQGZ4S .compare-header-BXKLM- .rt-43KVqL .bot-icons-SAct1u { display: flex } .model-compare-xQGZ4S .compare-header-BXKLM- .rt-43KVqL .bot-icons-SAct1u .bot-icon-EGGwQ-+.bot-icon-EGGwQ- { margin-left: -5px } .model-compare-xQGZ4S .compare-header-BXKLM-.is-fold-Aglhd- { padding: 10px 12px; border-radius: 10px } .model-compare-xQGZ4S .compare-header-BXKLM-:hover { background-color: var(--theme-bg-tsp-gray-primary) } .model-compare-xQGZ4S .compare-header-BXKLM- .title-viAqGp { color: var(--theme-text-quaternary); font-size: 13px; font-style: normal; font-weight: 400; line-height: 20px } .model-compare-xQGZ4S .bot-list-NCMd4S { display: flex; gap: 4px; flex-direction: column; margin-top: 4px; padding: 0 12px 10px } .model-compare-xQGZ4S .bot-list-NCMd4S.multi-col-oHU0xm { flex-direction: row; flex-wrap: wrap } .model-compare-xQGZ4S .bot-list-NCMd4S.multi-col-oHU0xm .bot-item-xrDzlE { width: calc(50% - 4px) } .more-button-gVdZE7 { width: 30px; height: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-shrink: 0 } .base-block-61PAOa { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 8px; transition: background .2s } .bot-item-xrDzlE { padding: 6px 8px; display: flex; align-items: center; gap: 8px; border-radius: 8px; background: var(--theme-fill-tsp-components-tertiary) } .bot-item-xrDzlE:hover { background: var(--theme-border-quaternary) } .bot-item-xrDzlE .bot-name--Miy34 { color: var(--theme-text-secondary); font-size: var(--md-extra-small-text-font-size); font-style: normal; font-weight: 500; line-height: var(--md-extra-small-text-line-height); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .bots-popover-content-kO1c6P { width: 168px; border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s2); padding: 8px 0 } .bots-popover-content-kO1c6P .scroll-view-Hdux-L { padding: 0 8px; display: flex; flex-direction: column; gap: 4px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; max-height: 200px } .bots-popover-content-kO1c6P .scroll-view-Hdux-L::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .bots-popover-content-kO1c6P .scroll-view-Hdux-L::-webkit-scrollbar-track { background: transparent } .bots-popover-content-kO1c6P .scroll-view-Hdux-L::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .bots-popover-content-kO1c6P .scroll-view-Hdux-L::-webkit-scrollbar-thumb:hover { background: #00000062 } .bots-popover-content-kO1c6P .scroll-view-Hdux-L::-webkit-scrollbar-corner { background: transparent } .related-question-item-cRGNSq { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: border-color .2s, background .2s; border-radius: 10px; border: 1px solid var(--theme-border-primary); background: var(--theme-fill-white) } .related-question-item-cRGNSq:hover { border-color: var(--theme-border-quaternary); background: var(--theme-fill-tsp-components-secondary) } .related-question-item-cRGNSq span { flex: 1; min-width: 0; color: var(--theme-text-primary); line-height: 22px } .skill-meta-data-uzK55D { display: flex; flex-direction: column; position: relative } .skill-meta-data-uzK55D .fold-btn-wCuaDN { position: absolute; display: flex; gap: 4px; align-items: center; right: 0; top: -10px; transform: translateY(-100%); color: var(--theme-text-quaternary); font-size: 13px; font-weight: 400; line-height: 20px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .skill-meta-data-uzK55D .fold-btn-wCuaDN:hover { opacity: .8 } .skill-meta-data-uzK55D .image-agent-status-L14Q78 { display: grid; grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)); gap: 8px } .skill-meta-data-uzK55D .image-agent-status-L14Q78.single-image-0v45cc { display: block } .skill-meta-data-uzK55D .image-agent-status-L14Q78.single-image-0v45cc .image-item-c0OEyv { width: 324px; height: 324px; max-width: 100%; max-height: 100% } .skill-meta-data-uzK55D .image-agent-status-L14Q78.fold-s7cLOw { display: flex; flex-wrap: nowrap } .skill-meta-data-uzK55D .image-agent-status-L14Q78 .image-item-c0OEyv { overflow: hidden; border-radius: 8px; min-width: 108px; min-height: 108px; aspect-ratio: 1 } .skill-meta-data-uzK55D .image-agent-status-L14Q78 .image-item-c0OEyv img { width: 100%; height: 100%; object-fit: cover } .prepare-wrapper--NRlg- { display: flex; position: relative; padding-top: 4px } .prepare-wrapper--NRlg- .navigation-K2DC4X { position: absolute; width: 60px; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1 } .prepare-wrapper--NRlg- .navigation-K2DC4X .icon-btn-Y-9HlD { display: flex; width: 36px; height: 36px; justify-content: center; align-items: center; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); flex-shrink: 0; border-radius: 50%; cursor: pointer; position: absolute; top: calc(50% - 18px) } .prepare-wrapper--NRlg- .navigation-K2DC4X .icon-btn-Y-9HlD:hover { border: 1px solid var(--theme-fill-tsp-brand-primary) } .prepare-wrapper--NRlg- .right-point-qMNQbF { right: 0; background: linear-gradient(270deg, #fff 20%, rgba(255, 255, 255, 0) 100%) } .prepare-wrapper--NRlg- .left-point-j2bTnB { left: 0; background: linear-gradient(90deg, #fff 20%, rgba(255, 255, 255, 0) 100%) } .prepare-wrapper--NRlg-:hover .navigation-K2DC4X { display: flex } .prepare-wrapper--NRlg- .compare-wrapper-fYsKIy { display: flex; gap: 8px; overscroll-behavior: contain } .prepare-wrapper--NRlg- .compare-wrapper-fYsKIy.share-mode-FLfNyM { width: 100%; flex-direction: column; transform: none !important; transition: none !important } .prepare-wrapper--NRlg- .compare-wrapper-fYsKIy.share-mode-FLfNyM .compare-item-EQVu7n { width: 100% } .prepare-wrapper--NRlg- .compare-wrapper-fYsKIy .compare-item-EQVu7n { border-radius: 16px; border: 1px solid var(--theme-border-quaternary); padding: 8px; width: 316px; flex-shrink: 0 } .prepare-wrapper--NRlg- .compare-wrapper-fYsKIy .compare-item-EQVu7n.is-narrow-VugH59 { width: 280px } ._monica-dark .prepare-wrapper--NRlg- .right-point-qMNQbF { background: linear-gradient(270deg, #202020 20%, rgba(32, 32, 32, 0) 100%) } ._monica-dark .prepare-wrapper--NRlg- .left-point-j2bTnB { background: linear-gradient(90deg, #202020 20%, rgba(32, 32, 32, 0) 100%) } .promotion-M7LQbB { width: calc(100% - 44px); display: flex; align-items: center; justify-content: center; position: absolute; top: 12px; left: 50%; transform: translate(-50%); z-index: 502 } .promotion-M7LQbB .box-v043Ab { width: 394px; box-sizing: border-box; padding: 9px 10px 9px 12px; display: flex; gap: 12px; align-items: center; background: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s2); border-radius: 8px } .promotion-M7LQbB .box-v043Ab .icon-e49l-B img { width: 24px; height: 24px } .promotion-M7LQbB .box-v043Ab .msg-MzBBBy { flex: 1; min-width: 0; line-height: 22px; color: var(--theme-text-primary); font-size: 14px; font-weight: 400 } .promotion-M7LQbB .box-v043Ab .msg-MzBBBy span { color: var(--theme-icon-brand); cursor: pointer; white-space: pre } .promotion-M7LQbB .box-v043Ab .msg-MzBBBy span:hover { color: var(--theme-btn-fill-primary-hover) } .promotion-M7LQbB .box-v043Ab .msg-MzBBBy .light-aEbt7d { font-weight: 700; background: linear-gradient(98deg, var(--theme-btn-fill-primary) 41.82%, #e54df2 88.35%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .promotion-M7LQbB .box-v043Ab .msg-MzBBBy .learn-more-vXhGqr { display: flex; align-items: center; color: var(--theme-icon-brand); gap: 4px } .promotion-M7LQbB .box-v043Ab .close-kPAzIL { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; background-color: var(--theme-icon-quaternary); color: var(--theme-icon-white-primary); transition: all .1s ease } .promotion-M7LQbB .box-v043Ab .close-kPAzIL:hover { background-color: var(--theme-btn-fill-primary) } .promotion-horizon-1EWePl { top: 56px; width: unset; left: 50%; transform: translate(-50%); white-space: nowrap } .promotion-horizon-1EWePl .box-v043Ab { width: unset } .prompt-mentions-suggestions-Vwz1-r { padding: 12px 4px 8px 12px; border-radius: 16px; background: var(--theme-bg-white); position: absolute; width: min(364px, 100%); transform: translateY(-100%); z-index: 900; box-shadow: var(--light-card) } .prompt-mentions-suggestions-Vwz1-r .scroll-GnkLX1 { max-height: 308px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding-right: 6px } .prompt-mentions-suggestions-Vwz1-r .scroll-GnkLX1::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .prompt-mentions-suggestions-Vwz1-r .scroll-GnkLX1::-webkit-scrollbar-track { background: transparent } .prompt-mentions-suggestions-Vwz1-r .scroll-GnkLX1::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .prompt-mentions-suggestions-Vwz1-r .scroll-GnkLX1::-webkit-scrollbar-thumb:hover { background: #00000062 } .prompt-mentions-suggestions-Vwz1-r .scroll-GnkLX1::-webkit-scrollbar-corner { background: transparent } .prompt-mentions-suggestions-Vwz1-r .category-title-rbz9yB { color: var(--theme-icon-quaternary); font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px; margin-bottom: 4px } .list-item-geIGn3 { padding: 8px; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .list-item-geIGn3:hover, .list-item-geIGn3.active-qk6g-- { background: var(--theme-fill-tsp-components-secondary) } .list-item-geIGn3 .highlight-ZWY4dk { color: var(--theme-icon-brand); background: transparent } .textarea-mentions-v2-jkOwVu { visibility: visible } .chat-input-v2-rTFB7v { width: 100%; display: flex; flex-direction: column } .chat-input-v2-rTFB7v .input-action-icon-wrapper-Pf1raU { font-size: 16px; width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 3px; border-radius: 8px; transition: background-color .2s; display: inline-flex; margin-right: -6px; color: var(--theme-icon-secondary) } .chat-input-v2-rTFB7v .input-action-icon-wrapper-Pf1raU:hover { background-color: var(--theme-fill-tsp-components-secondary) } .chat-input-v2-rTFB7v .input-action-icon-wrapper-Pf1raU.disabled-FG9bgE { cursor: not-allowed } .chat-input-v2-rTFB7v.chat-input-expanded-jQTP18 { position: absolute; bottom: 0; left: 0; width: 100%; height: 90%; border-radius: 16px 16px 0 0; z-index: 2; background: var(--theme-bg-menu-white); border: 1px solid var(--border-primary); max-width: 100% !important; overflow: hidden } .chat-input-v2-rTFB7v.chat-input-expanded-jQTP18 .input-box-3vElm2 { overflow: auto } .chat-input-v2-rTFB7v.borderless-MMLCiI .input-wrapper-BZ00yy { margin-top: 0; margin-bottom: 0; border: none !important; border-radius: 0 } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy { margin-top: 10px; margin-bottom: 10px; position: relative; border-radius: 12px; transition: border-color .2s; border: 1.5px solid var(--theme-border-primary); display: flex; flex-direction: column } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy.resized-UrS-92 { display: flex; flex-direction: column } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy.resized-UrS-92 .textarea-mentions-JNELwS { flex: 1; display: flex; flex-direction: column; width: 100% } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy.resized-UrS-92 .textarea-0Foez4 { flex: 1 } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy.resized-UrS-92 .input-box-3vElm2 { display: flex } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy.input-disabled-WIDI97 { pointer-events: none; opacity: .5; cursor: not-allowed } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .input-border-hover-kd23As, .chat-input-v2-rTFB7v .input-wrapper-BZ00yy:hover, .chat-input-v2-rTFB7v .input-wrapper-BZ00yy.input-focus-Wg14PE { border: 1.5px solid var(--theme-border-active) } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .input-box-wrapper-lztmUU { flex: 1; display: flex; flex-direction: column; justify-content: center } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .voice-input-box-nZZoXY { height: 100%; display: flex; align-items: flex-end; padding: 12px } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .voice-input-box-nZZoXY .voice-input-box-inner-rRbdQq { width: 100%; flex: 1; border-radius: 12px; background: var(--theme-fill-tsp-components-secondary); display: flex; padding: 12px; align-items: center; gap: 12px } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .voice-input-box-nZZoXY .voice-input-box-inner-rRbdQq .icon-Ntu0Xt { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 50%; display: flex; width: 28px; height: 28px; padding: 6px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0 } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .voice-input-box-nZZoXY .voice-input-box-inner-rRbdQq .icon-Ntu0Xt.close-Kt-Uhi { background: var(--theme-fill-tsp-components-secondary) } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .voice-input-box-nZZoXY .voice-input-box-inner-rRbdQq .icon-Ntu0Xt.active-9y2PTc { background: var(--theme-text-btn-tertiary) } @keyframes spin-UCVIqd { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .voice-input-box-nZZoXY .voice-input-box-inner-rRbdQq .icon-Ntu0Xt.spin-UCVIqd { animation: spin-UCVIqd 1s linear infinite } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .voice-input-box-nZZoXY .voice-input-box-inner-rRbdQq .status-text-eqAt-V { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; flex: 1; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .voice-input-box-nZZoXY .voice-input-box-inner-rRbdQq .progress-text-Z4ep-2 { color: #000; text-align: center; font-size: 12px; font-weight: 400; line-height: 16px } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .voice-input-box-nZZoXY .voice-input-box-inner-rRbdQq .volume-bar-4cYtqT { flex: 1; height: 20px } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .input-box-3vElm2 { padding: 12px 12px 0; flex: 1; min-height: 0 } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .textarea-0Foez4 { padding: unset !important; background-color: transparent !important; border: unset !important; border-radius: unset !important; transition: height 0s; font-size: var(--md-small-text-font-size, 14px) } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .sender-V8FKyS { display: flex; padding-right: 12px; height: 32px; align-items: center; justify-content: flex-end } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .sender-V8FKyS.has-left-FYBBZJ { padding-left: 12px } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .sender-V8FKyS .input-msg-btn-qePZ7u { width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin-right: -6px; color: var(--grayblue-400); cursor: not-allowed } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .sender-V8FKyS .input-msg-btn-qePZ7u:hover { background-color: var(--theme-fill-tsp-components-secondary) } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .sender-V8FKyS .input-msg-btn-qePZ7u.active-9y2PTc { color: var(--theme-border-active); cursor: pointer } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .inside-input-actions-N1CULS { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 32px; min-height: 32px; padding-left: 6px; justify-content: left; gap: 6px } .chat-input-v2-rTFB7v .input-wrapper-BZ00yy .inside-input-actions-N1CULS .voice-input-suJAO4 { height: 26px; width: 26px } .tips-o5XXGk { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; width: 100%; width: 280px; padding: 10px 8px; position: relative } .tips-o5XXGk .close-button-tMqDJb { position: absolute; top: 2px; right: 1px } .tips-o5XXGk .title-zSPGlt { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 22px } .tips-o5XXGk .desc-96K7zr { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 4px } .tips-o5XXGk .button-earW1N { margin-top: 12px; width: 100% } .chat-input-shadow-Bo3CgI { background: var(--theme-bg-mask); position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1 } .expanded-toolbar-vSWwbS { display: flex; justify-content: flex-end; align-items: center; padding-top: 4px } .fix-attachment-p9NGN0 { color: var(--icon-secondary) } @keyframes fade-in-4swNo- { 0% { opacity: 0 } to { opacity: 1 } } ._monica-dark .incognito-input-wrapper-GsYzBq { background: #000 } .button-wrap-OVYfip { padding: 1px 4px 1px 6px; border-radius: 99px; transition: background .2s; display: flex; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .button-wrap-OVYfip:hover { background: var(--theme-btn-fill-tertiary-hover) } .query-wrap-DcK9R0 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0 6px; border-radius: 16px; transition: background .2s; gap: 2px } .query-wrap-DcK9R0 .query-count-RuRnxi { color: var(--theme-function-error); font-size: 12px; font-weight: 700; line-height: 18px } .query-wrap-DcK9R0:hover { background: var(--theme-fill-btn-primary) } .upgrade-badge-2f4WLz { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; background: linear-gradient(83deg, var(--theme-btn-fill-primary) 9.46%, #aa41ea 99.52%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-style: italic; font-size: 12px; font-weight: 700; line-height: 18px; letter-spacing: -.12px; text-transform: capitalize; align-items: center; gap: 2px; padding-right: 2px; white-space: nowrap } .upgrade-badge-2f4WLz .icon-El7Ckw { width: 16px; height: 16px; vertical-align: middle } .upgrade-panel-mVZ27X { width: 360px; padding: 16px; border-radius: 12px; background: linear-gradient(179deg, rgba(230, 214, 255, .2) 19.09%, rgba(255, 255, 255, 0) 42.4%), var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s2); overflow: hidden } .upgrade-panel-mVZ27X .panel-header-IQT2K6 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px } .upgrade-panel-mVZ27X .panel-header-IQT2K6 .img--y6b45 { width: 120px; margin: 0 auto } .upgrade-panel-mVZ27X .panel-header-IQT2K6 .title-SDAvR8 { width: 100%; text-align: center; color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px } .upgrade-panel-mVZ27X .panel-header-IQT2K6.new-comer-pU6-Cy, .upgrade-panel-mVZ27X .panel-header-IQT2K6.back-to-school-ht06ap { position: relative } .upgrade-panel-mVZ27X .panel-header-IQT2K6.new-comer-pU6-Cy .banner-IuGndT, .upgrade-panel-mVZ27X .panel-header-IQT2K6.back-to-school-ht06ap .banner-IuGndT { width: 278px; height: 96px; position: relative; z-index: 1; pointer-events: none } .upgrade-panel-mVZ27X .panel-header-IQT2K6.new-comer-pU6-Cy .banner-IuGndT .bg-pic-Uznm2z, .upgrade-panel-mVZ27X .panel-header-IQT2K6.back-to-school-ht06ap .banner-IuGndT .bg-pic-Uznm2z { width: 310px; height: 275px; position: absolute; top: -16px; left: 50%; transform: translate(-50%); object-fit: cover } .upgrade-panel-mVZ27X .panel-header-IQT2K6.new-comer-pU6-Cy .countdown-THD72W, .upgrade-panel-mVZ27X .panel-header-IQT2K6.back-to-school-ht06ap .countdown-THD72W { min-height: 28px; margin-top: 12px; position: relative; z-index: 2; font-size: 14px; font-weight: 600; line-height: 20px; color: var(--theme-text-primary) } .upgrade-panel-mVZ27X .panel-header-IQT2K6.new-comer-pU6-Cy .countdown-THD72W .countdown-item-jJlpvl, .upgrade-panel-mVZ27X .panel-header-IQT2K6.back-to-school-ht06ap .countdown-THD72W .countdown-item-jJlpvl { width: 28px; height: 28px; flex: 0 0 28px; background: var(--theme-fill-black-none); color: var(--theme-text-white-primary) } .upgrade-panel-mVZ27X .panel-header-IQT2K6.new-comer-pU6-Cy .title-SDAvR8, .upgrade-panel-mVZ27X .panel-header-IQT2K6.back-to-school-ht06ap .title-SDAvR8 { position: relative; z-index: 2 } .upgrade-panel-mVZ27X .panel-header-IQT2K6.back-to-school-ht06ap .banner-IuGndT { height: 100px } .upgrade-panel-mVZ27X .panel-header-IQT2K6.back-to-school-ht06ap .banner-IuGndT .bg-pic-Uznm2z { width: 310px; height: 140px } .upgrade-panel-mVZ27X .panel-header-IQT2K6.back-to-school-ht06ap .banner-IuGndT .bg-pic-Uznm2z:before { content: ""; position: absolute; width: 163px; height: 127px; opacity: .7; filter: blur(30px); background: linear-gradient(132.18deg, #F7D87D 14.59%, #8AD9FF 52.87%, #5B69FF 88.21%); top: 50px; left: 80px } .upgrade-panel-mVZ27X .panel-header-IQT2K6.back-to-school-ht06ap .banner-IuGndT .bg-pic-Uznm2z img { position: relative; z-index: 1 } .upgrade-panel-mVZ27X .payment-price-LIHj3z { width: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 8px; position: relative; z-index: 2; margin-top: 4px } .upgrade-panel-mVZ27X .payment-price-LIHj3z .current-price--nwGwL { display: flex; align-items: baseline; font-size: 32px; font-weight: 600; line-height: 32px; color: var(--theme-icon-brand) } .upgrade-panel-mVZ27X .payment-price-LIHj3z .current-price--nwGwL .unit-22jhS6 { font-size: 16px; line-height: 22px; font-weight: 500 } .upgrade-panel-mVZ27X .payment-price-LIHj3z .origin-price-58OBbj { font-size: 16px; font-weight: 500; line-height: 22px; text-decoration: line-through; color: var(--theme-text-tertiary) } .upgrade-panel-mVZ27X .trial-tip-tKCec8 { text-align: center; font-size: 14px; line-height: 22px; color: var(--theme-text-tertiary) } .upgrade-panel-mVZ27X .features-ybJTz- { border-radius: 12px; background: var(--theme-fill-tsp-brand); padding: 12px; margin-top: 12px; position: relative; z-index: 2 } .upgrade-panel-mVZ27X .features-ybJTz- li { color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .upgrade-panel-mVZ27X .features-ybJTz- li .checkbox-f70C8h { margin-right: 8px; margin-bottom: 2px; vertical-align: sub } .upgrade-panel-mVZ27X .features-ybJTz- li .qs-h4C6QO { transform: translateY(3px); line-height: 0px; width: 16px; height: 16px; display: inline-block; margin-left: 4px } .upgrade-panel-mVZ27X .features-ybJTz- li .qs-h4C6QO path, .upgrade-panel-mVZ27X .features-ybJTz- li .qs-h4C6QO circle { stroke-opacity: 1 !important; fill-opacity: 1 !important } .upgrade-panel-mVZ27X .features-ybJTz- li+li { margin-top: 8px } .upgrade-panel-mVZ27X .primary-button-link-rVWUSg { margin-top: 8px; margin-bottom: 8px; width: 100% } .upgrade-panel-mVZ27X .view-btn-gaTgs0 { line-height: 36px; width: 100%; color: var(--theme-text-brand); transition: all .2s; justify-content: center } .upgrade-panel-mVZ27X .view-btn-gaTgs0:hover { opacity: .7 } .upgrade-panel-mVZ27X .footer-ItMpGg { margin-top: 8px; display: flex; gap: 12px; align-items: center; justify-content: center; flex-wrap: wrap } .upgrade-panel-mVZ27X .footer-ItMpGg li { color: var(--theme-text-disable); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; position: relative; padding-left: 18px } .upgrade-panel-mVZ27X .footer-ItMpGg li:after { content: ""; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 6px; top: 8px; background: var(--theme-icon-disable) } ._monica-dark .upgrade-panel-mVZ27X { background: var(--theme-bg-menu-white); background-image: linear-gradient(187deg, var(--theme-fill-tsp-brand) -3.53%, rgba(255, 255, 255, 0) 37.45%) } .guide-with-mask-JQy7X8 { position: fixed; transform: translateY(-20px); width: 348px; animation: tip-show-09CzC- .18s ease-in-out forwards; box-shadow: var(--theme-box-shadow-s3); border-radius: 12px; cursor: default; z-index: 2000 } .guide-with-mask-JQy7X8 .close-zCgY4Q { position: absolute; top: 20px; right: 20px; padding: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 4px; color: var(--theme-icon-quaternary); z-index: 3; font-size: 0; line-height: 0 } .guide-with-mask-JQy7X8 .close-zCgY4Q:hover { background-color: var(--theme-btn-fill-secondary-hover) } .guide-with-mask-JQy7X8 .content-K-oa-T { background-color: var(--theme-bg-white); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 12px; position: relative; z-index: 2 } .guide-with-mask-JQy7X8 .title-rQUfG1 { font-size: 18px; font-weight: 600; line-height: 28px; color: var(--theme-text-primary); padding-right: 30px } .guide-with-mask-JQy7X8 .desc-1HLYSW { font-size: 14px; line-height: 22px; font-weight: 400; color: var(--theme-text-tertiary); margin-top: -8px } .guide-with-mask-JQy7X8 .footer-tvcQ1T { display: flex; justify-content: flex-end } .guide-with-mask-JQy7X8 .button-g2UQBQ { height: 32px; min-height: 32px; border-radius: 10px; gap: 6px } .arrow-L8mPuZ { display: block; position: fixed; width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid var(--theme-bg-white); z-index: 2001; transform: translate(-50%, -50%); animation: tip-show-09CzC- .18s ease-in-out forwards } .tour-mask-krtQPx { position: fixed; inset: 0; z-index: 1999; background-color: #fffc; cursor: default; mix-blend-mode: hard-light } .tour-mask-krtQPx .spotlight-1w-K8K { position: absolute; transition: all .3s ease; background: #888888; border-radius: 12px } ._monica-dark .tour-mask-krtQPx { background-color: #000c } @keyframes tip-show-09CzC- { 0% { opacity: 0 } to { opacity: 1 } } .model-features-XEtcBk { width: 100%; display: flex; flex-direction: column; gap: 12px; padding: 12px; border-radius: 8px; background: var(--theme-bg-gray-secondary) } .model-features-XEtcBk .feature-item-yyBXMg { display: flex; gap: 8px; align-items: center } .model-features-XEtcBk .feature-item-yyBXMg .text-x2PYrg { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px } .tour-vip-status-wrapper-2jSEzb { width: 328px; left: 0; top: -20px; bottom: auto; transform: translateY(-100%); position: absolute; box-shadow: var(--theme-box-shadow-s3); border-radius: 12px; cursor: default; z-index: 20000 } .tour-vip-status-cQaTs6 { position: relative; padding: 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; background-color: var(--theme-bg-white); border-radius: 12px; z-index: 2 } .tour-vip-status-cQaTs6 .close-btn-QlvMH0 { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .tour-vip-status-cQaTs6 .close-btn-QlvMH0:hover { background-color: var(--theme-fill-tsp-components-secondary) } .tour-vip-status-cQaTs6 .header-YcPf0e { display: flex; flex-direction: column; width: 100%; gap: 4px } .tour-vip-status-cQaTs6 .header-YcPf0e .title-wchz5v { padding-right: 30px; color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px } .tour-vip-status-cQaTs6 .header-YcPf0e .desc-ymYzG7 { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 400; line-height: 22px } .tour-vip-status-cQaTs6 .example-KOrg-E { width: 100%; flex: 1; border-radius: 8px; overflow: hidden } .tour-vip-status-cQaTs6 .example-KOrg-E .example-video-ZKVhFi { width: 100%; height: auto } .tour-vip-status-cQaTs6 .footer-k-wL7u { display: flex; width: 100%; justify-content: flex-end } .arrow-icon-lrVZSO { display: block; position: absolute; width: 30px; height: 30px; border-radius: 4px; background-color: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s3); bottom: 0; left: 20px; transform: translate(20px, 10px) rotate(45deg); z-index: 1 } .feature-title-IBWyxo { margin-top: 12px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; padding: 0 12px } .feature-title-IBWyxo.light-CEsN9E { padding: 0 16px } .features-xaPlrE { display: flex; flex-direction: column; border-radius: 10px; margin: 6px 12px 0; padding: 10px 12px 10px 10px; background-color: var(--theme-bg-menu-white) } .features-xaPlrE .feature-item-dHkyJa { display: flex; align-items: center; gap: 6px; font-weight: 400; line-height: 22px; cursor: pointer; border-radius: 6px; padding: 3px 2px 3px 4px } .features-xaPlrE .feature-item-dHkyJa:hover { background-color: var(--theme-fill-tsp-components-tertiary) } .features-xaPlrE .feature-item-dHkyJa:active { opacity: .8 } .features-xaPlrE .icon-KpuCTL { color: var(--theme-icon-primary) } .features-xaPlrE .name-Vw4qMx { flex: 1 1 auto; overflow: hidden; font-size: 12px; color: var(--theme-text-secondary); margin-right: 12px; display: inline-flex; align-items: center; gap: 4px } .features-xaPlrE .name-Vw4qMx .text-lkF1xP { flex: 1 1 auto; max-width: max-content; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .features-xaPlrE .name-Vw4qMx .qs-yEK6Ti { line-height: 0px; width: 16px; height: 16px } .features-xaPlrE .name-Vw4qMx .qs-yEK6Ti path, .features-xaPlrE .name-Vw4qMx .qs-yEK6Ti circle { stroke-opacity: 1 !important; fill-opacity: 1 !important } .features-xaPlrE .play-2LZkq2 { color: var(--theme-icon-quaternary) } .features-xaPlrE.light-CEsN9E { margin: 6px 16px 0; background-color: var(--theme-fill-tsp-components-tertiary) } .tooltip-link-t0nMfu { color: var(--theme-text-link) } .tooltip-link-t0nMfu:hover, .tooltip-link-t0nMfu:active { color: var(--theme-text-link-active) } .tooltip-link-t0nMfu:hover { opacity: .9 } .usage-info-panel-Ez1WNg { visibility: visible } .quota-panel-qT1Ieo { font-size: 14px; line-height: 22px; padding: 6px 4px; --theme-text-primary: #f3f3f3; --theme-text-title: #f3f3f3; --theme-text-secondary: #dbdbdb; --theme-text-tertiary: #aaaaaa; --theme-text-quaternary: #7a7a7a; --theme-text-disable: #4c4c4c; --theme-text-white-primary: #e9eaed; --theme-text-white-secondary: #e9eaed; --theme-text-link: #5e8cff; --theme-text-link-active: #3767eb; --theme-text-brand: #9880f8; --theme-text-btn-tertiary: #c0b6fc; --theme-icon-primary: #f3f3f4; --theme-icon-secondary: #bfbfc4; --theme-icon-tertiary: #a7a7ae; --theme-icon-quaternary: #77777e; --theme-icon-disable: #4a4a4f; --theme-icon-white-primary: #f3f3f4; --theme-icon-white-secondary: #f3f3f4; --theme-icon-brand: #9880f8; --theme-icon-btn-tertiary: #c0b6fc; --theme-btn-tsp-brand: rgba(130, 100, 238, .12); --theme-btn-tsp-brand-hover: rgba(104, 65, 234, .24); --theme-btn-fill-primary: #8264ee; --theme-btn-fill-primary-hover: #6349c2; --theme-btn-fill-primary-active: #55429a; --theme-btn-fill-secondary: #56565f3d; --theme-btn-fill-secondary-hover: #56565f52; --theme-btn-fill-secondary-active: #56565f52; --theme-btn-fill-tertiary: #4e4181; --theme-btn-fill-tertiary-hover: #3f3663; --theme-btn-fill-tertiary-active: #352f4c; --theme-btn-border-primary: #a2b1d733; --theme-btn-border-secondary: #a2b1d71f; --theme-btn-tsp-white: #0000003d; --theme-btn-tsp-white-hover: #ffffff52; --theme-fill-tsp-components-primary: #56565f52; --theme-fill-tsp-components-secondary: #56565f33; --theme-fill-tsp-components-tertiary: #56565f1f; --theme-fill-btn-primary: #2d2d2f; --theme-fill-btn-secondary: #252528; --theme-fill-white: #0000003d; --theme-fill-tsp-blue: #5e8cff1f; --theme-fill-tsp-brand: #8264ee1f; --theme-fill-tsp-brand-primary: #8264eed9; --theme-fill-tsp-brand-secondary: #8264eea6; --theme-fill-tsp-brand-tertiary: #8264ee73; --theme-fill-gray: #2d2d2f; --theme-fill-tsp-gray: #56565fa6; --theme-fill-black-none: #2d2d2f; --theme-fill-white-none: #ffffff; --theme-label-tsp-brand-primary: #8264ee3d; --theme-label-tsp-brand-secondary: #8264ee1f; --theme-border-light: #56565f33; --theme-border-primary: #56565f52; --theme-border-quaternary: #56565f73; --theme-border-active: #9880f8; --theme-border-white: #ffffff0a; --theme-tab-fill: #56565f1f; --theme-tab-fill-active: #77777e; --theme-tooltips-fill: #000000f2; --theme-bg-white: #202020; --theme-bg-gray-primary: #252528; --theme-bg-gray-secondary: #1b1b1d; --theme-bg-mask: #00000073; --theme-bg-menu-white: #282828; --theme-bg-menu-gray: #2d2d2f; --theme-bg-tsp-gray-primary: #252528e6; --theme-bg-tsp-white-primary: #282828d9; --theme-bg-gray-nav: #2d2d2f; --theme-bg-tsp-white-secondary: #0000003d; --theme-bg-custom-01: #333c; --theme-function-info: #0f76bc; --theme-function-success: #278056; --theme-function-warning: #b07807; --theme-function-error: #8e2827; --theme-function-error-hover: #e02423; --theme-function-error-border: #742525; --theme-function-warning-light: #443518; --theme-function-warning-border: #634b1b; --theme-shadow-s1: rgba(0, 0, 0, .24); --theme-shadow-s2: rgba(0, 0, 0, .32); --theme-shadow-s3: rgba(0, 0, 0, .45); --theme-gradient-white-not: rgba(255, 255, 255, 0); --theme-gradient-white-main: rgba(255, 255, 255, .16); --theme-gradient-brand-light: rgba(130, 100, 238, .08); --theme-gradient-white-not-secondary: rgba(40, 40, 40, 0); --theme-gradient-white: #282828 } .quota-panel-qT1Ieo .title-ZbfDCp { color: var(--theme-text-primary); font-size: 16px; line-height: 22px; font-weight: 500 } .quota-panel-qT1Ieo .current-sKhPnh { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; color: var(--theme-text-secondary); margin-top: 4px } .quota-panel-qT1Ieo .current-sKhPnh label, .quota-panel-qT1Ieo .current-sKhPnh .value-EKXAlG { flex: 1 1 auto; white-space: nowrap } .quota-panel-qT1Ieo .current-sKhPnh label { overflow: hidden; text-overflow: ellipsis; margin-right: 8px } .quota-panel-qT1Ieo .current-sKhPnh .value-EKXAlG { display: inline-flex; align-items: center; justify-content: flex-end } .quota-panel-qT1Ieo .quota-list-uoPDA4 { padding-left: 20px; color: var(--theme-text-tertiary); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 2px; margin-top: 2px } .quota-panel-qT1Ieo .quota-list-uoPDA4 li { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative } .quota-panel-qT1Ieo .quota-list-uoPDA4 li label, .quota-panel-qT1Ieo .quota-list-uoPDA4 li .value-EKXAlG { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .quota-panel-qT1Ieo .quota-list-uoPDA4 li .value-EKXAlG { display: inline-flex; align-items: center; justify-content: flex-end } .quota-panel-qT1Ieo .quota-list-uoPDA4 li:before { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--theme-text-white-primary); position: absolute; top: 9px; left: -14px } .quota-panel-qT1Ieo .addon-GOE-eM { margin-top: 4px } .quota-panel-qT1Ieo .divider-47eslp { width: 100%; height: 1px; background-color: var(--theme-border-quaternary); margin: 8px 0 } .quota-panel-qT1Ieo .desc-text-s7fFKj { color: var(--theme-text-tertiary) } .quota-panel-qT1Ieo a { font-size: 14px; font-weight: 400; color: var(--theme-text-link) } .quota-panel-qT1Ieo a:hover { opacity: .9 } .quota-panel-qT1Ieo a:active { color: var(--theme-text-link-active) } .quota-panel-qT1Ieo .link-btn-7OyrcB { font-size: 14px; font-weight: 500; gap: 4px } .quota-panel-qT1Ieo .link-btn-7OyrcB .arrow-y2V2cM { transform: rotate(180deg) } .quota-panel-qT1Ieo .link-btn-7OyrcB .arrow-y2V2cM path { opacity: 1 } .dialog-wrapper-MtfqK7 { z-index: 1040 } .credits-records-dialog-n-FVJK { padding: 20px } .credits-records-dialog-n-FVJK .title-8aoHis { font-size: 18px; font-weight: 600; line-height: 28px; color: var(--theme-text-primary); margin-bottom: 12px } .credits-records-dialog-n-FVJK .content-Vy0SW7 { max-height: calc(80vh - 100px); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .credits-records-dialog-n-FVJK .content-Vy0SW7::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .credits-records-dialog-n-FVJK .content-Vy0SW7::-webkit-scrollbar-track { background: transparent } .credits-records-dialog-n-FVJK .content-Vy0SW7::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .credits-records-dialog-n-FVJK .content-Vy0SW7::-webkit-scrollbar-thumb:hover { background: #00000062 } .credits-records-dialog-n-FVJK .content-Vy0SW7::-webkit-scrollbar-corner { background: transparent } .records-9SBWj3 { width: 100%; border-spacing: 0; table-layout: fixed; border: 1px solid var(--theme-border-primary); border-radius: 8px; overflow: hidden } .records-9SBWj3 .loading-box-cVuhgD { height: 429px } .records-9SBWj3 th, .records-9SBWj3 td { box-sizing: border-box; padding: 10px 16px; height: 40px } .records-9SBWj3 th:first-child, .records-9SBWj3 td:first-child, .records-9SBWj3 th:nth-child(2n), .records-9SBWj3 td:nth-child(2n) { width: 160px } .records-9SBWj3 th:nth-child(3n), .records-9SBWj3 td:nth-child(3n) { width: 220px } .records-9SBWj3 th:last-child, .records-9SBWj3 td:last-child { width: 160px; text-align: end } .records-9SBWj3 th { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; background: var(--theme-bg-gray-primary); vertical-align: middle } .records-9SBWj3 th .download-R5Km0t { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 2px } .records-9SBWj3 th .tips-A--fKP { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--text-secondary); display: inline-flex } .records-9SBWj3 td { border-bottom: 1px solid var(--transparent-grayblue-12); color: var(--theme-text-title); font-size: 14px; font-weight: 400; line-height: 22px } .records-9SBWj3 td>a { font-weight: 500; color: var(--text-link) } .records-9SBWj3 tr:last-child td { border-bottom: 0 } .records-9SBWj3 .no-data-9Eo3Yx { text-align: center; padding: 60px 0; border: none; height: calc(var(--min-height) - 60px) } .records-9SBWj3 .no-data-9Eo3Yx .empty-MGPlg6 { display: flex; width: 100%; justify-content: center; margin: 0 auto 12px; color: var(--text-secondary) } .records-9SBWj3 .no-data-9Eo3Yx .empty-desc-J6hP-p { max-width: 260px; margin: auto; text-align: center; font-size: 12px; font-weight: 400; line-height: 18px; color: var(--grayblue-800) } .records-9SBWj3 .pre-wrap-jUxyJt { word-wrap: break-word; white-space: pre-wrap } .footer-86CeNw { margin-top: 12px; display: flex; justify-content: center } .usage-info-Qh3Hse { display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 7px; width: 100% } .usage-info-Qh3Hse .queries-info-6NE1cj { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; font-size: 12px; line-height: 18px; font-weight: 400; gap: 12px } .usage-info-Qh3Hse .queries-info-6NE1cj .queries-info-title-Rp-z2D { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 14px; line-height: 22px; color: var(--theme-text-primary); font-weight: 400; gap: 4px; white-space: nowrap } .usage-info-Qh3Hse .queries-info-6NE1cj .queries-info-title-Rp-z2D .info-icon-vA8Wfu { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: inline-flex } .usage-info-Qh3Hse .queries-info-6NE1cj .queries-info-title-Rp-z2D .info-icon-vA8Wfu svg { color: var(--theme-text-quaternary) } .usage-info-Qh3Hse .queries-info-6NE1cj .queries-info-title-Rp-z2D .tooltip-title-qlDyfZ { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px; align-items: flex-start } .usage-info-Qh3Hse .queries-info-6NE1cj .unlimited--MgQ7j { color: var(--theme-icon-primary) } .usage-info-Qh3Hse .queries-info-6NE1cj .per-day-ED4FR9 { font-size: 14px; display: flex; align-items: center; color: var(--theme-icon-quaternary); white-space: nowrap } .tip-M9XBFm { white-space: pre-wrap } .tip-M9XBFm.ant-tooltip { max-width: 340px !important; min-width: 300px } .tip-M9XBFm .link-zjJuRL { color: var(--theme-text-link) } .queries-detail-x7aAqF { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; padding-left: 20px } .queries-detail-x7aAqF .detail-item-69eaDa { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; font-size: 12px; line-height: 18px; color: var(--theme-text-tertiary) } .loading-IVCwJ- { height: 182px; display: flex; flex-direction: row; justify-content: center; align-items: center } .query-info-8nz-vm { background-color: var(--theme-fill-tsp-components-tertiary); border-radius: 12px; padding-bottom: 12px; width: max-content; max-width: 320px } .query-info-8nz-vm .plan-info-dMtXPH { display: flex; align-items: center; padding: 8px 12px; background: linear-gradient(90deg, rgba(79, 89, 102, .032) 0%, rgba(255, 255, 255, 0) 128.21%); border-top-left-radius: 12px; border-top-right-radius: 12px } .query-info-8nz-vm .plan-info-dMtXPH .plan-rwUcFX span { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 500; line-height: 22px; margin-right: 4px } .query-info-8nz-vm .plan-info-dMtXPH .plan-rwUcFX strong { color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px } .query-info-8nz-vm .plan-info-dMtXPH .upgrade-button-jueWz- { height: 28px; margin-left: auto } .query-info-8nz-vm .team-plan-info-YAYcFG { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-radius: 10px 10px 0 0; background: linear-gradient(134deg, rgba(214, 210, 253, .6) 50.31%, rgba(255, 164, 84, .13) 279.82%) } .query-info-8nz-vm .team-plan-info-YAYcFG .label-6vP63l { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--theme-text-secondary) } .query-info-8nz-vm .team-plan-info-YAYcFG .value-htztQp { display: flex; align-items: center; gap: 4px; font-size: 16px; font-weight: 700; color: var(--theme-text-primary) } .query-info-8nz-vm .team-plan-info-YAYcFG.dark-1lKfay { background: linear-gradient(120deg, #312f3e 56.44%, #39343c 91.41%) } .query-info-8nz-vm .queries-usage-2crYmX { padding: 12px } .query-info-8nz-vm .usages-BXLifl { display: flex; flex-direction: column; gap: 12px } .query-info-8nz-vm .divider-ZEBnjU { margin: 0 12px; height: 1px; background-color: var(--theme-border-light) } .query-info-8nz-vm.light-1F-TqP { background-color: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2); padding-bottom: 16px } .query-info-8nz-vm.light-1F-TqP .plan-info-dMtXPH { background: linear-gradient(90deg, rgba(104, 65, 234, .08) -34.08%, rgba(255, 255, 255, .2) 125.04%); padding: 12px 16px } .query-info-8nz-vm.light-1F-TqP .queries-usage-2crYmX { padding: 16px } .query-info-8nz-vm.light-1F-TqP .divider-ZEBnjU { margin: 0 16px } .query-info-8nz-vm.light-1F-TqP .invite-banner-X6Enbx { margin: 12px 16px 0 } .invite-banner-X6Enbx { border-radius: 10px; margin-top: 12px; background: linear-gradient(90deg, #fc537a, #967de6); cursor: pointer; padding: 1px } .invite-banner-X6Enbx .cont-hy5EFI { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 9px; width: 100%; padding: 4px 10px; display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 22px; color: var(--theme-text-primary); background-color: var(--theme-bg-menu-white) } .invite-banner-X6Enbx .name-PncRXM { font-size: 14px; font-weight: 600 } .invite-banner-X6Enbx .desc-AJrkoA { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis } .invite-banner-X6Enbx:hover .cont-hy5EFI { opacity: .95 } ._monica-dark .query-info-8nz-vm .plan-info-dMtXPH { background: linear-gradient(90deg, rgba(79, 89, 102, .032) 0%, rgba(255, 255, 255, 0) 128.21%) } ._monica-dark .query-info-8nz-vm.light-1F-TqP .plan-info-dMtXPH { background: linear-gradient(90deg, rgba(104, 65, 234, .08) -34.08%, rgba(255, 255, 255, .02) 125.04%) } .usage-detail-popover-n7xGrg { min-width: 240px; padding: 16px 12px; display: flex; flex-direction: column; gap: 12px; background-color: var(--theme-bg-white); border-radius: 12px; box-shadow: 0 1px 20px 0 var(--theme-shadow-s1) } .usage-detail-popover-n7xGrg .title-KjJjyj { display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 600; line-height: 18px; gap: 4px } .usage-detail-popover-n7xGrg .title-KjJjyj .module-name-cx3ibj { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; color: var(--theme-icon-primary); font-size: 12px; font-weight: 700; line-height: 18px } .usage-detail-popover-n7xGrg .content-x7nMOK { display: flex; flex-direction: column; gap: 12px } .usage-detail-popover-n7xGrg .content-x7nMOK .queries-mKYnjW { padding: 8px 12px; background-color: var(--theme-fill-tsp-components-secondary); border-radius: 12px } .usage-detail-popover-n7xGrg .content-x7nMOK .queries-mKYnjW .queries-quota-rVU8Sk { display: flex; flex-direction: row; justify-content: space-between; align-items: center } .usage-detail-popover-n7xGrg .content-x7nMOK .queries-mKYnjW .queries-quota-rVU8Sk .queries-title-8wfPm8, .usage-detail-popover-n7xGrg .content-x7nMOK .queries-mKYnjW .queries-quota-rVU8Sk .unlimited-VExUzx { color: var(--theme-icon-primary); font-size: 12px; font-weight: 500; line-height: 18px } .usage-detail-popover-n7xGrg .content-x7nMOK .queries-mKYnjW .queries-quota-rVU8Sk .period-OVsAVy { display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-icon-quaternary); font-size: 12px; font-weight: 400; line-height: 18px; gap: 4px } .usage-detail-popover-n7xGrg .content-x7nMOK .queries-mKYnjW .queries-quota-rVU8Sk .period-OVsAVy b { color: var(--theme-icon-primary); font-size: 12px; font-weight: 500; line-height: 18px } .usage-detail-popover-n7xGrg .content-x7nMOK .queries-mKYnjW .progress-bar-KMk7A1 { margin-top: 4px; width: 100%; height: 6px; background-color: var(--theme-bg-white); border-radius: 3px; overflow: hidden } .usage-detail-popover-n7xGrg .content-x7nMOK .queries-mKYnjW .progress-bar-KMk7A1 .progress-bar-inner-f4L6yj { width: 100%; height: 100%; border-radius: 3px; background: linear-gradient(281deg, var(--theme-btn-fill-primary) 20.18%, var(--theme-text-link) 136.51%) } .usage-detail-popover-n7xGrg .content-x7nMOK .rewarded-1SL0m5 .rewarded-title-cj6jMl { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 4px } .usage-detail-popover-n7xGrg .content-x7nMOK .rewarded-1SL0m5 .rewarded-title-cj6jMl .icon-rewarded-L7cyuv { color: var(--theme-icon-brand) } .usage-detail-popover-n7xGrg .content-x7nMOK .rewarded-1SL0m5 .rewarded-title-cj6jMl .rewarded-text-F8km8d { color: var(--theme-icon-primary); font-size: 12px; font-weight: 400; line-height: 18px } .usage-detail-popover-n7xGrg .content-x7nMOK .rewarded-1SL0m5 .rewarded-content-Nj7lg1 { margin-top: 4px; padding: 8px 12px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: var(--theme-fill-tsp-components-secondary); border-radius: 12px; color: var(--theme-icon-primary); font-size: 12px; font-weight: 500; line-height: 18px } .simple-usage-info-hFwuhP { color: var(--theme-icon-brand); font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px; display: flex; align-items: center; cursor: default } .usage-info-JrSghN { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 24px; padding: 0 6px; background-color: var(--theme-btn-fill-tertiary); border-radius: 16px; cursor: default } .usage-info-JrSghN .vip-font-4UoAVz { font-size: 12px; color: var(--theme-icon-brand); line-height: 18px; display: flex; align-items: center } .usage-count-laZjto { display: inline-flex; align-items: center; font-weight: 600; color: var(--theme-icon-brand) } .usage-count-laZjto.new-style-gUYSiH { color: var(--theme-icon-secondary) } .usage-count-laZjto.error-qGMcrB { color: var(--theme-function-error) !important } .normal-content-owQAxF { border-radius: 16px; background: var(--theme-fill-tsp-components-secondary); padding: 3px 6px; display: flex; align-items: center } .normal-content-owQAxF .usage-count-laZjto { color: var(--theme-icon-secondary); font-size: 12px; font-style: normal; font-weight: 600; line-height: 18px } .artist-guide-0zANL2 { width: 230px; padding: 12px 20px; border-radius: 10px; background: linear-gradient(188.65deg, #FEF7F3 -1.82%, #FFFFFF 26.75%); box-shadow: var(--theme-box-shadow-s2); display: flex; flex-direction: column; justify-content: center } .artist-guide-0zANL2 .title-KjJjyj { font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; color: var(--theme-text-primary) } .artist-guide-0zANL2 .title-KjJjyj .highlight-GbhV-B { background-image: linear-gradient(30deg, #262626 0%, #8327de 21.18%, #8327deaa 116.76%); background-clip: text; -webkit-background-clip: text; color: transparent } .artist-guide-0zANL2 .unlock-PnUhTc { font-size: 13px; line-height: 20px; text-align: center; color: var(--theme-text-secondary) } .artist-guide-0zANL2 .start-btn-SEdgnl { margin-top: 10px; border-radius: 16px; color: var(--theme-text-brand); display: inline-block; line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; padding: 0 12px; text-align: center; min-width: 140px; max-width: 100% } ._monica-dark .artist-guide-0zANL2 { background: linear-gradient(188.65deg, #2C2019 -1.82%, #282828 26.75%) } ._monica-dark .artist-guide-0zANL2 .title-KjJjyj .highlight-GbhV-B { background-image: linear-gradient(224.03deg, #9377ED .27%, #F3F3F3 115.44%) } .vip-tag-I5Px-S { display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 4px; padding: 4px 10px; text-align: center; color: var(--brand-50); font-size: 10px; font-weight: 700; line-height: 14px; border-radius: 20px; box-shadow: 1px 1px 1px #d3c8ff40 inset } .vip-tag-I5Px-S.starter-i47xEh, .vip-tag-I5Px-S.basic-sY9E4o { background: linear-gradient(111deg, var(--theme-btn-fill-primary-hover) 6.18%, var(--theme-btn-fill-primary) 88.52%) } .vip-tag-I5Px-S.boost-z6iTqt { background: linear-gradient(281deg, var(--theme-btn-fill-primary) 20.18%, var(--theme-btn-fill-primary-hover) 136.51%) } .vip-tag-I5Px-S.elite-qfU98V { background: linear-gradient(281deg, var(--theme-btn-fill-primary) 20.18%, var(--theme-text-link) 136.51%) } .vip-tag-I5Px-S.is-free-uypE9x { background: var(--theme-icon-disable) } ._monica-dark .vip-tag-I5Px-S { filter: brightness(1.4) contrast(.8) } ._monica-dark .vip-tag-I5Px-S.is-free-uypE9x { filter: none } .base-model-list-CFg4Gk { background-color: var(--theme-bg-menu-white); width: max-content; padding-bottom: 16px; font-size: 12px; max-width: 290px; min-width: 240px; color: var(--theme-text-quaternary); box-shadow: var(--theme-box-shadow-s2); border-radius: 20px; border: 1px solid var(--theme-border-white) } .base-model-list-CFg4Gk .upgrade-button-uIhriX { height: 28px; padding: 4px 8px; border-radius: 16px; background: var(--theme-btn-fill-tertiary); margin-left: auto; color: var(--theme-text-brand); font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; transition: background .2s } .base-model-list-CFg4Gk .upgrade-button-uIhriX .icon-pixS0W { position: relative; top: 4px; width: 16px; height: 16px } .base-model-list-CFg4Gk .upgrade-button-uIhriX:hover { background: var(--theme-btn-fill-tertiary-hover) } .header-WObbYt { padding: 16px; display: flex; flex-direction: column; gap: 8px } .header-WObbYt .title-T-kquz { color: var(--theme-text-primary); display: flex; gap: 2px; align-items: center } .list-10RZ75 { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden; display: flex; flex-direction: column; gap: 8px } .list-10RZ75::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .list-10RZ75::-webkit-scrollbar-track { background: transparent } .list-10RZ75::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .list-10RZ75::-webkit-scrollbar-thumb:hover { background: #00000062 } .list-10RZ75::-webkit-scrollbar-corner { background: transparent } .list-10RZ75 .model-group-33pTF0 { display: flex; flex-direction: column; gap: 4px } .list-10RZ75 .model-group-33pTF0 .label-dkTHAH { color: var(--theme-text-quaternary); font-size: 12px; line-height: 16px; padding: 0 16px } .list-10RZ75 .model-group-33pTF0 .content-W95KDS { display: flex; flex-direction: column; gap: 4px } .more-model-p3DKn0 { padding: 8px; border-radius: 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; margin: 0 10px } .more-model-p3DKn0 .more-icon-pUx3aq { width: 24px; height: 24px; border-radius: 50%; background: var(--theme-fill-tsp-components-secondary); display: flex; flex-direction: row; justify-content: center; align-items: center } .more-model-p3DKn0 .more-text--ooTSO { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .more-model-p3DKn0 ul { display: flex; flex-direction: row; justify-content: center; align-items: center } .more-model-p3DKn0 ul .more-model-icon-fLwH36+.more-model-icon-fLwH36 { margin-left: -4px } .more-model-p3DKn0:hover { background: var(--theme-fill-tsp-components-secondary) } .some-models-DD2txl { margin: 0 2px; border-bottom: 1px solid } .configure-skills-2S191w { cursor: pointer; color: var(--theme-text-link) } .model-item-8JJS-G { display: flex; gap: 10px; align-items: flex-start; padding: 8px; margin: 0 8px; cursor: pointer; border-radius: 12px } .model-item-8JJS-G .checkbox-KwNssL { visibility: hidden; margin-left: auto } .model-item-8JJS-G.selected-NhAqJT .checkbox-KwNssL { visibility: visible } .model-item-8JJS-G.selected-NhAqJT .text-t-j9rs>h4 { color: var(--theme-text-brand) } .model-item-8JJS-G:hover { background-color: var(--theme-btn-fill-secondary-hover) } .model-item-8JJS-G:hover .checkbox-KwNssL { visibility: visible } .text-t-j9rs { flex: 1 1 100%; display: flex; flex-direction: column } .text-t-j9rs>h4 { font-weight: 700; font-size: 14px; color: var(--theme-text-primary); display: flex; justify-content: space-between; align-items: center; line-height: 24px } .text-t-j9rs>h4 .name--nbKaJ { display: inline-flex; align-items: center; gap: 4px } .text-t-j9rs>h4 .recommend-0XmsxC { background-color: var(--theme-btn-fill-primary); border-radius: 20px; padding: 0 6px; font-size: 12px; line-height: 18px; font-weight: 400; color: var(--theme-text-white-primary); scale: .85 } .text-t-j9rs>h4 .tag-gc8F6q { padding: 2px 10px; border-radius: 6px; background: var(--theme-btn-fill-secondary); color: var(--theme-text-primary, #262626); font-size: 12px; font-weight: 500; line-height: 16px } .skill-icon-dEu-Jc { display: inline-flex; padding: 6.5px; border-radius: 8px; font-size: 20px } .skill-icon-dEu-Jc.circle-9Giipk { border-radius: 50%; border: 1px solid var(--theme-bg-white); overflow: hidden } .skill-icon-dEu-Jc.circle-9Giipk:not(.img-icon-BEL8Q-) { font-size: 12px; padding: 3px } .skill-icon-dEu-Jc.img-icon-BEL8Q- { padding: 0; height: 32px; width: 32px } .skill-icon-dEu-Jc.default-bg-R3Zj0Q.circle-9Giipk.webAccess-6lZsYy { font-size: 12px; padding: 3px } .skill-icon-dEu-Jc.default-bg-R3Zj0Q.webAccess-6lZsYy { background: var(--tab-fill-brand-active); font-size: 16px; padding: 8px } .skill-icon-dEu-Jc.default-bg-R3Zj0Q.memory-ytY4BZ { background: var(--green-50) } .skill-icon-dEu-Jc.default-bg-R3Zj0Q.drawPicture-YFt5Fc { background: var(--yellow-50) } .skill-icon-dEu-Jc.default-bg-R3Zj0Q.taskReminder-RKtgO7 { background: var(--primaryblue-50) } .skill-icon-dEu-Jc.default-bg-R3Zj0Q.memo-U25KHx { background: var(--tab-fill-brand-active) } .skill-icon-dEu-Jc.default-bg-R3Zj0Q.artifacts-xo9SSS { background: #ffefef } .add-skill-dialog-kSEkhd { padding-top: 20px; border-radius: 20px; background: var(--theme-bg-white); height: 514px; max-width: calc(100vw - 16px) } .add-skill-dialog-kSEkhd .selected-models-YqIyPF { border-bottom: 1px solid; margin: 0 2px; cursor: pointer } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux { display: flex; flex-direction: column; height: 100% } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .header-5waOdZ { padding: 0 16px } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .dialog-title-rWU4Er { color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; display: flex } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .actions-desc-Dc17cO { color: var(--theme-text-tertiary); font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; align-items: center } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-list-vgVa9v { flex: 1; min-height: 0px; margin-top: 10px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; position: relative } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-list-vgVa9v::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-list-vgVa9v::-webkit-scrollbar-track { background: transparent } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-list-vgVa9v::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-list-vgVa9v::-webkit-scrollbar-thumb:hover { background: #00000062 } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-list-vgVa9v::-webkit-scrollbar-corner { background: transparent } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-item-EuaNYm { display: flex; align-items: center; gap: 20.5px; padding: 6px 16px; transition: background .2s; position: relative; min-height: 57px } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-item-EuaNYm:not(:first-child):after { content: ""; width: calc(100% - 32px); height: 1px; background: var(--theme-fill-tsp-components-secondary); top: 0; left: 16px; position: absolute } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-item-EuaNYm.viewAll-gyv7fC { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-item-EuaNYm.viewAll-gyv7fC:hover { background: var(--theme-btn-fill-secondary-hover) } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-item-EuaNYm:hover .detail-icon-NOexeE { display: inline-flex } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-item-EuaNYm .center--aN3KU { flex: 1; min-width: 0 } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-item-EuaNYm .center--aN3KU .name-78ZqnG { display: flex } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-item-EuaNYm .center--aN3KU .name-78ZqnG .text-sp3W-x { color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-item-EuaNYm .center--aN3KU .name-78ZqnG .beta-u2CBUv { border-radius: 12px; background: var(--theme-fill-tsp-blue); color: var(--theme-text-link); text-align: center; font-size: 11px; font-style: normal; font-weight: 700; line-height: normal; padding: 0 6px; margin-left: 4px; display: inline-flex; align-items: center; white-space: nowrap } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .skill-item-EuaNYm .detail-icon-NOexeE { display: none; margin-left: 4px } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .footer-WtWNoA { display: flex; align-items: center; margin-top: 15px; padding: 0 20px 20px; flex-wrap: wrap; gap: 4px } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .footer-WtWNoA.shadow---D3zC { position: relative } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .footer-WtWNoA.shadow---D3zC:after { content: ""; background: linear-gradient(180deg, rgba(255, 255, 255, 0) -4.87%, var(--theme-text-white-primary) 71.23%); position: absolute; top: -56px; left: 0; width: 100%; height: 56px } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .footer-WtWNoA.no-count-9CFENj .button-FlpcxL { margin-left: auto } .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .footer-WtWNoA .count-L79S3O { color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; margin-right: auto } .blue-link--CxwMK { cursor: pointer; color: var(--theme-text-link) } .blue-link--CxwMK:hover { color: var(--theme-text-link-active); text-decoration: underline } .skill-detail-view-yfavg8 { padding: 0 20px 20px; height: 100% } .skill-detail-view-yfavg8 .header-5waOdZ { display: flex; margin-top: -3px; margin-left: -6px } .skill-detail-view-yfavg8 .header-5waOdZ path { stroke-opacity: 1 } .skill-detail-view-yfavg8 .content--NHLoP { padding-top: 16px; padding-bottom: 16px } .skill-detail-view-yfavg8 .content--NHLoP .skill-hIXKnI { display: flex; align-items: center; gap: 12px } .skill-detail-view-yfavg8 .content--NHLoP .skill-hIXKnI .center--aN3KU { flex: 1; min-width: 0; color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .skill-detail-view-yfavg8 .content--NHLoP .skill-desc-Xi4cKn { margin-top: 16px; color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .skill-detail-view-yfavg8 .content--NHLoP .skill-desc-Xi4cKn li:before { content: ""; width: 4px; height: 4px; background: var(--common-black); border-radius: 50%; display: inline-block; margin-right: 9px; vertical-align: middle } .skill-detail-view-yfavg8 .content--NHLoP .gpt4-wbi72q { color: var(--theme-text-quaternary); font-size: 13px; font-style: normal; font-weight: 400; line-height: 22px } .skill-detail-view-yfavg8 .content--NHLoP .try-svd5Cy { margin-top: 16px; color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .skill-detail-view-yfavg8 .content--NHLoP .quick-reply-button-H3vpV3 { margin-top: 8px; display: inline-flex; border-radius: 12px; background: var(--theme-border-quaternary); transition: background .2s; padding: 8px 12px; color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .skill-detail-view-yfavg8 .content--NHLoP .quick-reply-button-H3vpV3:hover { background: var(--theme-btn-fill-secondary-active) } ._monica-dark .add-skill-dialog-kSEkhd .skill-list-view-6x-sux .footer-WtWNoA.shadow---D3zC:after { background: inherit } .chat-model-switcher-KOsuGX { cursor: pointer; display: flex; overflow: hidden } .label-wrapper-jqm1oJ { display: flex; align-items: center; gap: 2px; position: relative; font-weight: 500 } .label-wrapper-jqm1oJ .label-icon-Ni226O { width: 14px; height: 14px; border-radius: 50%; border: 1px solid var(--theme-border-primary) } .model-name-H9KK96 { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .label-arrow-ny5Nag { transform: translateY(1px) } .label-arrow-flipped-xCJ2j2 { transform: translateY(1px) rotate(180deg) } .label-arrow-wrapper-8Fatkv { display: flex; justify-content: center; align-items: center } .popover-content-UOKFJ1 { margin-left: -12px } .guide-tip-HhA9Zb .ant-tooltip-content .ant-tooltip-inner { background: var(--theme-btn-fill-primary) !important } .guide-tip-HhA9Zb .ant-tooltip-arrow:before { background: var(--theme-btn-fill-primary) !important } .translation-glossary-switch-QazWkl { visibility: visible; gap: 6px !important } .translation-glossary-switch-QazWkl .translation-glossary-switch-label-kXUU0u { display: inline-flex; gap: 2px } .translation-glossary-tooltip-content-wzo6Cg { visibility: visible; display: flex; width: 245px; padding: 6px 12px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px } .translation-glossary-tooltip-content-wzo6Cg .trans-glossary-tip-text-JUlnqb { color: var(--theme-text-white-primary); font-size: 13px; font-weight: 400; line-height: 18px } .translation-glossary-tooltip-content-wzo6Cg .trans-glossary-tip-link-5Hxnho { display: flex; color: var(--theme-text-link); font-size: 13px; font-weight: 400; line-height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .translation-glossary-crud-dialog-nWJuwd { visibility: visible; padding: 16px } .translation-glossary-crud-dialog-nWJuwd .title-n-YfOn { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .translation-glossary-crud-dialog-nWJuwd .form-MuF5uj { padding: 12px 0 } .translation-glossary-crud-dialog-nWJuwd .form-MuF5uj .form-item-fnrD6q :not(:first-child) { margin-bottom: 16px } .translation-glossary-crud-dialog-nWJuwd .form-MuF5uj .form-item-fnrD6q label { display: block; margin-bottom: 8px; overflow: hidden; color: var(--theme-text-primary); text-overflow: ellipsis; font-size: 14px; font-weight: 500; line-height: 20px } .translation-glossary-crud-dialog-nWJuwd .footer-r-vZ7t { display: flex; align-items: center; justify-content: space-between; gap: 12px } .translation-glossary-crud-dialog-nWJuwd .footer-r-vZ7t .btn-groups-AEcmel { flex: 1; display: flex; justify-content: flex-end; gap: 12px } .translation-glossary-crud-dialog-nWJuwd .footer-r-vZ7t .btn-3QDY7S { min-width: 76px; white-space: normal } .translation-glossary-drawer-title-eDmMDN { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } ._monica-dark .list-item-ops-hoh35r { background: linear-gradient(88deg, #2a2a2a00 -12.26%, #2a2a2a 44.07%) !important } .translation-glossary-drawer-w0xA5i { visibility: visible; display: flex; flex-direction: column; height: 100% } .translation-glossary-drawer-w0xA5i .loading-6lDN4l { flex: 1 0 0; display: flex; justify-content: center; align-items: center; flex-direction: column } .translation-glossary-drawer-w0xA5i .empty-7fdqvx { flex: 1 0 0; display: flex; padding: 20px 16px 80px; flex-direction: column; justify-content: center; align-items: center } .translation-glossary-drawer-w0xA5i .empty-7fdqvx .empty-title-sDNVNU { margin: 10px 0 2px; color: var(--theme-text-tertiary); font-size: 14px; font-weight: 500; line-height: 22px } .translation-glossary-drawer-w0xA5i .empty-7fdqvx .empty-tip-YKGxGA { color: var(--theme-text-quaternary); text-align: center; font-size: 13px; font-weight: 400; line-height: 18px; white-space: pre-wrap } .translation-glossary-drawer-w0xA5i .list-tip-FcSw2x { padding: 0 16px 12px; color: var(--theme-text-quaternary); font-size: 13px; font-weight: 400; line-height: 18px } .translation-glossary-drawer-w0xA5i .list-nPUsPC { margin-top: 4px; flex: 1 1 0; overflow: auto; display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; word-break: break-all; white-space: pre-wrap } .translation-glossary-drawer-w0xA5i .list-nPUsPC .list-item-uvVueb { display: flex; padding: 16px; gap: 16px; align-self: stretch; position: relative; border-bottom: 1px solid var(--theme-border-light) } .translation-glossary-drawer-w0xA5i .list-nPUsPC .list-item-uvVueb:not(.list-header-AExFYO):hover { border-radius: 6px; background: var(--theme-fill-tsp-components-secondary) } .translation-glossary-drawer-w0xA5i .list-nPUsPC .list-item-uvVueb:not(.list-header-AExFYO):hover .list-item-ops-hoh35r { display: flex } .translation-glossary-drawer-w0xA5i .list-nPUsPC .list-item-uvVueb:not(.list-header-AExFYO):hover .list-item-ops-hoh35r .icon-JjYZS2 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .translation-glossary-drawer-w0xA5i .list-nPUsPC .list-item-uvVueb .list-item-ops-hoh35r { display: none; padding: 0 4px 12px; position: absolute; top: 0; bottom: 0; right: 0; background: linear-gradient(88deg, rgba(248, 248, 249, 0) -12.26%, #f8f8f9 44.07%); align-items: flex-end; justify-content: flex-end } .translation-glossary-drawer-w0xA5i .list-nPUsPC .list-item-uvVueb .list-item-content-uMSLx- { flex-basis: 50% } .translation-glossary-drawer-w0xA5i .list-nPUsPC .list-header-AExFYO { color: var(--theme-text-quaternary); font-size: 13px; font-weight: 500; line-height: 18px; padding: 4px 16px } .translation-glossary-drawer-w0xA5i .footer-PsACKt { padding: 8px 16px 16px } .switch-TxoK8f { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; -webkit-app-region: no-drag } .switch-TxoK8f:hover { opacity: .8 } .switch-TxoK8f.disable-transition-2-Jt5F .switch-round-kfUd7N { transition: unset !important } .switch-TxoK8f.disabled-OzxWYE { opacity: .5; cursor: not-allowed } .switch-TxoK8f.disable-word-wrap-1-eWsP .switch-label-rAeZPA { white-space: nowrap } .switch-TxoK8f.checked-iFr7WQ .switch-round-kfUd7N .switch-handler-oZml0- { left: calc(100% - 20px) } .switch-TxoK8f.reverse-vd3Jlx { flex-direction: row-reverse } .switch-TxoK8f.reverse-vd3Jlx .switch-label-rAeZPA { text-align: left } .switch-TxoK8f.size-l-ay1BTr .switch-round-kfUd7N { height: 20px; min-height: 20px; width: 36px; min-width: 36px } .switch-TxoK8f.size-l-ay1BTr .switch-round-kfUd7N .switch-handler-oZml0- { left: 2px } .switch-TxoK8f.size-l-ay1BTr.checked-iFr7WQ .switch-round-kfUd7N .switch-handler-oZml0- { left: calc(100% - 18px) } .switch-TxoK8f .switch-label-rAeZPA { color: var(--theme-text-primary); font-size: 12px; font-weight: 500; line-height: 18px; display: flex; text-align: right } .switch-TxoK8f .switch-round-kfUd7N { width: 40px; min-width: 40px; height: 24px; min-height: 24px; border-radius: 12px; background-color: var(--theme-fill-tsp-components-primary); position: relative; transition: background-color .2s ease-in-out } .switch-TxoK8f .switch-round-kfUd7N .switch-handler-oZml0- { position: absolute; left: 4px; top: 50%; transform: translateY(-50%); transition: left .2s ease-in-out; width: 16px; height: 16px; border-radius: 16px; background-color: var(--theme-bg-white); z-index: 1; filter: drop-shadow(0px -6px 20px rgba(145, 158, 171, .15)) drop-shadow(0px 0px 2px rgba(145, 158, 171, .2)); display: flex; align-items: center; justify-content: center } .switch-small-EEvZjP.checked-iFr7WQ .switch-round-kfUd7N .switch-handler-oZml0- { left: calc(100% - 13px) } .switch-small-EEvZjP .switch-round-kfUd7N { width: 22px; min-width: 22px; height: 14px; min-height: 14px; border-radius: 16px } .switch-small-EEvZjP .switch-round-kfUd7N .switch-handler-oZml0- { width: 12px; height: 12px; border-radius: 12px; left: 1px } .switch-medium-small-dBHWkm { gap: 12px } .switch-medium-small-dBHWkm.checked-iFr7WQ .switch-round-kfUd7N .switch-handler-oZml0- { left: calc(100% - 15px) } .switch-medium-small-dBHWkm .switch-round-kfUd7N { width: 26px; min-width: 26px; height: 16px; min-height: 16px; border-radius: 16px } .switch-medium-small-dBHWkm .switch-round-kfUd7N .switch-handler-oZml0- { width: 14px; height: 14px; border-radius: 14px; left: 1px } .switch-medium-small-dBHWkm .switch-label-rAeZPA { font-size: 14px } ._monica-dark .switch-TxoK8f .switch-round-kfUd7N { background-color: var(--theme-text-tertiary) } ._monica-dark .switch-TxoK8f.checked-iFr7WQ .switch-round-kfUd7N { background-color: #6e5dac !important; filter: saturate(2.2) brightness(1.2) } .knowledge-source-list-nMHjBP { background-color: var(--theme-bg-menu-white); width: max-content; max-width: 330px; min-width: 300px; font-size: 12px; color: var(--theme-text-quaternary); box-shadow: var(--theme-box-shadow-s2); border-radius: 20px; border: 1px solid var(--theme-border-white) } .knowledge-source-list-nMHjBP .upgrade-button-mUpPbj { height: 28px; padding: 4px 8px; border-radius: 16px; background: var(--theme-btn-fill-tertiary); margin-left: auto; color: var(--theme-text-brand); font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; transition: background .2s } .knowledge-source-list-nMHjBP .upgrade-button-mUpPbj .icon-E2aVR0 { width: 16px; height: 16px } .knowledge-source-list-nMHjBP .upgrade-button-mUpPbj:hover { background: var(--theme-btn-fill-tertiary-hover) } .header-pWgRzG { padding: 16px; display: flex; flex-direction: column; gap: 8px } .header-pWgRzG .title-B7PeTh { color: var(--theme-text-primary); display: flex; gap: 2px; align-items: center } .body-eGNoBs { display: flex; flex-direction: column; gap: 4px; padding-bottom: 16px } .some-models-K8NkSp { margin: 0 2px; border-bottom: 1px solid } .configure-skills-FKOIC- { cursor: pointer; color: var(--theme-text-link) } .item-FvLYyw { display: flex; gap: 10px; align-items: flex-start; padding: 6px; margin: 0 10px; cursor: pointer; border-radius: 12px } .item-FvLYyw .checkbox-NOx2Oy { visibility: hidden; margin-left: auto } .item-FvLYyw.selected-epGy0f .checkbox-NOx2Oy { visibility: visible } .item-FvLYyw.selected-epGy0f .text-ZsA-Xd>h4 { color: var(--theme-text-brand) } .item-FvLYyw:hover { background-color: var(--theme-btn-fill-secondary-hover) } .item-FvLYyw:hover .checkbox-NOx2Oy { visibility: visible } .icon-E2aVR0 { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 50% } .text-ZsA-Xd { flex: 1 1 100%; display: flex; flex-direction: column } .text-ZsA-Xd>h4 { font-weight: 700; font-size: 14px; color: var(--theme-text-primary); display: flex; justify-content: space-between; align-items: center; line-height: 24px } .chat-source-switch-qe5M0d { cursor: pointer; display: flex } .popover-content-xG6g2s { margin-left: -12px } .label-wrapper-tU5mc5 { display: flex; align-items: center; gap: 2px; position: relative; font-weight: 500 } .label-icon-ax7qay { width: 14px; height: 14px; border-radius: 50% } .label-arrow-CSHIUI { transform: translateY(1px) } .label-arrow-flipped-GpOuRs { transform: translateY(1px) rotate(180deg) } .label-arrow-wrapper-O0z2uQ { display: flex; justify-content: center; align-items: center } .glossary-config-spiEYW { color: var(--theme-text-primary); font-size: 12px; font-weight: 400; line-height: 16px; display: flex; align-items: center; align-self: stretch; gap: 4px } .chat-input-footer-YyqUW4 { font-size: 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 32px; min-height: 32px; border-top: 1px solid var(--theme-border-light); background: var(--bg-lv3); border-radius: 0 0 12px 12px; gap: 8px; padding: 0 12px; justify-content: space-between } .chat-input-footer-YyqUW4 .left-JWiDkv { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 16px } .chat-input-footer-YyqUW4 .left-JWiDkv .model-selector-p1VAtY { overflow: hidden; flex: 1 } .chat-input-footer-YyqUW4 .left-JWiDkv .model-selector-p1VAtY .model-selector-label-HjaTVI { flex: 1; overflow: hidden } .chat-input-footer-YyqUW4 .right-lyuGgW { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; justify-content: right; min-width: 0px; flex: 1 0 auto } .chat-input-footer-YyqUW4 .right-lyuGgW .upgrade-badge-flxOGW { flex: 1; min-width: 0px; display: inline-flex; justify-content: right } .incognito-mode-icon-5d52TL { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 6px; background: var(--theme-fill-black-none); color: var(--theme-icon-white-primary) } .credits-alert-wrapper-rqTvvX { padding: 0 12px; margin-top: 8px; width: 100% } .credits-alert-wrapper-rqTvvX .credits-alert-35ArAD { display: flex; flex-direction: column; gap: 8px; width: 100%; border-radius: 10px; background: rgba(255, 171, 0, .1); padding: 8px 12px } .credits-alert-wrapper-rqTvvX .credits-alert-35ArAD .tips-oCpTD4 { font-size: 13px; line-height: 20px; color: var(--theme-text-primary) } .credits-alert-wrapper-rqTvvX .credits-alert-35ArAD .tips-oCpTD4 .feature-name-fwShSc { color: var(--theme-text-link); font-weight: 500; line-height: 18px } .credits-alert-wrapper-rqTvvX .credits-alert-35ArAD .tips-oCpTD4 .model-name-9QBM4v, .credits-alert-wrapper-rqTvvX .credits-alert-35ArAD .tips-oCpTD4 .bold-DF2fhP { font-weight: 500; line-height: 18px } .credits-alert-wrapper-rqTvvX .credits-alert-35ArAD .operation-btn--IX3CT { display: flex; height: 28px; min-width: 68px; padding: 0 8px; justify-content: center; align-items: center; width: max-content; gap: 4px; border-radius: 6px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); color: var(--theme-text-primary); font-size: 13px; font-weight: 500; line-height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .credits-alert-wrapper-rqTvvX .credits-alert-35ArAD .operation-btn--IX3CT:hover { opacity: .8 } ._monica-dark .chat-input-footer-YyqUW4 { background: var(--theme-bg-gray-secondary) } .drain-content-5Am1vz { display: flex; padding: 12px; flex-direction: column; border-radius: 8px; background: var(--theme-bg-gray-secondary); gap: 12px } .drain-content-5Am1vz .tip-KxIYyj { display: flex; align-items: flex-start; gap: 8px } .drain-content-5Am1vz .tip-KxIYyj .tip-text-36TGTj { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; white-space: pre-wrap } .monica-popover-2Ez2GR { position: relative; display: inline-flex; cursor: default } .monica-popover-2Ez2GR .trigger-node-J0ZlFj { display: inline-flex; align-items: center; cursor: pointer } .monica-popover-2Ez2GR .mask-cuZOc- { position: fixed; z-index: 900; background-color: transparent; cursor: default } .content-Acv-lW { position: absolute; z-index: 901; bottom: 25px; visibility: hidden } .content-Acv-lW.show-opyZYc { visibility: visible } .content-animate-KrETS- { transform: scaleY(.5); opacity: 0; transition: transform .08s, visibility .08s, opacity .08s } .content-animate-KrETS-.show-opyZYc { transform: scaleY(1); opacity: 1 } .content-animate-top-wcyZ0W { transform-origin: 50% 100% } .content-animate-bottom-XuKU-C { transform-origin: 50% 0 } .icon-picker-PrjFVq { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 44px; height: 44px; background: var(--theme-fill-tsp-components-secondary); border-radius: 12px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-primary) } .icon-picker-PrjFVq.icon-picker-disabled-umP6Qx { background-color: #f5f7fa; border-color: #e6eaf2; color: #919eab; cursor: not-allowed } .content-f8JITJ { background: var(--theme-bg-menu-white); box-shadow: var(--box-shadow-s3); border: 1px solid var(--border-white); border-radius: 8px; padding: 10px 16px; width: 272px; flex-direction: column; gap: 10px; display: flex } .content-f8JITJ.theme-loose-kqbrW4 { padding: 20px; width: 432px; box-shadow: 0 8px 24px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)), 0 0 1px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)) } .content-f8JITJ.theme-loose-kqbrW4 .icon-list-tT3ZRj { gap: 14px } .content-f8JITJ.theme-loose-kqbrW4 .icon-list-tT3ZRj .icon-C1awdB { display: flex; padding: 8px; align-items: center; gap: 10px; border-radius: 8px; border-width: 2px; width: 36px; height: 36px } .content-f8JITJ .header-X-a-NS { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; align-items: center; color: var(--theme-text-primary) } .content-f8JITJ .icon-list-tT3ZRj { display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; max-height: 204px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; margin-right: -12px; padding-right: 12px } .content-f8JITJ .icon-list-tT3ZRj::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .content-f8JITJ .icon-list-tT3ZRj::-webkit-scrollbar-track { background: transparent } .content-f8JITJ .icon-list-tT3ZRj::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .content-f8JITJ .icon-list-tT3ZRj::-webkit-scrollbar-thumb:hover { background: #00000062 } .content-f8JITJ .icon-list-tT3ZRj::-webkit-scrollbar-corner { background: transparent } .content-f8JITJ .icon-list-tT3ZRj .icon-C1awdB { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-primary); border: 1px solid transparent; background-color: var(--theme-fill-tsp-components-secondary); width: 20px; height: 20px } .content-f8JITJ .icon-list-tT3ZRj .icon-C1awdB:hover { background: var(--theme-fill-tsp-components-primary) } .content-f8JITJ .icon-list-tT3ZRj .icon-active-Xba5iP { border-color: var(--theme-border-active) } .close-CrbYob { width: 20; height: 20; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: #00000040 } .action-bar-8aYKip { position: relative; width: 100%; display: flex; gap: 5px; justify-content: right } .action-bar-8aYKip .recommend-action-list-Ij8TfV { min-width: 0; display: inline-flex; flex-flow: wrap; max-height: 28px; gap: 6px; align-content: flex-start; justify-content: right } .action-bar-8aYKip .recommend-action-list-Ij8TfV .recommend-action-button-mplOfv { padding: 4px 8px; color: var(--theme-text-primary); font-size: 13px; font-style: normal; font-weight: 500; line-height: 20px } .action-bar-8aYKip .recommend-action-list-Ij8TfV .translate-btn-container-gQRTyo { display: flex; align-items: center } .action-bar-8aYKip .recommend-action-list-Ij8TfV .translate-btn-container-gQRTyo .recommend-action-button-mplOfv { padding-right: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0 } .action-bar-8aYKip .recommend-action-list-Ij8TfV .translate-btn-container-gQRTyo .right-arrow-X-SEGM { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; line-height: 20px; padding: 4px 2px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background-color: var(--theme-fill-tsp-components-secondary); border-left: .5px solid var(--theme-border-primary) } .action-bar-8aYKip .recommend-action-list-Ij8TfV .translate-btn-container-gQRTyo .right-arrow-X-SEGM svg { transition: all .3s } .action-bar-8aYKip .recommend-action-list-Ij8TfV .translate-btn-container-gQRTyo .right-arrow-X-SEGM.active-lQdsC4 svg { transform: rotate(180deg) } .action-bar-8aYKip .recommend-action-list-Ij8TfV .translate-btn-container-gQRTyo .right-arrow-X-SEGM:hover { background-color: var(--theme-btn-fill-secondary) } .action-bar-8aYKip path { fill-opacity: 1 } .more-content-JQ9TZT { border: 1px solid var(--theme-border-white); overflow: hidden; min-width: 195px; max-width: 220px; max-height: 250px; padding: 8px 0; display: flex; flex-direction: column; font-size: 12px; border-radius: 12px; background: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s2) } .more-content-JQ9TZT .more-item-list-XyBDjY { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; width: 100%; padding: 0 8px; max-height: 224px } .more-content-JQ9TZT .more-item-list-XyBDjY::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .more-content-JQ9TZT .more-item-list-XyBDjY::-webkit-scrollbar-track { background: transparent } .more-content-JQ9TZT .more-item-list-XyBDjY::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .more-content-JQ9TZT .more-item-list-XyBDjY::-webkit-scrollbar-thumb:hover { background: #00000062 } .more-content-JQ9TZT .more-item-list-XyBDjY::-webkit-scrollbar-corner { background: transparent } .more-content-JQ9TZT .more-item-6HAaEz { margin-bottom: 4px; cursor: pointer; font-size: 14px; width: 100%; height: 34px; line-height: 34px; padding: 5px 4px; background: var(--theme-bg-white); color: var(--theme-text-primary); display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-radius: 8px } .more-content-JQ9TZT .more-item-6HAaEz:hover { background: var(--theme-fill-tsp-components-secondary) } .more-content-JQ9TZT .more-item-6HAaEz .left-G4PnsF { display: flex; align-items: center; justify-content: flex-start; gap: 6px } .more-content-JQ9TZT .more-item-6HAaEz .icon-wrapper-p5ZG1x { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 24px; width: 24px; border-radius: 8px; color: var(--theme-icon-secondary) } .more-content-JQ9TZT .more-item-6HAaEz .icon-wrapper-p5ZG1x:hover { background-color: var(--theme-fill-tsp-components-secondary) } .more-content-JQ9TZT .more-item-6HAaEz.last-more-item-sVqC4g { justify-content: flex-start; gap: 6px } .more-content-JQ9TZT .more-item-6HAaEz.manage-border-ohKY8h { position: relative; margin-top: 8px } .more-content-JQ9TZT .more-item-6HAaEz.manage-border-ohKY8h:after { content: ""; width: calc(100% + 16px); height: 1px; background: var(--theme-bg-gray-secondary); position: absolute; top: -4px; left: -8px } .intent-QPZ4bX { padding-bottom: 12px; border-bottom: 1px solid var(--theme-border-light) } .intent-QPZ4bX .intent-content-dELb7J { padding: 8px 12px; border-radius: 8px; background: var(--theme-fill-tsp-components-secondary) } .intent-QPZ4bX .intent-content-dELb7J .intent-title-jGvInW { display: flex; align-items: center } .intent-QPZ4bX .intent-content-dELb7J .intent-title-jGvInW h4 { color: var(--theme-text-primary); font-size: 12px; font-style: normal; line-height: 18px; flex: 1; min-width: 0; display: flex; align-items: center } .intent-QPZ4bX .intent-content-dELb7J .intent-title-jGvInW h4 span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .intent-QPZ4bX .intent-content-dELb7J .intent-title-jGvInW .close-intent-eyIqhK { margin-left: auto } .intent-QPZ4bX .intent-content-dELb7J p { margin-top: 4px; color: var(--theme-text-quaternary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .intent-QPZ4bX .actions-8svcK9 { margin-top: 12px } .upload-attachment-dialog-etPo0s .body-aeYvxr { margin-top: 12px } .upload-attachment-dialog-etPo0s .upload-desc-u17Hea { display: flex; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .upload-attachment-dialog-etPo0s .web-link--AdlcM { border-radius: 12px; background: var(--theme-label-tsp-brand-secondary); padding: 4px 11px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 12px; color: var(--theme-text-brand); font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px } .upload-attachment-dialog-etPo0s .web-link--AdlcM .text-0RQRph { flex: 1; text-align: start; min-width: 0 } .file-uploader-0YfIGf { border-radius: 20px; border: 1.5px dashed var(--theme-border-quaternary); background: var(--theme-bg-white); padding: 32px 16px; margin-top: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: border-color .2s ease-in-out, background-color .2s ease-in-out } .file-uploader-0YfIGf:hover, .file-uploader-0YfIGf.dragging-70LBen { border-color: var(--theme-border-active); background-color: var(--theme-btn-fill-tertiary-hover) } .file-uploader-0YfIGf .icons-tJk05t { display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--theme-icon-quaternary) } .file-uploader-0YfIGf .click-or-drag-text-Vltq9m { text-align: center; margin-top: 8px; color: var(--theme-icon-primary); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal } .file-uploader-0YfIGf .file-desc-RhWho0 { text-align: center; margin-top: 4px; color: var(--theme-text-quaternary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px } .upload-view-YuefwS { border: 1px solid rgba(145, 158, 171, .12); border-radius: 8px; padding: 8px 20px 12px 12px; position: relative; display: flex; align-items: center; margin-top: 16px; z-index: 1 } .upload-view-YuefwS:after { content: ""; position: absolute; z-index: -1; width: var(--progress); height: 100%; transition: width .2s; left: 0; top: 0; background: var(--theme-btn-fill-tertiary-hover) } .upload-view-YuefwS .meta-container-1WyM8Y { padding: 0 20px 0 8px; flex: 1; min-width: 0; font-size: 14px } .upload-view-YuefwS .meta-container-1WyM8Y .name-Qgx2pP { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-icon-primary) } .upload-view-YuefwS .meta-container-1WyM8Y .size-ky2ehL { margin-top: 4px; color: var(--theme-text-quaternary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .guide-box-P4--X- { width: 328px; max-width: calc(100vw - 65px); transition: all .3s ease; box-shadow: var(--theme-box-shadow-s3); border-radius: 12px } .guide-box-P4--X- .content-vIysPU { background-color: var(--theme-bg-white); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 12px; position: relative; z-index: 2 } .guide-box-P4--X-.arrow-5YrtLL:after { content: ""; display: block; position: absolute; width: 30px; height: 30px; border-radius: 4px; background-color: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s3); z-index: 1 } .guide-box-P4--X-.arrow-5YrtLL.right-top-IiqfpX:after { top: 0; right: 0; transform: translate(6px, 20px) rotate(45deg) } .guide-box-P4--X-.arrow-5YrtLL.right-HmPo0x:after { top: 50%; right: 0; transform: translate(6px, -50%) rotate(45deg) } .guide-box-P4--X-.arrow-5YrtLL.bottom--J7VEb:after { bottom: 0; left: 50%; transform: translate(-50%, 6px) rotate(45deg) } .guide-box-P4--X-.arrow-5YrtLL.bottom-left-WJBG5i:after { bottom: 0; left: 0; transform: translate(20px, 6px) rotate(45deg) } .guide-box-P4--X-.arrow-5YrtLL.top-right-GXI0lu:after { top: 0; right: 0; transform: translate(-20px, -6px) rotate(45deg) } .guide-box-P4--X-.arrow-5YrtLL.top-left-SzsH1y:after { top: 0; left: 0; transform: translate(20px, -6px) rotate(45deg) } .guide-box-P4--X-.arrow-5YrtLL.left-top-gbEQRk:after { top: 0; left: 0; transform: translate(-6px, 20px) rotate(45deg) } .guide-box-P4--X- .close-VBoOUy { position: absolute; top: 20px; right: 20px; padding: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 4px; color: var(--theme-icon-quaternary); z-index: 3; font-size: 0 } .guide-box-P4--X- .close-VBoOUy:hover { background-color: var(--theme-btn-fill-secondary-hover) } .guide-box-P4--X- .title-zhptlu { font-size: 18px; font-weight: 600; line-height: 28px; color: var(--theme-text-primary); padding-right: 30px } .guide-box-P4--X- .desc--fVNMp { font-size: 14px; line-height: 22px; font-weight: 400; color: var(--theme-text-tertiary); margin-top: -8px } .guide-box-P4--X- .banner-qaFyru { height: 160px; border-radius: 8px; border: 1px solid var(--theme-border-primary); overflow: hidden; background-color: var(--theme-bg-gray-primary) } .guide-box-P4--X- .banner-qaFyru video, .guide-box-P4--X- .banner-qaFyru img { width: 100%; height: 100%; object-fit: cover } .guide-box-P4--X- .page-rPQ440 { display: flex; align-items: center; justify-content: space-between } .guide-box-P4--X- .page-rPQ440 .dot-XLnEHP { display: inline-flex; align-items: center; gap: 6px } .guide-box-P4--X- .page-rPQ440 .dot-item-xLBMzC { width: 8px; height: 8px; background-color: var(--theme-icon-disable); border-radius: 50% } .guide-box-P4--X- .page-rPQ440 .dot-item-xLBMzC.active-w4rwP3 { background-color: var(--theme-icon-tertiary) } .guide-box-P4--X- .button-LWKlUP { height: 32px; min-height: 32px; border-radius: 10px; gap: 6px } .guide-box-P4--X- .button-LWKlUP .arrow-5YrtLL { transform: rotate(180deg) } .collapse-tags-FLqsO9 { position: relative; overflow: hidden; display: flex; align-items: flex-start; gap: 6px } .collapse-tags-FLqsO9 .tag-box-EBChCN { flex: 1; position: relative; display: flex; flex-wrap: wrap; gap: 8px } .collapse-tags-FLqsO9 .tag-box-EBChCN .tag-2P1I7L { border-radius: 16px; padding: 0 12px; font-size: 12px; background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-primary); min-width: 42px; justify-content: center; flex-direction: column; transition: all .2s ease-in-out; display: flex; align-items: center; height: 28px; line-height: 28px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; font-weight: 500 } .collapse-tags-FLqsO9 .tag-box-EBChCN .tag-2P1I7L:hover, .collapse-tags-FLqsO9 .tag-box-EBChCN .tag-2P1I7L.selected-IsZ6Ov { color: var(--theme-icon-white-primary); background-color: var(--common-black) } .collapse-tags-FLqsO9 .arrow-njuKn5 { margin-top: 2px; width: 16px; flex-shrink: 0; transition: all .2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .more-bots-alert-3s-OEL { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px; justify-content: space-between; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 12px; background: linear-gradient(93deg, var(--theme-btn-fill-tertiary-hover) 4.85%, var(--theme-bg-gray-secondary) 96.16%); transition: all .2s } .more-bots-alert-3s-OEL:hover { opacity: .9 } .more-bots-alert-3s-OEL .left-7nRsKR { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .prompt-toolbar-iYKxie { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; display: inline-flex } .prompt-toolbar-iYKxie .toolbar-item-RWg4u8 { width: 14px; height: 14px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-tertiary) } .prompt-toolbar-iYKxie .toolbar-item-RWg4u8:hover { opacity: .8 } .prompt-toolbar-large-7qD-l8 { gap: 6px } .prompt-toolbar-large-7qD-l8 .toolbar-item-RWg4u8 { width: 16px; height: 16px } .customPromptDetail-FdvixA { display: flex; flex-direction: column; gap: 24px; width: 100%; height: 100% } .customPromptDetail-FdvixA .header-KgpiFx { width: 100%; display: flex; flex-direction: column; gap: 8px } .customPromptDetail-FdvixA .header-KgpiFx .title-iBdsdJ { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100% } .customPromptDetail-FdvixA .header-KgpiFx .title-iBdsdJ .title-lt-1EZ33I { min-width: 0; flex: 1; color: var(--theme-text-primary); font-size: 20px; line-height: 26px; font-weight: 600 } .customPromptDetail-FdvixA .header-KgpiFx .title-iBdsdJ .title-rt-Miatad { flex-shrink: 0; display: flex; gap: 4px; align-items: center } .customPromptDetail-FdvixA .header-KgpiFx .title-iBdsdJ .title-rt-Miatad .action-item-09P5YD { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .customPromptDetail-FdvixA .header-KgpiFx .title-iBdsdJ .title-rt-Miatad .action-item-09P5YD:hover { background-color: var(--theme-fill-tsp-components-secondary) } .customPromptDetail-FdvixA .header-KgpiFx .desc-pBgYDo { display: flex; flex-direction: column; gap: 8px } .customPromptDetail-FdvixA .header-KgpiFx .desc-pBgYDo .desc-item-oxU9jx { color: var(--text-quaternary); font-size: 12px; line-height: 18px } .customPromptDetail-FdvixA .content-8xPvJw { display: flex; flex-direction: column; gap: 8px } .customPromptDetail-FdvixA .content-8xPvJw .content-title--2j3KS { display: flex; justify-content: space-between; align-items: center; width: 100% } .customPromptDetail-FdvixA .content-8xPvJw .content-title--2j3KS .content-title-text-BRYY9Y { color: var(--theme-text-quaternary); font-size: 13px; line-height: 20px } .customPromptDetail-FdvixA .content-8xPvJw .content-title--2j3KS .prompt-action-list-K8RO2R { display: flex; gap: 4px } .customPromptDetail-FdvixA .content-8xPvJw .content-title--2j3KS .prompt-action-list-K8RO2R .prompt-action-item-21MlEA { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .customPromptDetail-FdvixA .content-8xPvJw .content-title--2j3KS .prompt-action-list-K8RO2R .prompt-action-item-21MlEA:hover { background-color: var(--theme-fill-tsp-components-secondary) } .customPromptDetail-FdvixA .content-8xPvJw .prompt-wrapper-WIjFnU { flex: 1; display: flex; min-height: 0; width: 100%; padding: 2px 4px; border-radius: 12px; border: 1px solid var(--theme-btn-border-primary); max-height: 400px; overflow: hidden } .customPromptDetail-FdvixA .content-8xPvJw .prompt-wrapper-WIjFnU .prompt-content-fe7YQj { flex: 1; padding: 14px 12px; width: 100%; word-wrap: break-word; white-space: pre-wrap; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .customPromptDetail-FdvixA .content-8xPvJw .prompt-wrapper-WIjFnU .prompt-content-fe7YQj::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .customPromptDetail-FdvixA .content-8xPvJw .prompt-wrapper-WIjFnU .prompt-content-fe7YQj::-webkit-scrollbar-track { background: transparent } .customPromptDetail-FdvixA .content-8xPvJw .prompt-wrapper-WIjFnU .prompt-content-fe7YQj::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .customPromptDetail-FdvixA .content-8xPvJw .prompt-wrapper-WIjFnU .prompt-content-fe7YQj::-webkit-scrollbar-thumb:hover { background: #00000062 } .customPromptDetail-FdvixA .content-8xPvJw .prompt-wrapper-WIjFnU .prompt-content-fe7YQj::-webkit-scrollbar-corner { background: transparent } .prompt-detail-dialog-px1Q0C { display: flex; flex-direction: column; padding: 16px 16px 20px; min-width: 350px; max-width: 520px } .prompt-detail-dialog-px1Q0C .header-6C2PbB { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; margin-bottom: 8px; align-items: flex-start } .prompt-detail-dialog-px1Q0C .header-6C2PbB .prompt-name-F2WkPR { font-weight: 600; font-size: 16px; color: var(--theme-text-primary); flex: 1; min-width: 0px; word-wrap: break-word } .prompt-detail-dialog-px1Q0C .info-i-geUj { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; word-wrap: break-word } .prompt-detail-dialog-px1Q0C .info-i-geUj .creator-fOw-Z7 { font-weight: 400; font-size: 14px; line-height: 22px; color: var(--theme-text-secondary); gap: 4px } .prompt-detail-dialog-px1Q0C .info-i-geUj .description-GgT6hm { font-weight: 400; font-size: 13px; line-height: 20px; color: var(--theme-text-tertiary) } .prompt-detail-dialog-px1Q0C .prompt-content-vEN10w { display: flex; flex-direction: column; gap: 4px } .prompt-detail-dialog-px1Q0C .prompt-content-vEN10w .form-title-GvLh5X { font-weight: 600; font-size: 14px; line-height: 22px; color: var(--theme-text-secondary); display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .prompt-detail-dialog-px1Q0C .prompt-content-vEN10w .copy-7Hsq-S { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: #919eab } .prompt-detail-dialog-px1Q0C .footer-VUT3GE { margin-top: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: right } .prompt-detail-dialog-px1Q0C .footer-VUT3GE .save-btn-ipfITK { width: 160px } .prompt-explore-drawer-B326NU { height: 100%; display: flex; flex-direction: column; background-color: var(--theme-bg-white); width: 100%; box-sizing: border-box; padding: 20px; gap: 16px } .prompt-explore-drawer-B326NU .header-eWSEqg { height: 28px; display: flex; align-items: center; justify-content: space-between } .prompt-explore-drawer-B326NU .header-eWSEqg .title-2ziUsm { font-size: 20px; font-weight: 700; color: var(--theme-icon-primary) } .prompt-explore-drawer-B326NU .header-eWSEqg .actions-boWCRn { display: inline-flex; align-items: center; gap: 16px } .prompt-explore-drawer-B326NU .header-eWSEqg .actions-boWCRn .add-btn-Rq-orE { display: flex; font-size: 13px; font-weight: 400; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .prompt-explore-drawer-B326NU .header-eWSEqg .actions-boWCRn .add-btn-Rq-orE:hover { opacity: .8 } .prompt-explore-drawer-B326NU .header-eWSEqg .actions-boWCRn .drawer-close-PfdK8- { opacity: .45; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .prompt-explore-drawer-B326NU .header-eWSEqg .actions-boWCRn .drawer-close-PfdK8-:hover { opacity: .8 } .prompt-explore-drawer-B326NU .toolbar-98U0EK { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box } .prompt-explore-drawer-B326NU .prompt-tabs-G7uHM9 { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 28px } .prompt-explore-drawer-B326NU .prompt-tabs-G7uHM9 .tab-lV7PDY { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-primary); border-bottom: 2px solid transparent; font-size: 16px; font-weight: 400; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 140px } .prompt-explore-drawer-B326NU .prompt-tabs-G7uHM9 .active-V-U8li { border-color: #3872e0; color: #3872e0 } .prompt-explore-drawer-B326NU .search-BoPPsJ { position: relative } .prompt-explore-drawer-B326NU .search-BoPPsJ .input-P4OdZc { height: 44px; border-radius: 16px } .prompt-explore-drawer-B326NU .category--dy56i { width: 100%; position: relative } .prompt-explore-drawer-B326NU .list-wrapper-UI3Sbh { flex: 1; min-height: 0px; display: flex; flex-direction: column; width: 100% } .prompt-explore-drawer-B326NU .list-wrapper-UI3Sbh.hidden-N7hMLg { display: none } .prompt-explore-drawer-B326NU .empty--mGSGL { flex: 1; min-height: 0px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px } .prompt-explore-drawer-B326NU .empty--mGSGL::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .prompt-explore-drawer-B326NU .empty--mGSGL::-webkit-scrollbar-track { background: transparent } .prompt-explore-drawer-B326NU .empty--mGSGL::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .prompt-explore-drawer-B326NU .empty--mGSGL::-webkit-scrollbar-thumb:hover { background: #00000062 } .prompt-explore-drawer-B326NU .empty--mGSGL::-webkit-scrollbar-corner { background: transparent } .prompt-explore-drawer-B326NU .empty--mGSGL .empty-img-8kJRkU { width: 100px; height: 100px; margin-top: -15% } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz { flex: 1; min-height: 0px; padding-top: 6px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; margin: 0 -20px 0 -12px; padding-right: 8px } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz::-webkit-scrollbar-track { background: transparent } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz::-webkit-scrollbar-thumb:hover { background: #00000062 } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz::-webkit-scrollbar-corner { background: transparent } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz .prompts-1NUFwa { display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: calc(100% - 84px); justify-content: flex-start; background-color: var(--theme-bg-white); transition: all .2s ease-in-out; gap: 8px } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz .prompts-1NUFwa .prompt-item-8yYrt2 { width: 100%; padding: 12px 16px; display: flex; gap: 6px; border-radius: 16px; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz .prompts-1NUFwa .prompt-item-8yYrt2:hover { background-color: var(--theme-fill-tsp-components-secondary) } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz .prompts-1NUFwa .prompt-item-8yYrt2 .prompt-content-4gUUns { display: flex; justify-content: center; align-items: center; flex-direction: column; flex: 1; min-width: 0px; align-items: flex-start } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz .prompts-1NUFwa .prompt-item-8yYrt2 .prompt-content-4gUUns .prompt-name-zDLotA { width: 100%; font-size: 16px; font-weight: 500; line-height: 24px; color: var(--theme-icon-primary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz .prompts-1NUFwa .prompt-item-8yYrt2 .prompt-content-4gUUns .prompt-description-NM8NgB { width: 100%; color: var(--theme-icon-quaternary); font-size: 14px; font-weight: 400; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz .prompts-1NUFwa .prompt-item-8yYrt2 .prompt-operation-UNiDYy { display: inline-flex } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz .prompts-1NUFwa .prompt-item-8yYrt2 .prompt-operation-UNiDYy .prompt-toolbar-8PYUtz { height: 24px; display: flex; align-items: center } .prompt-explore-drawer-B326NU .prompt-list-1l5Bmz .prompts-1NUFwa .prompt-item-8yYrt2:not(:last-of-type):after { content: ""; position: absolute; left: 16px; bottom: -4px; width: calc(100% - 32px); height: 1px; background-color: var(--theme-fill-tsp-components-primary) } .prompt-explore-drawer-B326NU .footer-mohwWl { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 16px; padding: 32px 0 } .link-x6bJKH { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .link-x6bJKH:hover, .link-x6bJKH:active { opacity: .8 } .contact-us-YGrbfz { font-size: 13px; font-weight: 400; color: var(--theme-icon-quaternary); line-height: 20px } .highlight-Va-mdt { padding: 0; background-color: unset; color: var(--theme-icon-brand) } *, :before, :after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000 } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, .5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000 } ._--container-UaisEK { width: 100% !important } .container-NwS1IM { width: 100% } @media (min-width: 640px) { ._--container-UaisEK { max-width: 640px !important } .container-NwS1IM { max-width: 640px } } @media (min-width: 768px) { ._--container-UaisEK { max-width: 768px !important } .container-NwS1IM { max-width: 768px } } @media (min-width: 1024px) { ._--container-UaisEK { max-width: 1024px !important } .container-NwS1IM { max-width: 1024px } } @media (min-width: 1280px) { ._--container-UaisEK { max-width: 1280px !important } .container-NwS1IM { max-width: 1280px } } @media (min-width: 1536px) { ._--container-UaisEK { max-width: 1536px !important } .container-NwS1IM { max-width: 1536px } } .visible-P7EAoX { visibility: visible } .static-6wqS2- { position: static } .absolute-MEuuDO { position: absolute } .relative-GZvm82 { position: relative } .m-0-s3Cfyy { margin: 0 } .mx-auto-ncXqPX { margin-left: auto; margin-right: auto } .my-0-7Nsmc- { margin-top: 0; margin-bottom: 0 } .my-1-8aNIBr { margin-top: 4px; margin-bottom: 4px } .mb-0-BMBF8K { margin-bottom: 0 } .mb-2-c0MCXd { margin-bottom: 8px } .mb-20-SM9JuY { margin-bottom: 80px } .ml-1-XZii9t { margin-left: 4px } .mt-0-sZtxts { margin-top: 0 } .mt-14-ZSPNHr { margin-top: 56px } .mt-2-0Ghl30 { margin-top: 8px } .mt-3-BGtMn7 { margin-top: 12px } .mt-5-IC-HNX { margin-top: 20px } .block--rbgat { display: block } ._--inline-gzMCpy { display: inline !important } .inline-hlJmb4 { display: inline } .flex-OvCkip { display: flex } .hidden-hrZ0tQ { display: none } .h-10-mJAqh4 { height: 40px } .h-5-FbRu4R { height: 20px } .h-full-R2sAJ3 { height: 100% } .w-10-IG2isy { width: 40px } .w-5-CU1jdf { width: 20px } .w---500px---MmP12Z { width: 500px } .grow-PhBz5k { flex-grow: 1 } @keyframes bounce-M3LdK1 { 0%, to { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1) } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1) } } .animate-bounce-GYxG4- { animation: bounce-M3LdK1 1s infinite } @keyframes pulse-dRPHiP { 50% { opacity: .5 } } .animate-pulse-wYlC4u { animation: pulse-dRPHiP 2s cubic-bezier(.4, 0, .6, 1) infinite } .cursor-pointer-adDY0z { cursor: pointer } .flex-row-4d8KCs { flex-direction: row } .flex-col-Tknvuq { flex-direction: column } .items-center-YN3zbn { align-items: center } .items-start-rbupu3 { align-items: flex-start } .items-end-JG858F { align-items: flex-end } .items-baseline-tR1cf3 { align-items: baseline } .items-stretch-GoYnLl { align-items: stretch } .justify-center-AKFzY1 { justify-content: center } .justify-between-huWXnX { justify-content: space-between } .gap-2--8wQGO { gap: 8px } .gap-3-LeWYPD { gap: 12px } .gap-4-clM4rh { gap: 16px } .break-all-CG8x-u { word-break: break-all } .rounded-lg-HNsGzx { border-radius: 8px } .rounded-sm-r5cw4k { border-radius: 2px } .border-WXQr-0 { border-width: 1px } .border-solid-NBLdnK { border-style: solid } .border-none-W3h3h6 { border-style: none } .px-1-M0gU7X { padding-left: 4px; padding-right: 4px } .px-2-O5Id3s { padding-left: 8px; padding-right: 8px } .px---2px---cP2me3 { padding-left: 2px; padding-right: 2px } .text-center--KBtwm { text-align: center } .text-base-DYOdgx { font-size: 16px; line-height: 24px } .text-sm-c4mmRV { font-size: 14px; line-height: 20px } .text-xs-dy4uBk { font-size: 12px; line-height: 16px } .font-bold-hW-GXR { font-weight: 700 } .font-semibold-12XsEq { font-weight: 600 } .capitalize-V8JCNR { text-transform: capitalize } .italic-I95k-h { font-style: italic } .leading---0---SuzrqZ { line-height: 0 } .text-inherit-puBdwI { color: inherit } .underline-p5cqkP { text-decoration-line: underline } .chat-OoGYi3 { flex: 1; min-width: 0; height: 100%; padding: 0; display: flex; flex-direction: column; width: 100%; position: relative; overflow: hidden } .chat-OoGYi3.is-desktop-JwiBGF { border-top-right-radius: 16px; border-bottom-right-radius: 16px } .chat-OoGYi3 .chat-box-Mr-4Iy { display: flex; flex-direction: column; align-items: center; flex: 1; min-height: 0px; width: 100% } .chat-OoGYi3 .chat-box-Mr-4Iy .drag-layer-R94Pe- { position: absolute; inset: 0; background-color: var(--theme-bg-white); padding: 20px; border-radius: 16px; z-index: 5201 } .chat-OoGYi3 .chat-box-Mr-4Iy .scroll-view-Vkuntv { width: 100%; flex: 1; min-height: 0; overflow-x: hidden; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .chat-OoGYi3 .chat-box-Mr-4Iy .scroll-view-Vkuntv::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .chat-OoGYi3 .chat-box-Mr-4Iy .scroll-view-Vkuntv::-webkit-scrollbar-track { background: transparent } .chat-OoGYi3 .chat-box-Mr-4Iy .scroll-view-Vkuntv::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .chat-OoGYi3 .chat-box-Mr-4Iy .scroll-view-Vkuntv::-webkit-scrollbar-thumb:hover { background: #00000062 } .chat-OoGYi3 .chat-box-Mr-4Iy .scroll-view-Vkuntv::-webkit-scrollbar-corner { background: transparent } .chat-OoGYi3 .chat-box-Mr-4Iy .scroll-view-Vkuntv .chat-items-container-IRBd0R { padding: 20px 12px 0 22px; display: flex; justify-content: center; width: 100%; max-width: var(--monica-chat-max-width, 800px); margin: 0 auto } .chat-OoGYi3 .chat-box-Mr-4Iy .scroll-view-Vkuntv .chat-items-container-IRBd0R.for-share-image-6Aaigf { padding: 0 8px } .chat-OoGYi3 .chat-box-Mr-4Iy .scroll-view-Vkuntv .chat-items-container-IRBd0R .chat-items-KFvKo3 { width: 100%; height: fit-content; font-size: 14px; display: flex; flex-direction: column; gap: 16px; flex-shrink: 0; position: relative; padding-bottom: 60px } .chat-OoGYi3 .chat-box-Mr-4Iy .chat-input--jdyIq { position: relative; z-index: 501; width: 100%; max-width: var(--monica-chat-max-width, 800px); margin: 0 auto; padding: 6px 12px 0; display: flex; flex-direction: column } .chat-OoGYi3 .chat-box-Mr-4Iy .chat-input--jdyIq .chat-input-header-BzOMmP { position: relative; display: flex; flex-direction: column; gap: 7px; padding: 0 12px } .chat-OoGYi3 .chat-box-Mr-4Iy .chat-input--jdyIq .chat-input-header-BzOMmP>:first-of-type { margin-top: 12px } .chat-OoGYi3 .chat-box-Mr-4Iy .actions-hqUObn { height: 0; display: flex; justify-content: center; flex-direction: row; gap: 6px } .chat-OoGYi3 .chat-box-Mr-4Iy .actions-hqUObn.in-skill-VRnGAV { position: relative } .chat-OoGYi3 .chat-box-Mr-4Iy .actions-hqUObn.in-skill-VRnGAV .action-buttons--qFPyM { bottom: calc(100% + 8px) } .chat-OoGYi3 .chat-box-Mr-4Iy .actions-hqUObn .common-position-VoMiGo { position: absolute; bottom: 100% } .chat-OoGYi3 .chat-box-Mr-4Iy .actions-hqUObn .add-skill-nQN80C { position: absolute; bottom: 100%; left: 14px } .chat-OoGYi3 .chat-box-Mr-4Iy .actions-hqUObn .onboarding-CTAtyy { position: absolute; bottom: 100%; right: 14px } .chat-OoGYi3 .chat-box-Mr-4Iy .actions-hqUObn .action-buttons--qFPyM { position: absolute; z-index: 11; display: flex; justify-content: center; align-items: center; flex-direction: row; gap: 12px; bottom: 100%; flex-wrap: wrap } .chat-OoGYi3 .chat-box-Mr-4Iy .actions-hqUObn .action-buttons--qFPyM .cancel-bMPerB { background: var(--theme-fill-btn-primary) } .chat-OoGYi3 .chat-box-Mr-4Iy .actions-hqUObn .action-buttons--qFPyM .cancel-bMPerB:hover { background: var(--theme-fill-btn-secondary) } .chat-OoGYi3.for-share-page-ZUbeT- .chat-box-Mr-4Iy .scroll-view-Vkuntv .chat-items-KFvKo3 { gap: 32px; max-width: 100%; padding: 12px 18px } .loading-wrapper-KonBPE { display: flex; justify-content: center; margin: 12px 0; animation: fade-in--eZmTq .1s ease-in } @keyframes fade-in--eZmTq { 0% { opacity: 0; transform: translateY(10px) } to { opacity: 1; transform: translateY(0) } } .sidebar-fold-IZym4U { padding-left: 40px; padding-right: 40px } .sidebar-fold-IZym4U.for-share-image-6Aaigf { padding-left: 12px; padding-right: 12px } .sidebar-fold-header--jucxR { padding-left: 56px !important; padding-right: 56px !important } .incognito-mode-card-mlnM1l { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 24px } .incognito-mode-card-mlnM1l .incognito-mode-header-0fMUCN { display: flex; flex-direction: row; justify-content: center; align-items: center } .incognito-mode-card-mlnM1l .incognito-mode-header-0fMUCN .incognito-mode-icon-tJ8QBt { padding: 10px; border-radius: 12px; background: var(--theme-fill-black-none) } .incognito-mode-card-mlnM1l .incognito-mode-content--onGcK { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; max-width: 302px } .incognito-mode-card-mlnM1l .incognito-mode-content--onGcK .title-doVFTv { font-size: 20px; color: var(--theme-text-primary); font-weight: 600; line-height: 26px } .incognito-mode-card-mlnM1l .incognito-mode-content--onGcK .desc-pTPm3- { color: var(--theme-text-quaternary); text-align: center; font-weight: 400; font-size: 14px; line-height: 22px } .ai-painting-card-2r0Wdj { border-radius: 10px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); padding: 12px } .ai-painting-card-2r0Wdj .header-Kj67XR { display: flex; align-items: center; justify-content: space-between; gap: 10px } .ai-painting-card-2r0Wdj .header-Kj67XR h3 { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .ai-painting-card-2r0Wdj .header-Kj67XR .explore-btn-riQJEv { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-link); display: inline-flex; align-items: center; gap: 2px; font-size: 13px; font-weight: 500; line-height: 18px; padding: 4px 6px 4px 12px } .ai-painting-card-2r0Wdj .header-Kj67XR .explore-btn-riQJEv:hover { opacity: .8 } .ai-painting-card-2r0Wdj .card-list-O4-iDN { margin-top: 8px; display: flex; gap: 4px } .ai-painting-card-2r0Wdj .card-list-O4-iDN .col-yVDk2u { display: flex; flex-direction: column; gap: 4px; flex: 1 } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt { border-radius: 10px; background: var(--theme-fill-tsp-components-tertiary); flex: 1; user-select: none; cursor: pointer; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt img { object-fit: contain } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt:not(.full-XpmNLN) { min-width: 180px } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt.full-XpmNLN .card-img-4nmpEh { height: 102px } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt.full-XpmNLN .card-img-wrap-t7oiFJ { display: flex; justify-content: flex-end } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt .card-hd-EBsT7W { padding: 10px 12px 0 } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt .card-title-CHS2dY { color: var(--theme-text-primary); font-size: 14px; font-weight: 600; line-height: 1.5 } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt .text-right-IUXw13 { text-align: right } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt .card-img-wrap-t7oiFJ { display: flex } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt .card-text-g96jjV { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt .card-img-4nmpEh { height: 42px; display: inline-flex } @media (max-width: 470px) { .ai-painting-card-2r0Wdj .card-list-O4-iDN .col-yVDk2u { min-width: 0 } .ai-painting-card-2r0Wdj .card-list-O4-iDN .image-card-item-4L8sqt:not(.full-XpmNLN) { min-width: 120px } } .chat-home-view-jVnMTd { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 8px; position: relative } .chat-home-view-jVnMTd.has-read-block-pCFUgl .scroll-shadow-w2pmcp { bottom: 32px } .chat-home-view-jVnMTd.has-read-block-pCFUgl .scroll-shadow-w2pmcp.show-skill-card-Kp6Q4J { bottom: 0 } .chat-home-view-jVnMTd .scroll-view--WpuhG { overflow-x: hidden; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; width: 100%; flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 8px; position: relative } .chat-home-view-jVnMTd .scroll-view--WpuhG::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .chat-home-view-jVnMTd .scroll-view--WpuhG::-webkit-scrollbar-track { background: transparent } .chat-home-view-jVnMTd .scroll-view--WpuhG::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .chat-home-view-jVnMTd .scroll-view--WpuhG::-webkit-scrollbar-thumb:hover { background: #00000062 } .chat-home-view-jVnMTd .scroll-view--WpuhG::-webkit-scrollbar-corner { background: transparent } .chat-home-view-jVnMTd .simplebar-content-wrapper { display: flex; flex-direction: column; height: 100% !important } .chat-home-view-jVnMTd .simplebar-content-wrapper .simplebar-content { display: flex; flex-direction: column; flex: 1 } .chat-home-view-jVnMTd .inner-xiTvI1 { width: 100%; display: flex; flex-direction: column; gap: 8px; padding-bottom: 42px; justify-content: center; flex: 1 } .chat-home-view-jVnMTd .container-WXUz-F { max-width: var(--monica-chat-max-width, 800px); padding-left: var(--padding-x); padding-right: var(--padding-x); margin: 0 auto; width: 100% } .chat-home-view-jVnMTd .top-click-wrapper-nvY2AE { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 100%; display: flex; justify-content: center; align-items: center; color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; gap: 6px; position: absolute; left: 50%; transform: translate(-50%); top: 12px } .chat-home-view-jVnMTd .top-click-wrapper-nvY2AE:hover { color: var(--theme-text-brand) } .chat-home-view-jVnMTd .simple-mode-switcher-cm8-TZ { display: flex; align-items: center; gap: 4px; color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; opacity: .8; height: 16px } .chat-home-view-jVnMTd .chat-header-HO1Mrn { padding: 42px 8px 4px; color: var(--theme-text-primary); font-size: 32px; font-weight: 700; line-height: normal; display: flex; justify-content: space-between; align-items: center } .chat-home-view-jVnMTd .chat-header-HO1Mrn.chat-header-simple-mode-fOBjM- { display: flex; flex-direction: column; justify-content: center; gap: 8px; align-items: center; margin-top: -5vh } .chat-home-view-jVnMTd .chat-header-HO1Mrn .chat-header-desc-ozq7i2 { color: var(--theme-text-quaternary); font-size: 14px; font-weight: 500; line-height: 20px } .chat-home-view-jVnMTd .entry-group-p1-w0Z { display: flex; flex-direction: column; gap: 8px } .chat-home-view-jVnMTd .entry-group-p1-w0Z.row-HZhPX7 { flex-direction: row } .chat-home-view-jVnMTd .entry-group-p1-w0Z.row-HZhPX7>div { flex: 1 } .chat-home-view-jVnMTd .scroll-shadow-w2pmcp { position: absolute; bottom: 0; left: 0; width: 100%; pointer-events: none; padding: 0 10px } .chat-home-view-jVnMTd .scroll-shadow-w2pmcp .scroll-shadow-inner-Vd3VY0 { height: 35px; width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%) } .chat-home-view-jVnMTd .read-block-LylyPR { position: absolute; bottom: 0; left: 50%; transform: translate(-50%); background: var(--theme-bg-white) } ._monica-dark .scroll-shadow-inner-Vd3VY0 { background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, #202020 100%) !important } .simple-mode-guide-dialog-OOrK-B { display: flex; flex-direction: column; border-radius: 16px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); padding: 20px; gap: 12px } .simple-mode-guide-dialog-OOrK-B .title-YUzI4Y { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .simple-mode-guide-dialog-OOrK-B .img-39--l8 { width: 100%; height: 188px; object-fit: cover; border-radius: 12px; background: linear-gradient(115deg, #ddedff .96%, #ffe6f8 100%); overflow: hidden } .simple-mode-guide-dialog-OOrK-B .desc-HPvVnT { color: var(--theme-text-title); font-size: 14px; font-weight: 400; line-height: 22px; white-space: pre-wrap } .simple-mode-guide-dialog-OOrK-B .button-Tk3ekQ { display: flex; gap: 6px; width: 100%; height: 32px; margin-top: 8px } .memo-suggestion-question-D7XbDY { display: flex; flex-direction: column; gap: 4px } .memo-suggestion-question-D7XbDY .notice-card-tmEqmd { display: flex; padding: 12px 16px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; align-self: stretch; border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white) } .memo-suggestion-question-D7XbDY .notice-card-tmEqmd .top-F1bBUL { display: flex; justify-content: space-between; width: 100% } .memo-suggestion-question-D7XbDY .notice-card-tmEqmd .top-F1bBUL .title-Ir8AVn { font-size: 13px; font-style: normal; font-weight: 400; line-height: 20px; color: var(--theme-text-quaternary) } .memo-suggestion-question-D7XbDY .notice-card-tmEqmd .top-F1bBUL .close-WgW8nG { padding: 3px; border-radius: 6px; display: flex; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: relative; top: -4px; right: -4px } .memo-suggestion-question-D7XbDY .notice-card-tmEqmd .top-F1bBUL .close-WgW8nG:hover { background-color: var(--theme-fill-tsp-components-secondary) } .memo-suggestion-question-D7XbDY .notice-card-tmEqmd .content-R3ZcEi { font-size: 13px; font-style: normal; line-height: 20px; color: var(--theme-text-primary) } .memo-suggestion-question-D7XbDY .actionList-3A1AV- { display: flex; flex-direction: column; gap: 4px } .memo-suggestion-question-D7XbDY .actionList-3A1AV- .question-item-hJERp- { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 16px; gap: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white) } .memo-suggestion-question-D7XbDY .actionList-3A1AV- .question-item-hJERp- .title-text-ZbZKWh { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px; flex: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .memo-suggestion-question-D7XbDY .actionList-3A1AV- .question-item-hJERp-:hover { background: var(--theme-fill-tsp-components-secondary) } .practical-tool-card-PTTSuS { border-radius: 10px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); padding: 12px; display: flex; flex-direction: column } .practical-tool-card-PTTSuS.discover-ocEWBy .slider-wrap-PwrcWG { height: auto !important } .practical-tool-card-PTTSuS .header-leHeFO { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-shrink: 0 } .practical-tool-card-PTTSuS .header-leHeFO h3 { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .practical-tool-card-PTTSuS .header-leHeFO .explore-btn-FFJzp7 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-link); display: inline-flex; align-items: center; gap: 2px; font-size: 13px; font-weight: 500; line-height: 18px; padding: 4px 6px 4px 12px } .practical-tool-card-PTTSuS .header-leHeFO .explore-btn-FFJzp7:hover { opacity: .8 } .practical-tool-card-PTTSuS .slider-up4d2v { margin-top: 8px; position: relative; flex: 1 } .practical-tool-card-PTTSuS .slider-up4d2v .arrow-btn-p1O4of { border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); width: 24px; height: 24px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center } .practical-tool-card-PTTSuS .slider-up4d2v .arrow-btn-p1O4of:hover { opacity: .8 } .practical-tool-card-PTTSuS .slider-up4d2v .arrow-btn-p1O4of.lt-OMFS-H { left: -20px } .practical-tool-card-PTTSuS .slider-up4d2v .arrow-btn-p1O4of.rt-tNafW9 { right: -20px } .practical-tool-card-PTTSuS .slider-up4d2v .slider-wrap-PwrcWG { overflow: hidden; height: 100% } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo { display: flex; transition: transform .3s cubic-bezier(.25, .1, .25, 1); height: 100% } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC { width: 100%; height: 100%; flex-shrink: 0; display: flex; flex-wrap: wrap; align-items: flex-start } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC.col3-Mod6pJ .tool-item-K1IJf2 { width: 50%; height: auto } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC.col4-PPY0il .tool-item-K1IJf2 { width: 25% } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC.col5-z8k1kL .tool-item-K1IJf2 { width: 20% } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC.col6-9cbf1I .tool-item-K1IJf2 { width: calc(100% / 6) } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC .tool-item-K1IJf2 { width: 25%; transition: background .2s; border-radius: 8px; height: 50%; position: relative } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC .tool-item-K1IJf2:hover { background: var(--theme-fill-tsp-components-secondary) } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC .tool-item-K1IJf2>a, .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC .tool-item-K1IJf2>div { justify-content: center; width: 100%; height: 100%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; color: var(--theme-icon-primary); flex-direction: column; align-items: center; padding: 10px 0 8px } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC .tool-item-K1IJf2:hover { opacity: 1 } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC .tool-item-K1IJf2:hover .ext-icon-cxOvpd { display: flex } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC .tool-item-K1IJf2 .icon-l-kOVT { width: 20px; height: 20px } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC .tool-item-K1IJf2 p { color: var(--theme-icon-primary); text-align: center; font-size: 12px; font-weight: 500; line-height: 16px; margin-top: 10px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis } .practical-tool-card-PTTSuS .slider-up4d2v .slider-inner-hx9Lbo .slider-item-6mHlEC .tool-item-K1IJf2 .ext-icon-cxOvpd { position: absolute; right: 3px; top: 3px; display: none } .read-block-JLyVrQ { --padding-x: 12px; --padding-y: 6px; width: 100%; border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); display: flex; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .read-block-JLyVrQ .lt-rNleJZ { padding: var(--padding-y) 0 var(--padding-y) var(--padding-x); display: flex; align-items: center; flex: 1; min-width: 0; gap: 4px } .read-block-JLyVrQ:hover { background: var(--theme-fill-tsp-components-primary) } .read-block-JLyVrQ:hover .close-btn-RMspaF { display: flex } .read-block-JLyVrQ .close-btn-RMspaF { width: 16px; height: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: none; position: absolute; background: var(--theme-icon-disable); border-radius: 50%; right: 6px; top: -6px; color: var(--theme-icon-white-primary) } .read-block-JLyVrQ .close-btn-RMspaF:hover { background-color: var(--theme-fill-tsp-components-secondary) } .read-block-JLyVrQ .close-btn-RMspaF:hover { background: var(--theme-icon-quaternary) } .read-block-JLyVrQ .favicon-IdLUaG { width: 20px; height: 20px; border-radius: 50%; overflow: hidden } .read-block-JLyVrQ .page-info-OWxJaf { color: var(--theme-text-quaternary); font-size: 13px; line-height: 20px; flex: 1; min-width: 0; padding-right: 100px } .read-block-JLyVrQ .page-info-OWxJaf span { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .read-block-JLyVrQ .suggestion-list-T-jkgo { margin-left: auto; display: flex; align-items: center; gap: 4px } .read-block-JLyVrQ .suggestion-list-T-jkgo .divider-1SyF1y { border-left: 1px solid var(--theme-border-quaternary); height: 12px } .read-block-JLyVrQ .suggestion-list-T-jkgo .chat-wrap-rWOWYr { padding-right: var(--padding-x); height: 100%; display: flex; align-items: center } .read-block-JLyVrQ .suggestion-list-T-jkgo .chat-wrap-rWOWYr:hover .message-icon-HHZOHH { background-color: var(--theme-fill-tsp-components-secondary) } .read-block-JLyVrQ .suggestion-list-T-jkgo .chat-wrap-rWOWYr .message-icon-HHZOHH { padding: 4px; border-radius: 6px } .all-platform-dialog-ktBhlx { max-width: calc(100% - 36px); padding: 20px 12px } .all-platform-dialog-ktBhlx .title-a7sA13 { padding: 20px 8px; font-size: 22px; font-weight: 700; line-height: 20px; color: var(--theme-text-primary); text-align: center } .all-platform-dialog-ktBhlx .sub-title-HYPRxv { font-size: 13px; font-weight: 400; line-height: 20px; text-align: center; color: var(--theme-text-quaternary); padding: 0 8px 12px; margin-top: -6px } .all-platform-dialog-ktBhlx .content-lu3yrr { max-height: calc(90vh - 120px); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden; margin-right: -8px; padding-right: 8px } .all-platform-dialog-ktBhlx .content-lu3yrr::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .all-platform-dialog-ktBhlx .content-lu3yrr::-webkit-scrollbar-track { background: transparent } .all-platform-dialog-ktBhlx .content-lu3yrr::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .all-platform-dialog-ktBhlx .content-lu3yrr::-webkit-scrollbar-thumb:hover { background: #00000062 } .all-platform-dialog-ktBhlx .content-lu3yrr::-webkit-scrollbar-corner { background: transparent } .all-platform-dialog-ktBhlx .others-title-nu65yr { font-size: 16px; font-weight: 600; line-height: 20px; text-align: center; color: var(--theme-text-quaternary); margin: 24px auto 12px } .all-platform-dialog-ktBhlx .list-5lM-4N { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px } .platform-31pZFi { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; gap: 8px; background-color: var(--theme-fill-tsp-components-secondary); border-radius: 16px; padding: 10px 12px } .platform-31pZFi .prefix-CPpK4p { align-self: flex-start; width: 40px; height: 40px; flex: 0 0 40px } .platform-31pZFi .info-Bz99dc { flex: 1 1 auto; overflow: hidden } .platform-31pZFi .info-Bz99dc .name-LckB6V { font-size: 14px; font-weight: 600; line-height: 18px; color: var(--theme-text-primary) } .platform-31pZFi .info-Bz99dc .desc-FabqqB { font-size: 13px; font-weight: 400; line-height: 20px; color: var(--theme-text-quaternary) } .platform-31pZFi .info-Bz99dc .desc-FabqqB.text-right-FxoL0n { text-align: right } .platform-31pZFi .info-Bz99dc .desc-FabqqB .desc-link-hENP1A { margin-left: 2px; color: var(--theme-text-link); font-weight: 500 } .platform-31pZFi .info-Bz99dc .desc-FabqqB .desc-link-hENP1A:hover { color: var(--theme-text-link-active) } .platform-31pZFi .info-Bz99dc .desc-FabqqB .desc-link-hENP1A:active { opacity: .9 } .platform-31pZFi .info-Bz99dc .action-xz8A3O { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; margin-top: 2px } .platform-31pZFi .info-Bz99dc .action-xz8A3O.pad-top-8f-6r4 { margin-top: 8px } .platform-31pZFi .info-Bz99dc .action-xz8A3O.end-lLJ88p { justify-content: space-between } .platform-31pZFi .info-Bz99dc .action-xz8A3O .btn-DabvCR { font-size: 13px } .platform-31pZFi .info-Bz99dc .specific-platforms-ISs1-5 { display: flex; align-items: center; gap: 8px } .platform-31pZFi .info-Bz99dc .specific-platforms-ISs1-5 .specific-platform-WbfIVU { overflow: hidden; display: flex; align-items: center; gap: 4px } .platform-31pZFi .info-Bz99dc .specific-platforms-ISs1-5 .specific-platform-WbfIVU .icon-5EEz6z { width: 20px; height: 20px; border-radius: 50%; background: var(--text-white-primary); padding: 2px } .platform-31pZFi .info-Bz99dc .specific-platforms-ISs1-5 .specific-platform-WbfIVU .p-name-VV-Jef { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-tertiary); font-size: 13px; font-weight: 500; line-height: normal } .platform-31pZFi .info-Bz99dc .specific-platforms-ISs1-5 .divider-YxeSKh { width: 1px; height: 15px; background: var(--theme-border-quaternary) } .platform-31pZFi .info-Bz99dc .image-hZ9eqz { width: auto; height: 24px } .platform-31pZFi .info-Bz99dc .link-a-IzPo { height: fit-content; padding: 0; font-size: 13px; white-space: pre-wrap } .platform-31pZFi .qrcode-box-PtoTDv { width: 72px; height: 72px; flex: 0 0 72px; cursor: pointer } .qrcode-preview-VSABOj { z-index: 5010; position: absolute; inset: 0; background: var(--theme-bg-mask); -webkit-app-region: no-drag; display: flex; justify-content: center; align-items: center; flex-direction: column } .qrcode-preview-VSABOj .close-btn--3blD7 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; padding: 4px; right: -24px; top: -36px; transition: background-color .2s; border-radius: 50%; background-color: var(--theme-btn-tsp-white); font-size: 0 } .qrcode-preview-VSABOj .close-btn--3blD7 .icon-5EEz6z { color: var(--theme-text-tertiary) } .qrcode-preview-VSABOj .close-btn--3blD7:hover { background: var(--theme-btn-tsp-white-hover) } .qrcode-preview-VSABOj .content-lu3yrr { width: 280px; height: 280px; position: relative; background: var(--theme-bg-menu-gray) } .unlock-all-models-dialog-e6hQsY { max-width: calc(100% - 36px) } .unlock-all-models-dialog-e6hQsY .banner-5ye9rM { height: 0; padding-bottom: 49.5%; position: relative; background-repeat: no-repeat; background-size: cover } .unlock-all-models-dialog-e6hQsY .banner-5ye9rM .banner-cont-cjkpzW { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 32px 16px 0; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: flex-start } .unlock-all-models-dialog-e6hQsY .banner-5ye9rM .pre-title-xQMTer { font-size: 16px; font-weight: 400; line-height: 22px; text-align: center; color: var(--theme-text-primary) } .unlock-all-models-dialog-e6hQsY .banner-5ye9rM .main-title-B0pxEZ { font-size: 26px; font-weight: 700; line-height: 36px; text-align: center; color: var(--theme-text-primary) } .unlock-all-models-dialog-e6hQsY .content-1WxaYE { max-height: calc(100vh - 340px); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden } .unlock-all-models-dialog-e6hQsY .content-1WxaYE::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .unlock-all-models-dialog-e6hQsY .content-1WxaYE::-webkit-scrollbar-track { background: transparent } .unlock-all-models-dialog-e6hQsY .content-1WxaYE::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .unlock-all-models-dialog-e6hQsY .content-1WxaYE::-webkit-scrollbar-thumb:hover { background: #00000062 } .unlock-all-models-dialog-e6hQsY .content-1WxaYE::-webkit-scrollbar-corner { background: transparent } .unlock-all-models-dialog-e6hQsY .content-1WxaYE .list-5AM-8P { padding: 20px 20px 0; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px } .unlock-all-models-dialog-e6hQsY .footer-IHJsSg { padding: 20px; background-color: var(--theme-bg-menu-white) } .model-info-moZuy9 { position: relative; padding-left: 36px; display: flex; justify-content: center; align-items: center; flex-direction: column } .model-info-moZuy9 .bot-avatar-5KePy9 { position: absolute; border-radius: 50%; overflow: hidden; top: 0; left: 0; width: 24px; height: 24px } .model-info-moZuy9 .name-AyD2Lw { width: 100%; font-size: 16px; font-weight: 700; line-height: 24px; color: var(--theme-text-primary) } .model-info-moZuy9 .desc-bItCmv { width: 100%; font-size: 13px; font-weight: 400; line-height: 20px; color: var(--theme-text-quaternary) } ._monica-dark .unlock-all-models-dialog-e6hQsY .banner-5ye9rM .pre-title-xQMTer, ._monica-dark .unlock-all-models-dialog-e6hQsY .banner-5ye9rM .main-title-B0pxEZ { color: #262626 } ._monica-dark .unlock-all-models-dialog-e6hQsY>[class^=close] { color: #222226 } .feat-guide-card-gKm4LF { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px } .guide-item-Lytaa0 { width: 100%; transition: background-color .25s ease-in-out; border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); flex-direction: row; justify-content: center; padding: 10px 12px 10px 16px; gap: 10px; cursor: pointer; position: relative; user-select: none; min-height: 44px; display: flex; align-items: center } .guide-item-Lytaa0:hover { background-color: var(--theme-fill-tsp-components-secondary) } .guide-item-Lytaa0:active { background-color: var(--theme-fill-tsp-components-tertiary) } .guide-item-Lytaa0 .guide-name-KaqR1S { flex: 1 1 auto; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .guide-item-Lytaa0 .guide-name-KaqR1S .highlight-iLDn8Y { background-image: linear-gradient(90deg, #754ff6 32.3%, #f86ec9 84.69%); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: 600 } .guide-item-Lytaa0 .guide-name-KaqR1S .inset-label-BdQCdp { display: inline-flex; position: relative; padding-left: 20px } .guide-item-Lytaa0 .guide-name-KaqR1S .inset-label-BdQCdp .label-icon-whcyCr { position: absolute; top: 50%; left: 0; transform: translateY(-50%) } .guide-item-Lytaa0 .guide-name-KaqR1S .inset-label-BdQCdp.app-QaiG-C { color: var(--theme-text-brand); padding-left: 15px } .guide-item-Lytaa0 .guide-name-KaqR1S .inset-label-BdQCdp.app-QaiG-C .label-icon-whcyCr { left: -3px } .guide-item-Lytaa0 .guide-name-KaqR1S .inset-label-BdQCdp.desktop-fEinxx { color: var(--theme-text-link) } .guide-item-Lytaa0 .guide-name-KaqR1S.text-right-tWgq0- { text-align: right } .guide-item-Lytaa0 .close-td-W4m { opacity: 0; position: absolute; top: -6px; right: -4px; cursor: pointer; color: var(--theme-icon-disable); transition: all .3s ease } .guide-item-Lytaa0 .close-td-W4m:hover { color: var(--theme-icon-quaternary) } .guide-item-Lytaa0 .close-td-W4m:active { opacity: .8 } .guide-item-Lytaa0:hover .close-td-W4m { opacity: 1 } .voice-model-VmdrWH.is-pc-xaXkHQ .guide-name-KaqR1S { font-size: 16px; line-height: 22px } .voice-model-VmdrWH.is-pc-xaXkHQ .guide-name-KaqR1S .guide-tip-HbvMik { margin-top: 4px; font-size: 13px; font-weight: 400; line-height: 20px; color: var(--theme-text-quaternary) } .voice-model-VmdrWH.is-pc-xaXkHQ .inset-label-BdQCdp.app-QaiG-C { padding-left: 20px } .voice-model-VmdrWH.is-pc-xaXkHQ .inset-label-BdQCdp.desktop-fEinxx { padding-left: 24px } .voice-model-VmdrWH.is-pc-xaXkHQ .qrcode-box-ugAiZc { width: 64px; height: 64px; flex: 0 0 64px; cursor: pointer } .bot-preview-aVxZgf { display: inline-flex; align-items: center } .bot-preview-aVxZgf .bot-pic-GdkuVP { width: 24px; height: 24px; border-radius: 50%; overflow: hidden; box-shadow: 0 .667px 5.333px var(--theme-shadow-s2) } .bot-preview-aVxZgf .bot-pic-GdkuVP.text-item-FYSa7D { border: 2px solid var(--theme-text-white-primary) } .bot-preview-aVxZgf .bot-pic-GdkuVP .more-1W7Uio { color: var(--theme-text-primary); font-size: 12px; font-weight: 500; line-height: 12px; display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 100%; height: 100%; background: var(--theme-bg-gray-nav) } .bot-preview-aVxZgf .bot-pic-GdkuVP:not(:first-child) { margin-left: -4px } .all-platform-vTFwwT { flex: 1 } .all-platform-vTFwwT .all-platform-title-Tel2XA { color: var(--theme-text-primary); font-size: 14px; font-weight: 600; line-height: 1.5 } .all-platform-vTFwwT .all-platform-desc-pELve0 { margin-left: -5px; color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; display: flex; align-items: center } .qrcode-vsvF5m { width: 40px; height: 40px } .progress-xG0S3Q { display: inline-flex; align-items: center; gap: 2px; color: var(--theme-text-quaternary) } .progress-xG0S3Q .val-oDw8sp { color: var(--theme-text-primary) } ._monica-dark .all-platform-vTFwwT:after { mix-blend-mode: unset; background: linear-gradient(90deg, rgba(38, 38, 39, 0) 0%, #262627 100%) } .guide-box-BQtg9e { position: relative; width: 328px; max-width: calc(100vw - 65px); animation: fadeIn-5qN3w0 .3s ease; box-shadow: var(--theme-box-shadow-s3); transform: translateY(5px); border-radius: 12px } .guide-box-BQtg9e:after { content: ""; display: block; position: absolute; width: 30px; height: 30px; border-radius: 4px; background-color: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s3); z-index: 1; top: -12px; left: 50%; transform: translate(-50%, 6px) rotate(45deg) } .guide-box-BQtg9e .content-emHUIe { background-color: var(--theme-bg-white); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 12px; position: relative; z-index: 2 } .guide-box-BQtg9e .close-1WBODR { position: absolute; top: 20px; right: 20px; padding: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 4px; color: var(--theme-icon-quaternary); z-index: 3; font-size: 0 } .guide-box-BQtg9e .close-1WBODR:hover { background-color: var(--theme-btn-fill-secondary-hover) } .guide-box-BQtg9e .title-XvB4Tq { font-size: 18px; font-weight: 600; line-height: 28px; color: var(--theme-text-primary); padding-right: 30px } .guide-box-BQtg9e .desc-bFxWA2 { font-size: 14px; line-height: 22px; font-weight: 400; color: var(--theme-text-tertiary); margin-top: -8px } .guide-box-BQtg9e .banner-zd-eew { height: 160px; border-radius: 8px; border: 1px solid var(--theme-border-primary); overflow: hidden; background-color: var(--theme-bg-gray-primary) } .guide-box-BQtg9e .banner-zd-eew video, .guide-box-BQtg9e .banner-zd-eew img { width: 100%; height: 100%; object-fit: cover } .guide-box-BQtg9e .page-91YpLN { display: flex; align-items: center; justify-content: space-between } .guide-box-BQtg9e .page-91YpLN .dot-50--Hc { display: inline-flex; align-items: center; gap: 6px } .guide-box-BQtg9e .page-91YpLN .dot-item-YkSq1Q { width: 8px; height: 8px; background-color: var(--theme-icon-disable); border-radius: 50% } .guide-box-BQtg9e .page-91YpLN .dot-item-YkSq1Q.active-b1rt-e { background-color: var(--theme-icon-tertiary) } .guide-box-BQtg9e .button-WD35dt { height: 32px; min-height: 32px; border-radius: 10px; gap: 6px } .guide-box-BQtg9e .button-WD35dt .arrow-6RKQHk { transform: rotate(180deg) } @keyframes fadeIn-5qN3w0 { 0% { opacity: 0 } to { opacity: 1 } } .file-upload-tLeQyv { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; border: 1px solid transparent; box-sizing: border-box; border-radius: 16px !important; background: linear-gradient(325deg, rgba(209, 211, 218, .48) 16.56%, rgba(214, 217, 227, .19) 88.78%); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .file-upload-tLeQyv:hover, .file-upload-tLeQyv.active-eOmNvK { border: 1.5px dashed var(--theme-border-active) !important; background-color: var(--theme-btn-fill-tertiary-hover) !important } .file-upload-tLeQyv>div { display: flex; flex-direction: row; justify-content: center; align-items: center } .file-upload-tLeQyv .chat-upload-icon-dl1C2U { column-gap: 6px } .file-upload-tLeQyv .chat-upload-text-6lWY0O { font-size: 12px; opacity: .3; line-height: 16px; margin-top: 1px; text-align: center } .file-upload-tLeQyv .chat-upload-title-0SHYhE { font-size: 16px; font-weight: 600; line-height: 26px; margin-top: 5px } ._monica-dark .file-upload-tLeQyv { background: none } .memo-VxeL-d { height: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: left; margin-left: -6px } .memo-VxeL-d .tag-item-1xiW0t { border-radius: 17px; background-color: var(--theme-fill-tsp-components-primary); gap: 6px; height: 100%; padding: 0 10px; color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex } .memo-VxeL-d .tag-item-1xiW0t .tag-item-close-jGjd9s { color: var(--theme-text-primary); height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: opacity .2s ease-in-out; opacity: 1 } .memo-VxeL-d .tag-item-1xiW0t .tag-item-close-jGjd9s:hover { opacity: .4 } .bot-DMxGL0 { padding: 5px 8px; border-radius: 8px; background: var(--theme-btn-fill-secondary); display: flex; align-items: center; gap: 6px; color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .bot-DMxGL0 .avatar-X4-uGB { border-radius: 50%; border: 1px solid var(--theme-border-primary) } .bot-DMxGL0 .name-kMF0Lj { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .bot-DMxGL0 .close-f-qUzH { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-quaternary); display: flex; align-items: center } .chat-preset-prompt-X5NVhZ { display: flex; flex-direction: column; gap: 8px } .chat-preset-prompt-X5NVhZ .header-i-iaeL { display: flex; width: 100%; align-items: center; gap: 8px; border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); padding: 8px 12px } .chat-preset-prompt-X5NVhZ .header-i-iaeL .text-JSG6kf { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-secondary); font-size: 14px; line-height: 20px } .chat-preset-prompt-X5NVhZ .header-i-iaeL .action-list-mSf56K { flex-shrink: 0; display: flex; gap: 6px } .chat-preset-prompt-X5NVhZ .header-i-iaeL .action-list-mSf56K .action-item-KPlOTR { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .chat-preset-prompt-X5NVhZ .header-i-iaeL .action-list-mSf56K .action-item-KPlOTR:hover { background-color: var(--theme-fill-tsp-components-secondary) } .chat-preset-prompt-X5NVhZ .content-IwBOFf { display: flex; flex-wrap: wrap; gap: 4px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .chat-preset-prompt-X5NVhZ .content-IwBOFf::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .chat-preset-prompt-X5NVhZ .content-IwBOFf::-webkit-scrollbar-track { background: transparent } .chat-preset-prompt-X5NVhZ .content-IwBOFf::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .chat-preset-prompt-X5NVhZ .content-IwBOFf::-webkit-scrollbar-thumb:hover { background: #00000062 } .chat-preset-prompt-X5NVhZ .content-IwBOFf::-webkit-scrollbar-corner { background: transparent } .chat-preset-prompt-X5NVhZ .content-IwBOFf .prompt-item-0ZJZP1 { display: flex; border-radius: 8px; background: var(--theme-fill-tsp-brand); max-width: 100% } .chat-preset-prompt-X5NVhZ .content-IwBOFf .prompt-item-0ZJZP1.select-prompt-item-wEsdOp { height: max-content } .chat-preset-prompt-X5NVhZ .content-IwBOFf .prompt-item-0ZJZP1.select-prompt-item-wEsdOp .select-hTG5eS { min-width: 100px; width: 100%; padding: 4px 8px; background: transparent; color: var(--theme-text-brand); font-size: 14px; line-height: 22px } .chat-preset-prompt-X5NVhZ .content-IwBOFf .prompt-item-0ZJZP1.select-prompt-item-wEsdOp>.select-wrapper-mdLR4n { min-width: 0 } .chat-preset-prompt-X5NVhZ .content-IwBOFf .prompt-item-0ZJZP1.language-prompt-item-KWBh2U { width: 100px; max-width: 200px } .chat-preset-prompt-X5NVhZ .content-IwBOFf .prompt-item-0ZJZP1.language-prompt-item-KWBh2U span { color: var(--theme-text-brand); font-size: 14px; line-height: 22px } .select-wrapper-mdLR4n { min-width: 150px; width: max-content } .prompt-detail-popover-yYAtkK { width: max-content; height: fit-content; min-width: 336px; min-height: 200px; max-width: 400px; max-height: 65vh; overflow: hidden; padding: 16px; border-radius: 16px; background: var(--theme-bg-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .language-popover-wrapper-eazksi { height: max-content } .preset-input-prompt-HYtnf9 { position: relative; display: inline-block; max-width: 100% } .preset-input-prompt-HYtnf9 .placeholder-X4-xc- { position: absolute; width: max-content; visibility: hidden; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; pointer-events: none; padding: 4px 8px; font-size: 14px; line-height: 22px } .preset-input-prompt-HYtnf9 .input-obkyxe { width: 100%; padding: 4px 8px !important; border: none; background: transparent; font-size: 14px; line-height: 22px; min-width: 60px; height: max-content; resize: none; overflow: hidden } .preset-input-prompt-HYtnf9 .input-obkyxe .ant-input { padding: 0 !important; color: var(--theme-text-brand) !important; white-space: pre-wrap; word-break: break-word; overflow-y: auto; height: 22px; max-height: 380px } .preset-input-prompt-HYtnf9 .input-obkyxe .ant-input::placeholder { color: var(--theme-fill-tsp-brand-primary) !important; opacity: .8 } .chat-quote-XvKzvG { display: flex; flex-direction: column; width: 100%; border-bottom: 1px solid var(--theme-border-light); padding-bottom: 12px } .chat-quote-XvKzvG.single-file-r8YLlD { gap: 8px } .chat-quote-XvKzvG.multiple-files-zfO0Cr { margin-top: 0 !important; gap: 4px } .chat-quote-XvKzvG.multiple-files-zfO0Cr .scroll-wrapper-6lPZLn { padding-top: 12px; width: calc(100% + 24px); padding-left: 16px; padding-right: 12px; margin-left: -16px; max-height: 157px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .chat-quote-XvKzvG.multiple-files-zfO0Cr .scroll-wrapper-6lPZLn::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .chat-quote-XvKzvG.multiple-files-zfO0Cr .scroll-wrapper-6lPZLn::-webkit-scrollbar-track { background: transparent } .chat-quote-XvKzvG.multiple-files-zfO0Cr .scroll-wrapper-6lPZLn::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .chat-quote-XvKzvG.multiple-files-zfO0Cr .scroll-wrapper-6lPZLn::-webkit-scrollbar-thumb:hover { background: #00000062 } .chat-quote-XvKzvG.multiple-files-zfO0Cr .scroll-wrapper-6lPZLn::-webkit-scrollbar-corner { background: transparent } .chat-quote-XvKzvG.multiple-files-zfO0Cr .file-quote-list-k0uEbc { width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(152px, 1fr)); gap: 4px } .chat-quote-XvKzvG.text-quote-LdNFMM { padding-bottom: 8px } .chat-quote-XvKzvG .file-quote-list-k0uEbc { padding-bottom: 4px; display: flex; gap: 12px } .chat-quote-XvKzvG .file-quote-list-k0uEbc .suggestion-lAIJ-P { display: flex; flex-direction: column; justify-content: center; flex: 1 } .suggestion-lAIJ-P { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; flex-shrink: 0 } .suggestion-item-X5GErY { padding: 4px 8px; display: flex; align-items: center; border-radius: 8px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px } .webpage-quote-MFaICI { border-radius: 8px; background: var(--theme-bg-gray-primary); display: flex; align-items: center; padding: 5px 8px; gap: 8px; width: 100% } .webpage-quote-MFaICI .content-jwdv-k { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 6px; flex: 1 } .webpage-quote-MFaICI .content-jwdv-k .text-cPHQ-n { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .webpage-quote-MFaICI .content-jwdv-k .favicon-TU9Bgz { width: 20px; height: 20px; border-radius: 50%; overflow: hidden } .webpage-quote-MFaICI .close-btn-LoCw1a { color: var(--theme-icon-secondary); width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .webpage-quote-MFaICI .close-btn-LoCw1a:hover { background-color: var(--theme-fill-tsp-components-secondary) } .file-quote-Y2z-Tt { display: flex; align-items: center; gap: 12px; max-width: 100% } .file-preview-5a1o9J { width: 100%; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; background: var(--theme-bg-white); position: relative; border: 1px solid var(--theme-border-light); transition: border-color .2s ease-in-out } .file-preview-5a1o9J:hover { border-color: var(--theme-border-quaternary) } .file-preview-5a1o9J img { width: 36px; height: 36px; object-fit: cover; border-radius: 12px; overflow: hidden } .file-preview-5a1o9J .file-info-RnLnIL { flex: 1; min-width: 0 } .file-preview-5a1o9J .file-info-RnLnIL .file-name--mEOAS { color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .file-preview-5a1o9J .file-info-RnLnIL .file-size-lE8NYd { color: var(--theme-text-quaternary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .file-preview-5a1o9J .file-info-RnLnIL .error-AhgC61 { color: var(--theme-function-error); font-size: 12px; font-style: normal; font-weight: 400; display: flex; align-items: center; gap: 4px } .file-preview-5a1o9J .file-info-RnLnIL .error-AhgC61 span { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .file-preview-5a1o9J .file-info-RnLnIL .error-AhgC61 .retry-icon-WlkECM { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .file-preview-5a1o9J .file-info-RnLnIL .error-AhgC61 .retry-icon-WlkECM:hover { opacity: .8 } .file-preview-5a1o9J:hover .close-btn-w-dG7g { display: flex } .image-preview-bx6Ihy { position: relative; width: 90px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 8px; border: 2px solid var(--theme-bg-tsp-white-secondary); background: var(--theme-border-quaternary) } .image-preview-bx6Ihy .loading-QGPDr- { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; background: var(--theme-bg-mask) } .image-preview-bx6Ihy .image-DvYpCc img { width: 100%; height: 100%; object-fit: contain } .image-preview-bx6Ihy:hover .close-btn-w-dG7g { display: flex } .close-btn-w-dG7g { position: absolute; top: -7px; right: -7px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: none; z-index: 2 } .text-quote-u4fxZj { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 2px 8px; column-gap: 6px; color: var(--theme-text-quaternary); border-radius: 4px; background: var(--theme-fill-tsp-components-secondary) } .text-quote-u4fxZj .text-m-q7bI { min-width: 0; flex: 1; font-size: 14px; font-weight: 400; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .text-quote-u4fxZj .close-btn-1u3-ep { color: var(--theme-icon-tertiary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .text-quote-u4fxZj .close-btn-1u3-ep:hover { color: var(--theme-icon-quaternary) } .pat-button-tabs-YpVGJU { padding: 2px; background-color: var(--theme-bg-gray-nav); border-radius: 10px; overflow: hidden; width: 100% } .pat-button-tabs-YpVGJU.small-NJKIwq { border-radius: 8px } .pat-button-tabs-YpVGJU.small-NJKIwq .button-tab-eI3iKd { padding: 3px 6px; font-weight: 400; border-radius: 6px } .pat-button-tabs-YpVGJU .content-lJTxPP { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; position: relative } .pat-button-tabs-YpVGJU .content-lJTxPP:before { content: ""; width: calc(100% / var(--tab-length)); height: 100%; position: absolute; left: 0; top: 0; background-color: var(--theme-bg-white); z-index: 1; border-radius: 8px; transform: translate(var(--tab-offset-x)); transition: transform .3s ease } .pat-button-tabs-YpVGJU .button-tab-eI3iKd { padding: 6px 12px; flex: 1 1 0px; font-size: 14px; font-weight: 500; line-height: 22px; text-align: center; z-index: 2; cursor: pointer; color: var(--theme-text-tertiary); border-radius: 10px; display: flex; justify-content: center; align-items: center } .pat-button-tabs-YpVGJU .button-tab-eI3iKd.active-KVpl8x { color: var(--theme-text-primary) } .skill-card-container-v9xv9f { width: 100%; max-width: var(--monica-chat-max-width, 800px); padding: 6px 12px 10px; position: relative } .skill-card-container-v9xv9f .inner-BKE8D5 { border-radius: 12px; border: 1.5px solid var(--theme-border-light); background-color: var(--theme-bg-gray-secondary); overflow: hidden; transition: border-color .2s ease-in-out; position: relative; z-index: 12 } .skill-card-container-v9xv9f:hover .inner-BKE8D5, .skill-card-container-v9xv9f.focused-hDacuP .inner-BKE8D5 { border-color: var(--theme-border-active) } .skill-card-container-v9xv9f.transparent-mQbsyE .inner-BKE8D5 { background-color: var(--theme-bg-white) } .skill-card-container-v9xv9f.transparent-mQbsyE .header-OJUZTg { border-bottom: none } .skill-card-container-v9xv9f .header-OJUZTg { padding: 9px 12px; font-weight: 500 } .skill-card-container-v9xv9f .title-bar-6eDVWZ { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; font-size: 14px; color: var(--theme-text-primary); margin: -2px 0 } .skill-card-container-v9xv9f .title-bar-6eDVWZ .title-icon-rUZoth { flex: 0 0 16px } .skill-card-container-v9xv9f .title-bar-6eDVWZ .title-KK1Lwr { flex: 1 1 auto } .skill-card-container-v9xv9f .title-bar-6eDVWZ .close-btn-Z8ytRC { flex: 0 0 22px; font-size: 0px; height: 22px; display: inline-flex; justify-content: center; align-items: center; cursor: pointer } .skill-card-container-v9xv9f .title-bar-6eDVWZ .close-btn-Z8ytRC svg { color: var(--theme-icon-tertiary) } .skill-card-container-v9xv9f .title-bar-6eDVWZ .close-btn-Z8ytRC:hover { color: var(--theme-icon-secondary) } .skill-card-container-v9xv9f .title-bar-6eDVWZ .close-btn-Z8ytRC:active { color: var(--theme-icon-primary) } .skill-card-container-v9xv9f .title-bar-6eDVWZ .option-btn-bPcptf { display: inline-flex; align-items: center; gap: 2px; padding: 2px 8px; border-radius: 6px; border: 1px solid var(--theme-btn-border-primary); font-size: 12px; line-height: 18px; font-weight: 400; color: var(--theme-text-secondary); user-select: none; cursor: pointer } .skill-card-container-v9xv9f .title-bar-6eDVWZ .option-btn-bPcptf .option-icon-TiOcWp { color: var(--theme-icon-tertiary) } .skill-card-container-v9xv9f .title-bar-6eDVWZ .option-btn-bPcptf.active-DDTUJ9 { background-color: var(--theme-fill-tsp-components-primary) } .skill-card-container-v9xv9f .title-bar-6eDVWZ .option-btn-bPcptf:hover { background-color: var(--theme-fill-tsp-components-secondary) } .skill-card-container-v9xv9f .extra-ZqPNOM { margin-top: 10px } .skill-card-container-v9xv9f .content-1Yq0DJ { background-color: var(--theme-bg-white); border-top: 1px solid var(--theme-border-light) } .quick-entry-K2frsF { width: 100%; padding: 6px 8px 8px; border-radius: 10px; background-color: var(--theme-fill-tsp-brand) } .quick-entry-K2frsF:hover .entry-header-sgNLYi .close-btn-Z8ytRC { display: inline-flex; opacity: 1 } .quick-entry-K2frsF .entry-header-sgNLYi { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; margin-bottom: 6px } .quick-entry-K2frsF .entry-header-sgNLYi .title-KK1Lwr { flex: 1 1 auto; font-size: 12px; line-height: 18px; color: var(--theme-text-tertiary) } .quick-entry-K2frsF .entry-header-sgNLYi .close-btn-Z8ytRC { flex: 0 0 18px; font-size: 0px; height: 18px; justify-content: center; align-items: center; color: var(--theme-icon-tertiary); cursor: pointer; display: none } .quick-entry-K2frsF .entry-header-sgNLYi .close-btn-Z8ytRC:hover { color: var(--theme-icon-secondary) } .quick-entry-K2frsF .entry-header-sgNLYi .close-btn-Z8ytRC:active { color: var(--theme-icon-primary) } .quick-entry-K2frsF .entry-actions-6JRUJV { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px } .quick-entry-K2frsF .entry-btn-ZRlUXX { flex: 1 1 40%; height: auto; background-color: var(--theme-btn-tsp-white); color: var(--theme-text-primary); font-weight: 400; align-items: center; align-self: stretch; padding: 5px 8px; overflow: auto; white-space: pre-wrap } .quick-entry-K2frsF .entry-btn-ZRlUXX:hover { background-color: var(--theme-btn-tsp-white-hover) } .quick-entry-K2frsF .entry-btn-ZRlUXX:active { opacity: .75 } .quick-entry-K2frsF .entry-btn-ZRlUXX svg { color: var(--theme-icon-tertiary) } .quick-entry-K2frsF .entry-btn-ZRlUXX .text--gGoPQ { overflow: hidden; text-overflow: ellipsis } .pdf-entry-xcS6PJ { display: flex; padding: 2px 8px; align-items: center; border-radius: 6px; border: 1px solid var(--theme-btn-border-primary); color: var(--theme-text-secondary); font-size: 12px; line-height: 18px; cursor: pointer; transition: background-color .2s; gap: 2px } .pdf-entry-xcS6PJ:hover { background-color: var(--theme-fill-tsp-components-secondary) } .option-panel-hhwc5N { position: absolute; top: -2px; left: 12px; width: calc(100% - 24px); overflow: hidden; transform: translateY(-100%); box-shadow: var(--theme-box-shadow-s3); background: var(--theme-bg-white); padding: 12px; animation: enter-mLpBUD .25s ease-in-out; border-radius: 12px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; z-index: 11 } @keyframes enter-mLpBUD { 0% { transform: translateY(0); opacity: 0 } to { transform: translateY(-100%); opacity: 1 } } .option-values-9H6bj4 { flex: 1 1 auto; padding-right: 6px; overflow-x: auto } .option-values-9H6bj4::-webkit-scrollbar { display: none } .option-values-9H6bj4 .list-my43iN { display: inline-flex; align-items: center; justify-content: flex-start; gap: 8px } .option-values-9H6bj4 .item-GdQp-b { border: 1px solid var(--theme-btn-border-primary); border-radius: 6px; padding: 2px 6px; font-size: 12px; line-height: 18px; font-weight: 400; color: var(--theme-text-tertiary); cursor: pointer; user-select: none; max-width: 150px; width: max-content; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .option-values-9H6bj4 .item-GdQp-b:hover { background-color: var(--theme-fill-tsp-components-primary) } .title-Mr8u0X { width: 100%; display: flex; align-items: center; gap: 12px } .title-Mr8u0X .left-mA-kQ4 { flex: 1; display: flex; align-items: center } .title-Mr8u0X .right-xCnfc- { display: flex; align-items: center; gap: 8px } .title-Mr8u0X .right-xCnfc- .action-item-YsI8wI { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .title-Mr8u0X .right-xCnfc- .action-item-YsI8wI:hover, .title-Mr8u0X .right-xCnfc- .action-item-YsI8wI.active-tC4rgO { background-color: var(--theme-fill-tsp-components-secondary) } .card-8lp48G { background: var(--theme-bg-white); margin-top: 10px; padding: 8px 8px 8px 12px; border: 1px solid var(--theme-border-light); border-radius: 10px } .card-8lp48G .form-item-Say2gd { display: flex; flex-direction: row; justify-content: space-between; align-items: center } .card-8lp48G .form-item-Say2gd .form-item-label-UBczds { flex: 1; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .card-8lp48G .form-item-Say2gd .select-item-fMZt7v, .card-8lp48G .form-item-Say2gd .select-ktKJsj { width: 200px } .card-8lp48G .divider-J5nfrb { height: 1px; width: 100%; background-color: var(--theme-fill-tsp-components-secondary); margin: 8px 0 } .artifact-favorite-drawer-Ffw2hU .empty-2hgcTG { height: 100%; width: 100%; display: flex; flex-direction: column; gap: 16px; align-items: center; justify-content: center } .artifact-favorite-drawer-Ffw2hU .empty-2hgcTG p { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 24px } .artifact-favorite-drawer-Ffw2hU .empty-2hgcTG .button-Wh3Uzy { border-radius: 10px } .artifacts-view-TDbzzF { width: 100%; height: 100%; display: flex; flex-direction: column } .artifacts-view-TDbzzF .search-Le3H-- { padding: 0 16px; margin-bottom: 8px } .artifact-list-NAz4P8 { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 0 4px } .artifact-list-NAz4P8::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .artifact-list-NAz4P8::-webkit-scrollbar-track { background: transparent } .artifact-list-NAz4P8::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .artifact-list-NAz4P8::-webkit-scrollbar-thumb:hover { background: #00000062 } .artifact-list-NAz4P8::-webkit-scrollbar-corner { background: transparent } .artifact-list-NAz4P8 .artifact-item--oFEvY+.artifact-item--oFEvY { margin-top: 4px } .artifact-item--oFEvY { padding: 12px 12px 16px; display: flex; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; gap: 12px; position: relative; transition: background .2s; border-radius: 12px } .artifact-item--oFEvY:after { content: ""; width: calc(100% - 24px); left: 12px; position: absolute; bottom: 0; height: 1px; background: var(--theme-btn-border-secondary) } .artifact-item--oFEvY:hover { background: var(--theme-fill-tsp-components-secondary) } .artifact-item--oFEvY:hover:after { background: transparent } .artifact-item--oFEvY .center-hQjKE- { flex: 1; min-width: 0 } .artifact-item--oFEvY .center-hQjKE- .hd-592vYj { display: flex; align-items: center; gap: 12px } .artifact-item--oFEvY .center-hQjKE- .hd-592vYj .name-rGHmML { flex: 1; min-width: 0; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .artifact-item--oFEvY .center-hQjKE- .hd-592vYj .date-yzQFKC { color: var(--theme-text-disable); font-size: 12px; line-height: 18px } .artifact-item--oFEvY .center-hQjKE- .desc-2IGJvs { display: flex; gap: 12px; align-items: center } .artifact-item--oFEvY .center-hQjKE- .desc-2IGJvs .text-YqZ4Yf { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; flex: 1; min-width: 0 } .mac-app-select-dialog-0lgHVZ { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 24px; padding: 128px; font-family: -apple-system, "system-ui", Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial, Hiragino Sans GB, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" } .mac-app-select-dialog-0lgHVZ.mini-style-TYjUiE { gap: 16px; padding: 20px } .mac-app-select-dialog-0lgHVZ.mini-style-TYjUiE .top-UV3C4e { width: 100% } .mac-app-select-dialog-0lgHVZ.mini-style-TYjUiE .top-UV3C4e .title-01Unl6 { text-align: left; color: var(--theme-text-primary, #262626); font-size: 18px; font-weight: 600; line-height: 24px; padding-right: 24px } .mac-app-select-dialog-0lgHVZ.mini-style-TYjUiE .top-UV3C4e .help-a5c-LI { color: var(--theme-text-secondary); font-size: 14px; line-height: 22px } .mac-app-select-dialog-0lgHVZ.mini-style-TYjUiE .bottom-dbd2mG { margin-top: 12px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; width: 100% } .mac-app-select-dialog-0lgHVZ.mini-style-TYjUiE .bottom-dbd2mG a { width: 100% } .mac-app-select-dialog-0lgHVZ.mini-style-TYjUiE .bottom-dbd2mG .button-RyYsFk { width: 100%; height: 40px; border-radius: 10px; padding: 10px; color: var(--theme-text-white-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px } .mac-app-select-dialog-0lgHVZ .top-UV3C4e { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px } .mac-app-select-dialog-0lgHVZ .top-UV3C4e .title-01Unl6 { color: var(--grayblue-800); text-align: center; font-size: 32px; font-weight: 600; line-height: 44px } .mac-app-select-dialog-0lgHVZ .top-UV3C4e .help-a5c-LI { font-size: 20px; line-height: 28px; color: var(--grayblue-600) } .mac-app-select-dialog-0lgHVZ .top-UV3C4e .help-a5c-LI .icon-b8SniJ { vertical-align: middle } .mac-app-select-dialog-0lgHVZ .bottom-dbd2mG { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 24px } .mac-app-select-dialog-0lgHVZ .bottom-dbd2mG .button-RyYsFk { height: auto; border-radius: 12px; padding: 16px 24px; font-size: 16px; font-weight: 600; line-height: 24px } .chat-screenshot-container-KG-cuG { width: 328px; padding: 14px 12px; position: relative } .chat-screenshot-container-KG-cuG .title-ug-CNV { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .chat-screenshot-container-KG-cuG .desc-7c-eqI { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; margin-top: 4px } .chat-screenshot-container-KG-cuG .banner-B3k6IT { margin-top: 12px; border-radius: 6px; overflow: hidden; margin-bottom: 12px; position: relative } .chat-screenshot-container-KG-cuG .banner-B3k6IT .cover-MAg7K9 { position: absolute; inset: 0; z-index: 1 } .chat-screenshot-container-KG-cuG .banner-B3k6IT video { max-width: 100%; margin-bottom: -6px } .chat-screenshot-container-KG-cuG .button-w4bt4k { border-radius: 8px } .chat-screenshot-container-KG-cuG .close-button-dY1EZD { position: absolute; top: 11px } .action-list-2vOU-r { display: flex; gap: 6px } .action-list-2vOU-r .action-button-edoboC { border-radius: 8px } .file-list-PsqX-C { display: flex; flex-direction: column; gap: 10px } .file-list-PsqX-C.multiple-files-8MILpS { display: grid; grid-template-columns: repeat(auto-fill, minmax(156px, 1fr)); gap: 4px } .scroll-wrapper-JdgUVA { margin-top: -10px; padding-top: 10px; width: calc(100% + 24px); padding-left: 16px; padding-right: 12px; margin-left: -16px; max-height: 157px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .scroll-wrapper-JdgUVA::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .scroll-wrapper-JdgUVA::-webkit-scrollbar-track { background: transparent } .scroll-wrapper-JdgUVA::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .scroll-wrapper-JdgUVA::-webkit-scrollbar-thumb:hover { background: #00000062 } .scroll-wrapper-JdgUVA::-webkit-scrollbar-corner { background: transparent } .artifacts-skill-card-A0xc8F .title-5v3B4- { width: 100%; display: flex; align-items: center; gap: 12px } .artifacts-skill-card-A0xc8F .title-5v3B4- .left-Ky4LAC { flex: 1; display: flex; align-items: center } .artifacts-skill-card-A0xc8F .title-5v3B4- .right-i5QBkR { display: flex; align-items: center; gap: 8px } .artifacts-skill-card-A0xc8F .title-5v3B4- .right-i5QBkR .action-item-lizAQr { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .artifacts-skill-card-A0xc8F .title-5v3B4- .right-i5QBkR .action-item-lizAQr:hover, .artifacts-skill-card-A0xc8F .title-5v3B4- .right-i5QBkR .action-item-lizAQr.active-DKL9K8 { background-color: var(--theme-fill-tsp-components-secondary) } .artifacts-skill-card-A0xc8F .title-5v3B4- .right-i5QBkR .driver-gIASpL { width: 1px; height: 12px; background: var(--theme-fill-tsp-components-primary) } .artifacts-skill-card-A0xc8F .title-5v3B4- .text-yuN29Q { white-space: nowrap } .artifacts-skill-card-A0xc8F .title-5v3B4- .question-EgXmV3 { display: flex; margin-left: 4px; color: var(--theme-text-quaternary) } .artifact-demo-OjI36w { display: flex; flex-direction: column; gap: 12px; width: 100% } .artifact-demo-OjI36w .artifact-demo-header-1ydy-7 .title-5v3B4- { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .artifact-demo-OjI36w .artifact-demo-header-1ydy-7 .desc-TWlK-j { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 16px } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 { position: relative; width: 100% } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .artifact-demo-list-Yg-SP7 { display: flex; flex-wrap: nowrap; gap: 8px; width: 100%; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .artifact-demo-list-Yg-SP7 .artifact-demo-item-W7Xc8q { display: flex; flex-direction: column; border-radius: 12px; border: 1px solid var(--theme-border-primary); flex: 1; min-width: 140px; width: fit-content; height: 180px; overflow: hidden; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .artifact-demo-list-Yg-SP7 .artifact-demo-item-W7Xc8q:hover { background: var(--theme-fill-tsp-components-tertiary) } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .artifact-demo-list-Yg-SP7 .artifact-demo-item-W7Xc8q .item-header--7Yxlh { width: 100%; display: flex; align-items: center; padding: 8px 12px; background: var(--theme-fill-tsp-components-tertiary) } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .artifact-demo-list-Yg-SP7 .artifact-demo-item-W7Xc8q .item-header--7Yxlh .name-4oYygC { color: var(--theme-text-primary); font-size: 12px; font-weight: 400; line-height: 1o6px } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .artifact-demo-list-Yg-SP7 .artifact-demo-item-W7Xc8q .img-wrapper-B47nFa { flex: 1; overflow: hidden; min-height: 0; display: flex; flex-direction: row; justify-content: center; align-items: center } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .artifact-demo-list-Yg-SP7 .artifact-demo-item-W7Xc8q .img-wrapper-B47nFa .image-nS8oOe { min-width: 120px; width: 85%; max-width: 100%; max-height: 100%; height: auto; border-radius: 8px; overflow: hidden } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .artifact-demo-list-Yg-SP7 .artifact-demo-item-W7Xc8q .img-wrapper-B47nFa img { width: 100%; height: 100%; object-fit: cover; box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .arrow-left-wrapper-D2U-BQ, .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .arrow-right-wrapper-nIREP- { position: absolute; width: 48px; height: 100%; top: 0; display: flex; align-items: center } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .arrow-left-wrapper-D2U-BQ .icon-OO9FxM, .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .arrow-right-wrapper-nIREP- .icon-OO9FxM { position: absolute; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 22px; height: 22px; border-radius: 50%; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); box-shadow: 0 0 1px #00000014, 0 1px 4px #0000001a } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .arrow-left-wrapper-D2U-BQ .icon-OO9FxM:hover, .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .arrow-right-wrapper-nIREP- .icon-OO9FxM:hover { background: var(--theme-fill-tsp-components-tertiary) } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .arrow-left-wrapper-D2U-BQ { left: 0; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 20%, #fff 100%) } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .arrow-left-wrapper-D2U-BQ .icon-OO9FxM { left: 10px; transform: rotate(180deg) } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .arrow-right-wrapper-nIREP- { right: 0; background: linear-gradient(270deg, #fff 20%, rgba(255, 255, 255, 0) 100%) } .artifact-demo-OjI36w .artifact-demo-list-wrapper-PW0G26 .arrow-right-wrapper-nIREP- .icon-OO9FxM { right: 10px } .examples-popover-content-LFwh-9 { border-radius: 12px; background: var(--theme-bg-white); padding: 16px; width: 328px; box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .examples-popover-content-LFwh-9 h2 { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 24px } .examples-popover-content-LFwh-9 .desc-TWlK-j { margin-top: 4px; color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px } .examples-popover-content-LFwh-9 .example-label-CBXV2J { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; margin-top: 12px } .examples-popover-content-LFwh-9 .examples-MelyYw { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px } .examples-popover-content-LFwh-9 .example-item-S-P8nF { display: inline-flex; min-height: 24px; height: auto; max-width: 100%; white-space: break-spaces; color: var(--theme-text-quaternary) } .demoListWrapper-zzXxJ9 { position: relative; width: 100% } .demoList-DHTq-I { display: flex; gap: 12px; overflow-x: auto; scroll-behavior: smooth; padding: 12px; scrollbar-width: none } .demoList-DHTq-I::-webkit-scrollbar { display: none } .scrollButton-bSuFdx { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background-color: #fff; box-shadow: 0 2px 8px #0000001a } .scrollButton-bSuFdx:first-child { left: 0 } .scrollButton-bSuFdx:last-child { right: 0 } .title-bar-oR8o3- { display: flex; align-items: center; justify-content: space-between } .title-bar-oR8o3- .title-R7XhGy { display: flex; align-items: center; gap: 4px } .title-bar-oR8o3- .action-list-g4HwMK { display: flex; align-items: center; gap: 8px } .title-bar-oR8o3- .action-list-g4HwMK .action-item-lCFuxV { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .title-bar-oR8o3- .action-list-g4HwMK .action-item-lCFuxV:hover { background-color: var(--theme-fill-tsp-components-secondary) } .calendar-wrapper-I1q-3O { display: flex; flex-direction: column; gap: 10px } .calendar-wrapper-I1q-3O .example-7x5LB2 { border-radius: 12px; background: var(--theme-btn-fill-tertiary); display: flex; padding: 12px; gap: 12px; align-items: center } .calendar-wrapper-I1q-3O .example-7x5LB2 .example-image-mN-eTi { width: 70px; height: 70px } .calendar-wrapper-I1q-3O .example-7x5LB2 .example-image-mN-eTi img { width: 100%; height: 100%; object-fit: cover } .calendar-wrapper-I1q-3O .example-7x5LB2 .example-tips-Wxczsr { display: flex; gap: 8px; flex-direction: column } .calendar-wrapper-I1q-3O .example-7x5LB2 .example-tips-Wxczsr .text-71POx8 { color: var(--theme-text-secondary); font-size: 12px; line-height: 16px } .calendar-wrapper-I1q-3O .example-7x5LB2 .example-tips-Wxczsr .text-71POx8 .title-R7XhGy { color: var(--theme-text-primary); margin-right: 4px } .action-button-rH8-PU:hover { background: var(--theme-fill-tsp-components-secondary) } .chat-input-header-Y6Zlay { display: flex; flex-direction: column; width: 100%; border-bottom: 1px solid var(--theme-border-light); padding: 12px } .chat-input-header-Y6Zlay .chat-file-HvoRYM { display: flex; gap: 12px; width: 100% } .chat-input-header-Y6Zlay .chat-file-HvoRYM.multiple-files-vLeu5f { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 4px } .data-analysis-uqRixx .title-XvxJAZ { display: flex; align-items: center; justify-content: space-between; gap: 12px } .data-analysis-uqRixx .title-XvxJAZ .title-left-KCey51 { display: inline-flex; align-items: center; gap: 4px } .data-analysis-uqRixx .title-XvxJAZ .title-right-66C-lN { display: flex; align-items: center; gap: 8px } .data-analysis-uqRixx .title-XvxJAZ .title-right-66C-lN .action-item-Wc2-qe { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .data-analysis-uqRixx .title-XvxJAZ .title-right-66C-lN .action-item-Wc2-qe:hover, .data-analysis-uqRixx .title-XvxJAZ .title-right-66C-lN .action-item-Wc2-qe.active-QftBUd { background-color: var(--theme-fill-tsp-components-secondary) } .data-analysis-uqRixx .title-XvxJAZ .title-right-66C-lN .driver-vgAxA- { width: 1px; height: 12px; background: var(--theme-fill-tsp-components-primary) } .data-analysis-uqRixx .qs-box-LH9l6x, .data-analysis-uqRixx .question-16xJOm { line-height: 0 } .examples-popover-content-kAkG8K { border-radius: 12px; background: var(--theme-bg-white); padding: 16px; width: 328px; box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .examples-popover-content-kAkG8K h2 { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 24px } .examples-popover-content-kAkG8K .desc-2pfIdW { margin-top: 4px; color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px } .examples-popover-content-kAkG8K .example-label-66fSJb { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; margin-top: 12px } .examples-popover-content-kAkG8K .examples-zeR9t5 { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px } .examples-popover-content-kAkG8K .example-item-owYzHm { display: inline-flex; min-height: 24px; height: auto; max-width: 100%; white-space: break-spaces; color: var(--theme-text-quaternary); padding: 2px 8px } .header-rUslq- { display: flex; flex-direction: column; gap: 12px; width: 100%; align-items: center; justify-content: center; padding: 24px 16px; border-radius: 12px; border: 1px dashed var(--theme-border-quaternary); background: var(--theme-bg-white) } .header-rUslq- .header-tips-rB5LYQ { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px } .header-rUslq- .header-tips-rB5LYQ .header-tips-title-AfZIac { color: var(--theme-text-primary); text-align: center; font-size: 14px; font-weight: 500; line-height: 20px } .header-rUslq- .header-tips-rB5LYQ .header-tips-desc-eW5QUj { text-align: center; color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 16px } .mark-button-w8OmZv { display: flex; padding: 2px; justify-content: center; align-items: center; border-radius: 8px; cursor: pointer } .mark-button-w8OmZv:hover, .mark-button-w8OmZv.is-active-r9rkE3 { background-color: var(--theme-fill-tsp-components-secondary) } .memo-quick-input-Prq-tm { display: flex; min-height: 108px; max-height: 372px; padding: 10px 12px; align-items: center; gap: 8px; border-radius: 10px; background-color: var(--theme-fill-tsp-components-tertiary); position: relative; border: 1px solid transparent; transition: all ease .2s } .memo-quick-input-Prq-tm:before { background-color: var(--theme-fill-tsp-components-primary) } .memo-quick-input-Prq-tm:hover:before { background-color: var(--theme-fill-tsp-gray) } .memo-quick-input-Prq-tm:hover, .memo-quick-input-Prq-tm.active-kSIFkH { border-color: var(--theme-border-active) } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG { max-height: 100%; height: 100%; display: flex; width: 100%; flex-direction: column } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .editor-x28K2E { flex: 1; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; max-height: 332px; min-height: 68px } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .editor-x28K2E::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .editor-x28K2E::-webkit-scrollbar-track { background: transparent } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .editor-x28K2E::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .editor-x28K2E::-webkit-scrollbar-thumb:hover { background: #00000062 } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .editor-x28K2E::-webkit-scrollbar-corner { background: transparent } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .editor-x28K2E .internal-editor-S8uodt { width: 100%; flex: 1 } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .footer-x7VQWS { height: 20px; display: flex; align-items: center; justify-content: space-between; width: 100% } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .footer-x7VQWS .mark-list-fQO3hA { display: flex; gap: 4px } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .footer-x7VQWS .enter-wrapper-oAo3-V { display: flex; align-items: center; gap: 8px } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .footer-x7VQWS .enter-wrapper-oAo3-V .expand-wrapper-NCw4p6 { cursor: pointer; display: flex; align-items: center } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .footer-x7VQWS .enter-wrapper-oAo3-V .notice-3Jqc9i { color: var(--theme-text-disable); pointer-events: none; user-select: none; font-size: 12px } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .footer-x7VQWS .enter-wrapper-oAo3-V .submit-wrapper-EwxOQE { cursor: pointer; width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .footer-x7VQWS .enter-wrapper-oAo3-V .submit-wrapper-EwxOQE:hover { background-color: var(--theme-fill-tsp-components-secondary) } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .footer-x7VQWS .enter-wrapper-oAo3-V .submit-c6GdEc { cursor: pointer } .memo-quick-input-Prq-tm .editor-wrapper-VUAzjG .footer-x7VQWS .enter-wrapper-oAo3-V .submit-c6GdEc.disable-VPZ2u7 { cursor: not-allowed } .memo-quick-input-Prq-tm .placeholder-P5dsUz { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; color: var(--theme-text-disable); white-space: nowrap; opacity: 1 !important } .memo-quick-input-Prq-tm .paragraph-override--TbDyo { line-height: 22px } .editor-wrapper-uk0kuq { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1; min-height: 0px; word-break: break-all; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .editor-wrapper-uk0kuq .update-notice-h3kP-6 { position: sticky; top: 10px; margin: 12px 24px; justify-content: center; z-index: 99; display: flex; height: 32px; padding: 16px; justify-content: space-between; align-items: center; align-self: stretch; border-radius: 8px; background: var(--theme-btn-fill-tertiary) } .editor-wrapper-uk0kuq .update-notice-h3kP-6 .notice-vgEF4e { display: flex; gap: 4px; align-items: center } .editor-wrapper-uk0kuq .update-notice-h3kP-6 .link-zLtPl5 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-brand) } .editor-wrapper-uk0kuq .update-notice-h3kP-6 .link-zLtPl5:hover { opacity: .7 } .editor-wrapper-uk0kuq.webview-editor-wrapper-f62sHH { padding: 44px 20px !important } .editor-wrapper-uk0kuq.h5-editor-wrapper-pNBEp9 { padding: 20px !important } .editor-wrapper-uk0kuq :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .editor-wrapper-uk0kuq :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .editor-wrapper-uk0kuq::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .editor-wrapper-uk0kuq::-webkit-scrollbar-track { background: transparent } .editor-wrapper-uk0kuq::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .editor-wrapper-uk0kuq::-webkit-scrollbar-thumb:hover { background: #00000062 } .editor-wrapper-uk0kuq::-webkit-scrollbar-corner { background: transparent } .editor-wrapper-uk0kuq :focus { outline: none } .editor-wrapper-uk0kuq [data-slate-void=true], .editor-wrapper-uk0kuq [data-slate-spacer=true] { position: relative !important } .editor-wrapper-uk0kuq .internal-editor-NjY0yO { height: 100% } .editor-wrapper-uk0kuq .webview-Xf1UTY { flex: 1; overflow-y: auto } .editor-wrapper-uk0kuq .tags-avI7WJ { display: flex; flex-wrap: wrap; gap: 6px; padding: 16px 24px; margin-right: auto } .editor-wrapper-uk0kuq .tags-avI7WJ .tag-8dxOFa { display: flex; align-items: center; gap: 2px; font-size: 12px; color: var(--theme-text-primary); padding: 4px 8px; border-radius: 8px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); line-height: 18px; transition: background-color .1s ease-in-out } .editor-wrapper-uk0kuq .tags-avI7WJ .tag-8dxOFa.add-tag--HLgqQ { cursor: pointer } .editor-wrapper-uk0kuq .tags-avI7WJ .tag-8dxOFa.add-tag--HLgqQ:hover { background-color: var(--theme-fill-btn-secondary) } .heading-jcWFos { width: 46px; height: 28px; padding: 2px 4px; visibility: visible; display: flex; flex-direction: row; justify-content: center; column-gap: 5px; align-items: center; border-radius: 4px; position: relative; cursor: pointer } .heading-jcWFos:hover, .active-q4SNxY { background: var(--theme-btn-fill-secondary-hover) } .heading-content-wrapper-462-xb { padding: 6px 0; min-width: 200px } .heading-content-SgwsNn { padding: 4px; box-sizing: border-box; background: var(--theme-text-white-primary); border-radius: 6px; box-shadow: 0 4px 12px 0 var(--theme-shadow-s2) } .heading-content-SgwsNn .heading-item-EOFNYH { position: relative; cursor: pointer; padding: 11px 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 12px; justify-content: flex-start; font-size: 14px; line-height: 22px; border-radius: 6px; white-space: pre } .heading-content-SgwsNn .heading-item-EOFNYH:hover { background: var(--theme-fill-tsp-blue) } .heading-content-SgwsNn .active-heading-item-D-Tq3K { padding-right: 40px; color: var(--theme-text-link) } .heading-content-SgwsNn .active-heading-item-D-Tq3K .icon-checked-zqwE1D { position: absolute; right: 10px; top: 50%; transform: translateY(-50%) } .hovering-toolbar--tDCHp { position: absolute; padding: 0 12px; height: 44px; box-shadow: 1px 2px 14px 1px var(--theme-fill-tsp-components-primary), 0 0 1px 0 var(--theme-shadow-s2); border: 1px solid #919eab3d; background: var(--theme-bg-white); border-radius: 6px; opacity: 0; z-index: 910; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px } .hovering-toolbar--tDCHp .divider-7t7Is- { min-width: 1px; width: 1px; height: 18px; background: #919eab3d } .hovering-toolbar--tDCHp .action-list-tVz0du { padding: 2px; display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 8px } .webview-toolbar-URyGIW { position: fixed; left: 0; right: 0; bottom: 0; height: 50px; padding: 5px; background: var(--theme-text-white-primary); z-index: 900; display: flex; flex-direction: row; justify-content: center; align-items: center; row-gap: 8px; justify-content: space-around; border-top: 1px solid var(--theme-btn-fill-secondary); display: none } .webview-toolbar-URyGIW .webview-toolbar-item-nkjgm0 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px } .link-content-C6VZqh { width: 100%; padding: 16px 13px; border-radius: 8px; background: var(--theme-text-white-primary); display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 16px } .link-content-C6VZqh .link-content-item-0Zgm8s { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; row-gap: 4px } .link-content-C6VZqh .link-content-item-0Zgm8s label { font-size: 14px; font-weight: 500; line-height: 22px } .link-content-C6VZqh .footer-XvSEs0 { display: flex; width: 100%; justify-content: flex-end } .link-action-eylSkw { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-secondary) } .link-action-eylSkw:hover { background: var(--theme-fill-tsp-blue) } .link-action-eylSkw.active-rny6D8 { background: var(--theme-fill-tsp-blue); color: #3872e0 } .color-picker-jSNg-D { background: var(--theme-text-white-primary); box-shadow: 0 1.2px 3.6px var(--theme-shadow-s2), 0 3.2px 10.2px var(--theme-shadow-s2); border-radius: 4px; padding: 8px 12px; width: 246px } .color-picker-jSNg-D .form-group-V0xqGL { display: flex; flex-direction: column; gap: 16px } .color-picker-jSNg-D .form-group-V0xqGL .form-item-PuUy2N { display: flex; flex-direction: column; gap: 8px } .color-picker-jSNg-D .title-CSPU5L { font-size: 12px; display: flex; align-items: center; height: 18px; line-height: 18px; color: var(--theme-text-disable) } .color-picker-jSNg-D .color-list-VDq9-N { display: flex; flex-direction: row; gap: 6px; flex-wrap: wrap } .color-picker-jSNg-D .color-list-VDq9-N .color-item-KG4qiz { border: 1px solid transparent; border-radius: 6px } .color-picker-jSNg-D .color-list-VDq9-N .color-item-KG4qiz .color-item-inner--0I3ve { border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; font-size: 16px; border: 1px solid transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 24px; height: 24px } .color-picker-jSNg-D .color-list-VDq9-N .color-item-KG4qiz .color-item-inner--0I3ve.color-item-with-border-z6K-vW { border-color: var(--theme-icon-disable) } .color-picker-jSNg-D .color-list-VDq9-N .color-item-KG4qiz:hover, .color-picker-jSNg-D .color-list-VDq9-N .color-item-KG4qiz:hover .color-item-inner--0I3ve { border-color: var(--theme-btn-fill-tertiary) } .color-picker-jSNg-D .color-list-VDq9-N .color-item-KG4qiz.selected-enBCzq, .color-picker-jSNg-D .color-list-VDq9-N .color-item-KG4qiz.selected-enBCzq .color-item-inner--0I3ve { border-color: #3872e0 } .color-picker-jSNg-D .reset-btn-BQDBWR { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; background: var(--theme-btn-fill-secondary); border-radius: 4px; width: 100%; display: flex; align-items: center; height: 24px; line-height: 24px; justify-content: center; color: var(--theme-text-tertiary); font-size: 13px } .color-picker-jSNg-D .reset-btn-BQDBWR:hover { background-color: var(--theme-btn-fill-secondary-active) } .text-highlight-pvctFs { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-secondary) } .text-highlight-pvctFs:hover { background: var(--theme-fill-tsp-blue) } .text-highlight-pvctFs.active-MU8SrN { background: var(--theme-fill-tsp-blue); color: #3872e0 } .text-highlight-pvctFs .inner-9hE--F { width: 20px; height: 20px; font-size: 18px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 4px } .color-picker-uS-cJb { padding: 6px 0 } .toolbar-action-9N-XDr { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-secondary) } .toolbar-action-9N-XDr:hover { background: var(--theme-fill-tsp-blue) } .toolbar-action-9N-XDr.active-4dUlCq { background: var(--theme-fill-tsp-blue); color: #3872e0 } .toolbar-action-9N-XDr .underline-SGzEZE { font-size: 18px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; text-decoration: underline; font-weight: 400; text-underline-offset: 2px; margin-top: -3px } .webview-header-EVCQc9 { width: 100%; padding: 2px 6px; position: fixed; left: 0; top: 0; background-color: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; background-color: var(--theme-bg-white); z-index: 100 } .webview-header-EVCQc9 .group-Cm0QvO { display: flex; column-gap: 10px } .mobile-btn-B-QvhV { display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-text-primary); padding: 10px; border-radius: 12px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .mobile-btn-B-QvhV.is-disabled-tN-275 { color: var(--theme-text-disable); pointer-events: none; cursor: default } .mobile-btn-B-QvhV:active { background: var(--theme-btn-fill-tertiary) } .mobile-btn-B-QvhV.is-split-GxbzEG { position: relative; margin-right: 11px } .mobile-btn-B-QvhV.is-split-GxbzEG:before { content: ""; top: 13px; bottom: 13px; position: absolute; width: 1px; background: var(--theme-bg-gray-nav); right: -11px } .menu-list-nLiVdQ { min-width: 140px; border-radius: 12px } .menu-list-nLiVdQ .menu-item--jwLqQ { font-size: 16px; line-height: 18px } .webview-toolbar-gTbItu { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100% } .webview-toolbar-gTbItu .focus-toolbar-fqtFCH { width: 100%; padding: 4px 8px; background: var(--theme-bg-white); box-shadow: 0 -.5px 0 0 var(--theme-btn-fill-secondary); display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 10px; justify-content: space-between } .webview-toolbar-gTbItu .all-toolbar-vTPnEI { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 16px; height: auto; padding: 16px; animation: auto-rise-nTH9as .1s ease-in-out .3s } .webview-toolbar-gTbItu .all-toolbar-vTPnEI .toolbar-line-ruB9pi { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; column-gap: 16px } .webview-toolbar-gTbItu .all-toolbar-vTPnEI .toolbar-line-ruB9pi .toolbar-item-IxYwb2 { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px; flex: 1; width: 100%; border-radius: 12px; justify-content: space-between; border: .5px solid var(--theme-border-primary); background: var(--theme-bg-gray-secondary) } @keyframes auto-rise-nTH9as { 0% { height: 0; padding: 0; overflow: hidden } to { height: auto; padding: 16px } } .action-item-LxzS67 { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; padding: 10px; color: var(--theme-text-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .action-item-LxzS67:active, .action-item-LxzS67.is-active-obB6lQ { background: var(--theme-btn-fill-tertiary) } .action-item-LxzS67.is-disabled-L35JHw { color: var(--theme-text-disable) } .basic-block-hD9LL0 { margin-bottom: 6px } .basic-block-hD9LL0.mobile-DC5GKW { margin-bottom: 16px } .code-block--bKNMq { padding: 24px; border-radius: 12px; border: 1px solid rgba(145, 158, 171, .16); background: var(--theme-btn-fill-secondary-hover); color: var(--theme-text-secondary); font-size: 16px; line-height: 26px; font-family: monospace } .group-n5uZJC { padding-left: 20px } .group-n5uZJC.root--vi1Hx { padding-left: 0 } .heading-AUSeX1 { margin: 0; padding: 0; color: var(--theme-text-primary); font-style: normal } .heading-AUSeX1.h1-leCyU3 { font-size: 26px; font-weight: 600; line-height: 36.4px; margin-top: 28px; margin-bottom: 10px } .heading-AUSeX1.h2-GtwOo- { font-size: 22px; font-weight: 600; line-height: 30.8px; margin-top: 22px; margin-bottom: 8px } .heading-AUSeX1.h3-OCE0-y { font-size: 20px; font-weight: 600; line-height: 28px; margin-top: 20px } .heading-AUSeX1.without-margin-9Omh5T { margin-top: 0 } .heading-AUSeX1.without-margin-9Omh5T.mobile-AJPc7a { margin-top: 18px } .image-block-XENIfd { user-select: none } .img-wrapper-SA4g-8 { display: inline-flex; position: relative; margin-bottom: 10px; margin-top: 10px; border: 2px solid transparent; margin-left: -2px } .img-wrapper-SA4g-8:hover { border-color: var(--theme-btn-fill-tertiary) } .img-wrapper-SA4g-8:hover .dragger-btn-OUJ8yF { display: flex } .img-wrapper-SA4g-8.selected-AhYXLY { border-color: var(--theme-text-link) } .img-wrapper-SA4g-8.selected-AhYXLY .dragger-btn-OUJ8yF { display: flex } .img-wrapper-SA4g-8 .img-yz9LQ3 { object-fit: contain; max-width: 100%; min-width: 80px; min-height: 80px; height: auto; display: block; background-color: var(--theme-text-white-primary); user-select: none; -webkit-user-drag: none } .img-wrapper-SA4g-8 .mask-ao5UOn { position: absolute; inset: 0; z-index: 20; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px; background-color: var(--theme-shadow-s3) } .img-wrapper-SA4g-8 .mask-ao5UOn:hover .error-msg--2kFDJ { display: none } .img-wrapper-SA4g-8 .mask-ao5UOn:hover .retry-iOMf-i { display: block } .img-wrapper-SA4g-8 .mask-ao5UOn .error-msg--2kFDJ { font-size: 12px; color: var(--theme-text-white-primary) } .img-wrapper-SA4g-8 .mask-ao5UOn .retry-iOMf-i { display: none; font-size: 12px; color: var(--theme-text-white-primary) } .img-wrapper-SA4g-8 .dragger-btn-OUJ8yF { position: absolute; height: 20px; width: 20px; display: none; align-items: center; justify-content: center; z-index: 10 } .img-wrapper-SA4g-8 .dragger-btn-OUJ8yF:after { content: ""; display: block; height: 10px; width: 10px; border: 1px solid #3872e0; border-radius: 50%; background-color: var(--theme-text-white-primary) } .img-wrapper-SA4g-8 .dragger-btn-OUJ8yF.tl-FxlCq9 { cursor: nwse-resize; top: -10px; left: -10px } .img-wrapper-SA4g-8 .dragger-btn-OUJ8yF.tr-CILz8a { cursor: nesw-resize; top: -10px; right: -10px } .img-wrapper-SA4g-8 .dragger-btn-OUJ8yF.bl-JJJJY- { cursor: nesw-resize; bottom: -10px; left: -10px } .img-wrapper-SA4g-8 .dragger-btn-OUJ8yF.br-gQi-mb { cursor: nwse-resize; bottom: -10px; right: -10px } .hover-link-rEdxz- { padding: 10px 12px; height: 44px; background: var(--theme-text-white-primary); border-radius: 6px; box-shadow: 1px 2px 14px 1px var(--theme-fill-tsp-components-primary), 0 0 1px 0 var(--theme-shadow-s2); border: 1px solid #919eab3d; display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 25px } .hover-link-rEdxz->div { position: relative } .hover-link-rEdxz->div:not(:last-child):after { content: ""; position: absolute; width: 1px; height: 18px; right: -13px; background: var(--theme-btn-fill-secondary); top: 50%; transform: translateY(-50%) } .hover-link-rEdxz- .link-mWEcuK span { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; width: 162px; font-size: 15px; line-height: 22px } .hover-link-rEdxz- .action-list-NmlxbE { display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 8px } .hover-link-rEdxz- .action-list-NmlxbE .action-item-8bONGP { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 3px; cursor: pointer; border-radius: 4px } .hover-link-rEdxz- .action-list-NmlxbE .action-item-8bONGP:hover { background: var(--theme-fill-tsp-blue) } .link-PtXBw6 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-text-link) } .link-PtXBw6:hover, .link-PtXBw6:active { color: var(--theme-icon-quaternary) } .list-item-CMUmI3 { color: var(--theme-text-primary); font-size: 14px; display: flex; flex-direction: row } .list-item-CMUmI3 .list-decorator-mtc3dB { user-select: none; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 18px; min-width: 18px; min-height: 18px; display: inline-flex; margin-right: 6px; padding: 0 2px; white-space: nowrap; font-size: 16px; color: #3872e0; margin-top: 4px } .list-item-CMUmI3 .list-decorator-mtc3dB.li-decorator-HQLYSl { padding-right: 6px } .list-item-CMUmI3 .list-decorator-mtc3dB .dot-k5fc-V { margin-top: 5px; font-family: Arial, Helvetica, "sans-serif", ".SF NS" !important } .list-item-CMUmI3 .list-decorator-mtc3dB .index-KfU1ZY { font-family: Helvetica Neue, Consolas !important } .list-item-CMUmI3 .li-text-eDTHgC { flex: 1; font-size: 16px; font-weight: 400; line-height: 26px; color: var(--theme-text-secondary) } .paragraph-FPpYlq { color: var(--theme-text-secondary); font-size: 16px; font-weight: 400; line-height: 26px } .quote-m6ItAC { border-left: 2px solid var(--theme-btn-fill-secondary-active); padding: 4px 0 4px 12px; font-size: 16px; font-weight: 400; line-height: 26px; color: var(--theme-text-tertiary) } .bold-MsWZPP { font-weight: 700 } .italic-VJ7h33 { font-style: italic } .underline-gp24-8 { text-decoration: underline } .strikethrough-4MRlgz { text-decoration: line-through; color: var(--theme-text-quaternary) } .underline-strike-uVna1X { text-decoration: underline line-through } .superscript-s9-Dut { vertical-align: super; font-size: 10px } .subscript-AhzM0d { vertical-align: sub; font-size: 10px } .code-clYyl7 { border-radius: 4px; font-size: 85%; padding: 2px 4px; background-color: var(--theme-btn-fill-secondary) !important } .code-clYyl7.has-before-tag-RJKd96 { padding-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0 } .code-clYyl7.has-next-tag-DX8atP { padding-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0 } .todo-VmkHiT { display: flex; flex-direction: row; gap: 4px; align-items: flex-start; margin-left: -4px } .todo-VmkHiT .checkbox-wrapper-Aq7vRW { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 24px; height: 24px; min-width: 24px; min-height: 24px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: inline-flex; margin-top: 2px } .todo-VmkHiT .todo-text-eya3jn { flex: 1; font-size: 16px; font-weight: 400; line-height: 26px; color: var(--theme-text-secondary) } .todo-VmkHiT.checked-szf58Q .todo-text-eya3jn { color: var(--theme-text-quaternary); text-decoration: line-through } .video-block-17bd-C { user-select: none } .video-wrapper-bYD39g { display: inline-flex; position: relative; margin-bottom: 10px; margin-top: 10px; border: 2px solid transparent; margin-left: -2px } .video-wrapper-bYD39g:hover { border-color: var(--theme-btn-fill-tertiary) } .video-wrapper-bYD39g:hover .dragger-btn-CV2Qi5 { display: flex } .video-wrapper-bYD39g.selected-dPaDVQ { border-color: var(--theme-text-link) } .video-wrapper-bYD39g.selected-dPaDVQ .dragger-btn-CV2Qi5 { display: flex } .video-wrapper-bYD39g .video-SE47Qy { object-fit: contain; max-width: 100%; min-width: 80px; min-height: 80px; height: auto; display: block; background-color: var(--theme-text-white-primary); user-select: none; -webkit-user-drag: none } .video-wrapper-bYD39g .mask-2UPx-r { position: absolute; inset: 0; z-index: 20; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px; background-color: var(--theme-shadow-s3) } .video-wrapper-bYD39g .mask-2UPx-r:hover .error-msg-tJhSej { display: none } .video-wrapper-bYD39g .mask-2UPx-r:hover .retry-dw3Duy { display: block } .video-wrapper-bYD39g .mask-2UPx-r .error-msg-tJhSej { font-size: 12px; color: var(--theme-text-white-primary) } .video-wrapper-bYD39g .mask-2UPx-r .retry-dw3Duy { display: none; font-size: 12px; color: var(--theme-text-white-primary) } .video-wrapper-bYD39g .dragger-btn-CV2Qi5 { position: absolute; height: 20px; width: 20px; display: none; align-items: center; justify-content: center; z-index: 10 } .video-wrapper-bYD39g .dragger-btn-CV2Qi5:after { content: ""; display: block; height: 10px; width: 10px; border: 1px solid #3872e0; border-radius: 50%; background-color: var(--theme-text-white-primary) } .video-wrapper-bYD39g .dragger-btn-CV2Qi5.tl--l3tVv { cursor: nwse-resize; top: -10px; left: -10px } .video-wrapper-bYD39g .dragger-btn-CV2Qi5.tr--sB0X0 { cursor: nesw-resize; top: -10px; right: -10px } .video-wrapper-bYD39g .dragger-btn-CV2Qi5.bl-lnaafl { cursor: nesw-resize; bottom: -10px; left: -10px } .video-wrapper-bYD39g .dragger-btn-CV2Qi5.br-6XyXac { cursor: nwse-resize; bottom: -10px; right: -10px } .youtube-video-KBm0fM { margin-top: 12px; margin-bottom: 12px; user-select: none } .youtube-video-KBm0fM.selected-7UsEhP { opacity: .7 } .youtube-video-KBm0fM .video-edkEmm { border: none; border-radius: 12px; width: 100%; height: 500px } .menu-c5DJW- { min-width: 200px; width: max-content; max-width: 350px; padding: 4px; border-radius: 8px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px -4px var(--theme-shadow-s3), 0 0 1px 0 var(--theme-shadow-s3); backdrop-filter: blur(50px); height: 800px; max-height: calc(100% - 100px); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .menu-c5DJW-::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .menu-c5DJW-::-webkit-scrollbar-track { background: transparent } .menu-c5DJW-::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .menu-c5DJW-::-webkit-scrollbar-thumb:hover { background: #00000062 } .menu-c5DJW-::-webkit-scrollbar-corner { background: transparent } .menu-group-K2nwSD { border-bottom: 1px solid var(--theme-border-light); padding-bottom: 6px; margin-bottom: 6px } .menu-group-K2nwSD .title-OIcDih { color: var(--theme-text-tertiary); font-size: 13px; line-height: 20px; padding: 8px 10px 4px } .menu-group-K2nwSD:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } .menu-item-5qsKy- { display: flex; align-items: center; padding: 5px 10px; gap: 24px } .menu-item-5qsKy-.disable-Ix-zNR .label-zeH1W3, .menu-item-5qsKy-.disable-Ix-zNR .extra-AaVvu2 { color: var(--theme-text-disable) } .menu-item-5qsKy-:not(.disable-Ix-zNR).click--nC0B8 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .menu-item-5qsKy-:not(.disable-Ix-zNR).click--nC0B8:hover { border-radius: 6px; background: var(--theme-fill-tsp-components-secondary) } .menu-item-5qsKy- .label-zeH1W3 { display: flex; gap: 6px; color: var(--theme-text-primary); font-size: 14px; line-height: 22px; flex: 1; min-width: 0 } .menu-item-5qsKy- .extra-AaVvu2 { color: var(--theme-text-quaternary); font-size: 12px; line-height: 15px } .context-menu-qEY060 { position: fixed; z-index: 100; height: auto } .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0; position: relative } .ql-container.ql-disabled .ql-tooltip { visibility: hidden } .ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui, .ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui { cursor: pointer } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50% } .ql-clipboard p { margin: 0; padding: 0 } .ql-editor { box-sizing: border-box; counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word } .ql-editor>* { cursor: text } .ql-editor p, .ql-editor ol, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0 } @supports (counter-set:none) { .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } } @supports not (counter-set:none) { .ql-editor p, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } } .ql-editor table { border-collapse: collapse } .ql-editor td { border: 1px solid #000; padding: 2px 5px } .ql-editor ol { padding-left: 1.5em } .ql-editor li { list-style-type: none; padding-left: 1.5em; position: relative } .ql-editor li>.ql-ui:before { display: inline-block; margin-left: -1.5em; margin-right: .3em; text-align: right; white-space: nowrap; width: 1.2em } .ql-editor li[data-list=checked]>.ql-ui, .ql-editor li[data-list=unchecked]>.ql-ui { color: #777 } .ql-editor li[data-list=bullet]>.ql-ui:before { content: "\2022" } .ql-editor li[data-list=checked]>.ql-ui:before { content: "\2611" } .ql-editor li[data-list=unchecked]>.ql-ui:before { content: "\2610" } @supports (counter-set:none) { .ql-editor li[data-list] { counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } } @supports not (counter-set:none) { .ql-editor li[data-list] { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } } .ql-editor li[data-list=ordered] { counter-increment: list-0 } .ql-editor li[data-list=ordered]>.ql-ui:before { content: counter(list-0, decimal) ". " } .ql-editor li[data-list=ordered].ql-indent-1 { counter-increment: list-1 } .ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before { content: counter(list-1, lower-alpha) ". " } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-1 { counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9 } } .ql-editor li[data-list=ordered].ql-indent-2 { counter-increment: list-2 } .ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before { content: counter(list-2, lower-roman) ". " } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-2 { counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9 } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9 } } .ql-editor li[data-list=ordered].ql-indent-3 { counter-increment: list-3 } .ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before { content: counter(list-3, decimal) ". " } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-3 { counter-set: list-4 list-5 list-6 list-7 list-8 list-9 } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9 } } .ql-editor li[data-list=ordered].ql-indent-4 { counter-increment: list-4 } .ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before { content: counter(list-4, lower-alpha) ". " } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-4 { counter-set: list-5 list-6 list-7 list-8 list-9 } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9 } } .ql-editor li[data-list=ordered].ql-indent-5 { counter-increment: list-5 } .ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before { content: counter(list-5, lower-roman) ". " } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-5 { counter-set: list-6 list-7 list-8 list-9 } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9 } } .ql-editor li[data-list=ordered].ql-indent-6 { counter-increment: list-6 } .ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before { content: counter(list-6, decimal) ". " } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-6 { counter-set: list-7 list-8 list-9 } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-6 { counter-reset: list-7 list-8 list-9 } } .ql-editor li[data-list=ordered].ql-indent-7 { counter-increment: list-7 } .ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before { content: counter(list-7, lower-alpha) ". " } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-7 { counter-set: list-8 list-9 } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-7 { counter-reset: list-8 list-9 } } .ql-editor li[data-list=ordered].ql-indent-8 { counter-increment: list-8 } .ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before { content: counter(list-8, lower-roman) ". " } @supports (counter-set:none) { .ql-editor li[data-list].ql-indent-8 { counter-set: list-9 } } @supports not (counter-set:none) { .ql-editor li[data-list].ql-indent-8 { counter-reset: list-9 } } .ql-editor li[data-list=ordered].ql-indent-9 { counter-increment: list-9 } .ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before { content: counter(list-9, decimal) ". " } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em } .ql-editor li.ql-direction-rtl { padding-right: 1.5em } .ql-editor li.ql-direction-rtl>.ql-ui:before { margin-left: .3em; margin-right: -1.5em; text-align: left } .ql-editor table { table-layout: fixed; width: 100% } .ql-editor table td { outline: none } .ql-editor .ql-code-block-container { font-family: monospace } .ql-editor .ql-video { display: block; max-width: 100% } .ql-editor .ql-video.ql-align-center { margin: 0 auto } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto } .ql-editor .ql-bg-black { background-color: #000 } .ql-editor .ql-bg-red { background-color: #e60000 } .ql-editor .ql-bg-orange { background-color: #f90 } .ql-editor .ql-bg-yellow { background-color: #ff0 } .ql-editor .ql-bg-green { background-color: #008a00 } .ql-editor .ql-bg-blue { background-color: #06c } .ql-editor .ql-bg-purple { background-color: #93f } .ql-editor .ql-color-white { color: #fff } .ql-editor .ql-color-red { color: #e60000 } .ql-editor .ql-color-orange { color: #f90 } .ql-editor .ql-color-yellow { color: #ff0 } .ql-editor .ql-color-green { color: #008a00 } .ql-editor .ql-color-blue { color: #06c } .ql-editor .ql-color-purple { color: #93f } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace } .ql-editor .ql-size-small { font-size: .75em } .ql-editor .ql-size-large { font-size: 1.5em } .ql-editor .ql-size-huge { font-size: 2.5em } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit } .ql-editor .ql-align-center { text-align: center } .ql-editor .ql-align-justify { text-align: justify } .ql-editor .ql-align-right { text-align: right } .ql-editor .ql-ui { position: absolute } .ql-editor.ql-blank:before { color: #0009; content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ""; display: table } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100% } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c } @media (pointer:coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444 } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444 } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444 } } .ql-snow, .ql-snow * { box-sizing: border-box } .ql-snow .ql-hidden { display: none } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px) } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px) } .ql-snow .ql-formats { display: inline-block; vertical-align: middle } .ql-snow .ql-formats:after { clear: both; content: ""; display: table } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2 } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2 } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444 } .ql-snow .ql-empty { fill: none } .ql-snow .ql-even { fill-rule: evenodd } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1 } .ql-snow .ql-transparent { opacity: .4 } .ql-snow .ql-direction svg:last-child { display: none } .ql-snow .ql-direction.ql-active svg:last-child { display: inline } .ql-snow .ql-direction.ql-active svg:first-child { display: none } .ql-snow .ql-editor h1 { font-size: 2em } .ql-snow .ql-editor h2 { font-size: 1.5em } .ql-snow .ql-editor h3 { font-size: 1.17em } .ql-snow .ql-editor h4 { font-size: 1em } .ql-snow .ql-editor h5 { font-size: .83em } .ql-snow .ql-editor h6 { font-size: .67em } .ql-snow .ql-editor a { text-decoration: underline } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px } .ql-snow .ql-editor code, .ql-snow .ql-editor .ql-code-block-container { background-color: #f0f0f0; border-radius: 3px } .ql-snow .ql-editor .ql-code-block-container { margin-bottom: 5px; margin-top: 5px; padding: 5px 10px } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px } .ql-snow .ql-editor .ql-code-block-container { background-color: #23241f; color: #f8f8f2; overflow: visible } .ql-snow .ql-editor img { max-width: 100% } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100% } .ql-snow .ql-picker-label:before { display: inline-block; line-height: 22px } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2 } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1 } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0 } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0; width: 16px } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before { content: attr(data-label) } .ql-snow .ql-picker.ql-header { width: 98px } .ql-snow .ql-picker.ql-header .ql-picker-label:before, .ql-snow .ql-picker.ql-header .ql-picker-item:before { content: "Normal" } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before { content: "Heading 1" } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before { content: "Heading 2" } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before { content: "Heading 3" } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before { content: "Heading 4" } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before { content: "Heading 5" } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before { content: "Heading 6" } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before { font-size: 2em } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before { font-size: 1.5em } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before { font-size: 1.17em } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before { font-size: 1em } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before { font-size: .83em } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before { font-size: .67em } .ql-snow .ql-picker.ql-font { width: 108px } .ql-snow .ql-picker.ql-font .ql-picker-label:before, .ql-snow .ql-picker.ql-font .ql-picker-item:before { content: "Sans Serif" } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before { content: "Serif" } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before { content: "Monospace" } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before { font-family: Georgia, Times New Roman, serif } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before { font-family: Monaco, Courier New, monospace } .ql-snow .ql-picker.ql-size { width: 98px } .ql-snow .ql-picker.ql-size .ql-picker-label:before, .ql-snow .ql-picker.ql-size .ql-picker-item:before { content: "Normal" } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before { content: "Small" } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before { content: "Large" } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before { content: "Huge" } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before { font-size: 10px } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before { font-size: 18px } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before { font-size: 32px } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000 } .ql-code-block-container { position: relative } .ql-code-block-container .ql-ui { right: 5px; top: 5px } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; padding: 8px } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: #0003 0 2px 8px } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000 } .ql-toolbar.ql-snow+.ql-container.ql-snow { border-top: 0 } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap } .ql-snow .ql-tooltip:before { content: "Visit URL:"; line-height: 26px; margin-right: 8px } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0; padding: 3px 5px; width: 170px } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top } .ql-snow .ql-tooltip a.ql-action:after { border-right: 1px solid #ccc; content: "Edit"; margin-left: 16px; padding-right: 8px } .ql-snow .ql-tooltip a.ql-remove:before { content: "Remove"; margin-left: 8px } .ql-snow .ql-tooltip a { line-height: 26px } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block } .ql-snow .ql-tooltip.ql-editing a.ql-action:after { border-right: 0; content: "Save"; padding-right: 0 } .ql-snow .ql-tooltip[data-mode=link]:before { content: "Enter link:" } .ql-snow .ql-tooltip[data-mode=formula]:before { content: "Enter formula:" } .ql-snow .ql-tooltip[data-mode=video]:before { content: "Enter video:" } .ql-snow a { color: #06c } .ql-container.ql-snow { border: 1px solid #ccc } .dropdown-menu-item-4tr4EA { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 12px; gap: 8px; justify-content: left; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .dropdown-menu-item-4tr4EA:hover { background-color: var(--theme-fill-tsp-components-secondary) } .dropdown-menu-item-4tr4EA .menu-item-icon-uPImmI { display: flex; flex-direction: row; justify-content: center; align-items: center } .dropdown-menu-item-4tr4EA .menu-item-content-M25L9o { flex: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .dropdown-menu-item-4tr4EA .menu-item-content-M25L9o .menu-item-description--yDBJm { font-size: 12px; font-weight: 400; line-height: 22px; color: var(--theme-icon-quaternary) } .dropdown-menu-item-4tr4EA.active-okjUI- { color: var(--theme-icon-brand) } .style-2g1SW4 .button-X5iFiW { display: flex; align-items: center; gap: 6px; color: var(--theme-text-secondary); font-size: 13px; font-weight: 500; line-height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 6px; padding: 2px 4px; transition: background-color .2s } .style-2g1SW4 .button-X5iFiW:hover, .style-2g1SW4 .button-X5iFiW.open-ow9XW4 { background-color: var(--theme-fill-tsp-components-secondary) } .popover-content-wyjv5- { width: 371px; padding: 8px 16px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 8px 40px 0 var(--theme-shadow-s2); position: relative } .popover-content-wyjv5- .header-KMg0Po { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px } .popover-content-wyjv5- .header-KMg0Po .title-JjYM4b { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 22px } .popover-content-wyjv5- .row-NfNLtB+.row-NfNLtB { margin-top: 16px } .popover-content-wyjv5- .row-NfNLtB .row-header-HtxZPr { display: flex; align-items: center; gap: 8px } .popover-content-wyjv5- .row-NfNLtB .row-header-HtxZPr .label-5kp7dQ { color: var(--theme-text-secondary); font-size: 14px; line-height: 22px } .popover-content-wyjv5- .row-NfNLtB .row-content-W8Jtjj { margin-top: 16px } .popover-content-wyjv5- .row-NfNLtB .row-content-W8Jtjj .skeleton-list-N9c2Dv { display: flex; flex-wrap: wrap; gap: 16px } .popover-content-wyjv5- .row-NfNLtB .row-content-W8Jtjj .skeleton-list-N9c2Dv .skeleton-item-qAd7NP { flex-basis: calc((100% - 32px) / 3); height: 60px; display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 8px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-menu-white); box-shadow: 0 1px 4px 0 var(--theme-shadow-s1) } .popover-content-wyjv5- .row-NfNLtB .row-content-W8Jtjj .skeleton-list-N9c2Dv .skeleton-item-qAd7NP.active-7XLaXF, .popover-content-wyjv5- .row-NfNLtB .row-content-W8Jtjj .skeleton-list-N9c2Dv .skeleton-item-qAd7NP:hover { box-shadow: 0 0 0 2px var(--theme-border-active), 0 4px 3px 0 var(--theme-shadow-s2) } .popover-content-wyjv5- .row-NfNLtB .row-content-W8Jtjj .color-list-4pNLCI { display: flex; flex-wrap: wrap; gap: 12px } .popover-content-wyjv5- .row-NfNLtB .row-content-W8Jtjj .color-list-4pNLCI .color-item-mrcoyd { flex-basis: calc((100% - 12px)/2); min-width: 0; border-radius: 8px; border: 1px solid var(--theme-border-primary); display: flex; gap: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 8px 10px } .popover-content-wyjv5- .row-NfNLtB .row-content-W8Jtjj .color-list-4pNLCI .color-item-mrcoyd li { border-radius: 4px; border: 1px solid var(--theme-border-primary); flex: 1; height: 26px } .popover-content-wyjv5- .row-NfNLtB .row-content-W8Jtjj .color-list-4pNLCI .color-item-mrcoyd:hover, .popover-content-wyjv5- .row-NfNLtB .row-content-W8Jtjj .color-list-4pNLCI .color-item-mrcoyd.active-7XLaXF { box-shadow: 0 0 0 2px var(--theme-border-active), 0 4px 3px 0 var(--theme-shadow-s2) } .skeleton-selector-O-WN1O { padding: 5px 10px; border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); border: 1px solid transparent; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center } .skeleton-selector-O-WN1O.open-ow9XW4 { background: var(--theme-bg-white); border-color: var(--theme-border-active) } .skeleton-selector-O-WN1O.open-ow9XW4 .arrow-nml6hN { color: var(--theme-text-brand); transition: transform .2s } .skeleton-selector-O-WN1O.open-ow9XW4 .arrow-nml6hN.open-ow9XW4 { transform: rotate(180deg) } .skeleton-selector-O-WN1O:hover { background: var(--theme-bg-white); border-color: var(--theme-border-active) } .skeleton-selector-O-WN1O:hover .arrow-nml6hN { color: var(--theme-text-brand); transition: transform .2s } .skeleton-selector-O-WN1O:hover .arrow-nml6hN.open-ow9XW4 { transform: rotate(180deg) } .skeleton-selector-O-WN1O .active-7XLaXF { background: var(--theme-bg-white); border-color: var(--theme-border-active) } .skeleton-selector-O-WN1O .active-7XLaXF .arrow-nml6hN { color: var(--theme-text-brand); transition: transform .2s } .skeleton-selector-O-WN1O .active-7XLaXF .arrow-nml6hN.open-ow9XW4 { transform: rotate(180deg) } .skeleton-selector-O-WN1O .text-rFGrNk { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-primary); font-size: 14px; line-height: 22px; margin: 0 6px } .skeleton-popover-content-vISKqF { border-radius: 8px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); width: max-content; min-width: 160px; max-width: 260px; padding: 4px } .skeleton-popover-content-vISKqF .item-JgUdk1 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 5px 8px 5px 12px; color: var(--theme-text-primary); font-size: 14px; line-height: 22px; display: flex; align-items: center; gap: 6px; border-radius: 4px } .skeleton-popover-content-vISKqF .item-JgUdk1:hover { background: var(--theme-bg-gray-primary) } .controls-DuN7D8 { padding: 4px 12px; border-radius: 16px; background: var(--theme-bg-gray-nav); display: inline-flex; align-items: center; justify-content: center; gap: 8px; position: absolute; z-index: 1; left: 50%; bottom: 8px; transform: translate(-50%) } .controls-DuN7D8 .divider-OGNe5A { width: 1px; height: 15px; background: var(--theme-border-primary) } .controls-DuN7D8 .export-button-wwvNiD { display: flex; align-items: center; gap: 3px; color: var(--theme-text-secondary); font-size: 13px; font-weight: 500; line-height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 6px; padding: 2px 4px } .controls-DuN7D8 .export-button-wwvNiD:hover { transition: background-color .2s } .controls-DuN7D8 .export-button-wwvNiD:hover:hover { background-color: var(--theme-fill-tsp-components-secondary) } .download-options-jHRRYL { padding: 4px } .download-options-jHRRYL .download-option-UIjkEk { font-weight: 400 } .mind-map-editor-sKhhTR { width: 100%; height: 100%; position: relative; overflow: hidden } .mind-map-editor-sKhhTR .canvas-layer-3l3exQ { position: absolute; width: 100%; height: 100% } .mind-map-editor-sKhhTR .canvas-K-IeW4 { width: 100%; height: 100% } .mind-map-editor-sKhhTR.disable-mouse-MjdyCl .canvas-K-IeW4 { pointer-events: none; user-select: none } .mind-map-editor-sKhhTR .footer-nb-FkH { position: absolute; bottom: 24px; width: 100%; display: flex; justify-content: space-between; padding: 0 24px } .mind-map-editor-sKhhTR .footer-nb-FkH .controls-L7Zfdr { bottom: 0 } .mind-map-editor-sKhhTR .footer-nb-FkH .translate-t-T4AG .language-select-XedbZn { gap: 6px } .smm-container { font-family: -apple-system, "system-ui", Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial, Hiragino Sans GB, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" } .smm-hover-node { display: none; opacity: .6; stroke-width: 1 } .smm-node:not(.smm-node-dragging):hover .smm-hover-node { display: block } .smm-node.active .smm-hover-node, .smm-node-highlight .smm-hover-node { display: block; opacity: 1; stroke-width: 2 } .node-toolbar-ABMFdD { position: fixed; z-index: 100; padding-bottom: 6px; width: max-content; transition: opacity .2s } .node-toolbar-ABMFdD.hidden-cB80Ud { z-index: -100; opacity: 0 } .node-toolbar-ABMFdD .inner-Ca7OuG { border-radius: 6px; background: var(--theme-bg-white); box-shadow: 0 0 1px #919eab4d, 0 4px 24px #919eab24, 0 9px 30px -6px #0003; backdrop-filter: blur(40px); display: flex; gap: 4px; align-items: center; padding: 4px } .node-toolbar-ABMFdD .divider-FDwnKH { width: 0px; height: 16px; border-right: 1px solid var(--theme-border-primary) } .node-toolbar-ABMFdD .ai-trans-ccfGWj { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: background-color .2s; padding: 1px 4px; border-radius: 6px } .node-toolbar-ABMFdD .ai-trans-ccfGWj .ai-trans-inner-MiEAey { display: inline-flex; align-items: center; gap: 4px; background: linear-gradient(90deg, #a42ff8 0%, #6921ee 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .node-toolbar-ABMFdD .ai-trans-ccfGWj:hover { background-color: var(--theme-fill-tsp-components-secondary) } .shortcut-list-ICY2QK .button--VNYuQ { width: 32px; height: 32px; border-radius: 100%; border: 1px solid var(--theme-border-white); background: var(--theme-bg-white); box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 2px 8px 0 var(--theme-shadow-s2); display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .shortcut-list-ICY2QK .button--VNYuQ:hover { background: var(--theme-bg-tsp-gray-primary) } .mind-map-dialog-aQrTJr { height: calc(100% - 80px); transition: all .2s; overflow: hidden; position: relative } .mind-map-dialog-aQrTJr.fullscreen-6Xhqsy { height: 100%; max-height: 100%; border-radius: 0 } .mind-map-dialog-aQrTJr .edit-button-onxOLv { background: linear-gradient(97deg, #6040e2 -.07%, #8c56e3 100%); position: absolute; top: 16px; left: 50%; transform: translate(-50%); display: inline-flex; border: none; z-index: 1; color: var(--theme-text-white-primary); font-size: 14px; font-weight: 500; line-height: 20px; border-radius: 8px } .mind-map-dialog-aQrTJr .edit-button-onxOLv:hover { opacity: .8 } .modal-wrapper-sYvdyJ { width: attr(data-width) } .mind-map-for-chat-6qoOlj { visibility: visible; min-width: 328px; max-width: 380px; width: max-content; height: 270px; min-height: 270px; border-radius: 10px; border: 1px solid var(--theme-border-primary); overflow: hidden; transition: box-shadow .2s ease-in-out; position: relative } .mind-map-for-chat-6qoOlj:not(.loading-Yo4F-q):hover { cursor: zoom-in; box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .mind-map-for-chat-6qoOlj.full-width-bFr2yg { max-width: 1000%; width: 100%; min-width: 0 } .mind-map-for-chat-6qoOlj .loading-Yo4F-q { width: 100%; height: 100%; position: absolute; z-index: 1; background: var(--theme-bg-white); left: 0; top: 0; display: flex; align-items: center; justify-content: center } .mind-map-for-chat-6qoOlj .loading-Yo4F-q .inner-qVJ5B3 { position: relative; display: flex; align-items: center; gap: 59px } .mind-map-for-chat-6qoOlj .loading-Yo4F-q .inner-qVJ5B3 .sub-onVnzx { display: flex; flex-direction: column; gap: 15px; position: relative; z-index: 2 } .mind-map-for-chat-6qoOlj .loading-Yo4F-q .inner-qVJ5B3 .root-line-fKFZk8 { position: absolute; width: 59px; left: 100px; top: 50%; z-index: 1; transform: translateY(-50%); border-top: 3px solid var(--theme-border-primary) } .mind-map-for-chat-6qoOlj .loading-Yo4F-q .inner-qVJ5B3 .sub-line-rYBEPr { position: absolute; left: 128px; top: 50%; z-index: 1; transform: translateY(-50%) } .mind-map-for-chat-6qoOlj .loading-Yo4F-q .node-ahBQSu { width: 100px; height: 40px; border-radius: 8px } .highlight-item-77kC2P { border-radius: 10px; padding: 8px 4px; display: flex; align-items: flex-start; gap: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .highlight-item-77kC2P .time-bi7bhB { flex-shrink: 0; color: var(--theme-text-primary); font-size: 12px; font-weight: 500; line-height: 16px; min-width: 56px; margin-top: 2px } .highlight-item-77kC2P .highlight-title-mQob2D { color: var(--theme-text-primary); font-size: 14px; line-height: 22px; flex: 1; min-width: 0 } .highlight-item-77kC2P .active-zGa67O, .highlight-item-77kC2P:hover { background: var(--theme-fill-tsp-components-secondary) } .audio-to-text-transcription-result-NJEAVS.from-memo-qB7LoR .summary-item-9Pku2s { gap: 32px } .audio-to-text-transcription-result-NJEAVS .message-item-raX-oP { color: var(--theme-text-secondary); font-size: 15px; line-height: 24px } .audio-to-text-transcription-result-NJEAVS .message-item-raX-oP .sender-WGfaVZ { color: var(--theme-text-link); vertical-align: middle; margin-right: 4px } .audio-to-text-transcription-result-NJEAVS .message-item-raX-oP .text-content-xpVOwr { vertical-align: middle } .audio-to-text-transcription-result-NJEAVS .summary-item-9Pku2s { display: flex; flex-direction: column; gap: 8px } .audio-to-text-transcription-result-NJEAVS .summary-item-9Pku2s .title-y5kyUG { color: var(--theme-text-secondary); font-size: 15px; line-height: 20px } .audio-to-text-transcription-result-NJEAVS .summary-item-9Pku2s:not(:first-of-type) { margin-top: 16px } .audio-to-text-transcription-result-NJEAVS .origin-link-tunzus { margin-top: 12px; border-radius: 10px; background: var(--theme-fill-tsp-components-secondary); display: flex; align-items: center; gap: 8px; padding: 10px 12px } .audio-to-text-transcription-result-NJEAVS .origin-link-tunzus .icon-Xd5Nf5 { border-radius: 5.333px; background: #4185ff; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center } .audio-to-text-transcription-result-NJEAVS .origin-link-tunzus .meta-Z7GGYP { flex: 1; min-width: 0 } .audio-to-text-transcription-result-NJEAVS .origin-link-tunzus .meta-Z7GGYP .title-y5kyUG { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .audio-to-text-transcription-result-NJEAVS .origin-link-tunzus .meta-Z7GGYP .desc-kH4D4Z { color: var(--theme-text-quaternary); font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .embed-container-Dm-vv- { display: flex; flex-direction: column; flex-shrink: 0; border-radius: 12px; border: 1px solid var(--theme-border-primary); margin-bottom: 16px } .embed-container-Dm-vv- .embed-container-header-5WjTnP { height: 40px; min-height: 40px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--theme-border-light); background: var(--theme-fill-tsp-components-tertiary); padding: 0 16px } .embed-container-Dm-vv- .embed-container-header-5WjTnP .left-z9WNus { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; gap: 4px; color: var(--theme-text-quaternary) } .embed-container-Dm-vv- .embed-container-header-5WjTnP .left-z9WNus .name-O-ovfs { font-size: 13px; font-weight: 500; line-height: 18px } .embed-container-Dm-vv- .embed-container-header-5WjTnP .right-xFSNA0 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px } .embed-container-Dm-vv- .embed-container-header-5WjTnP .right-xFSNA0 .continue-in-chat-GSYpzv { display: flex; gap: 4px; color: var(--theme-text-brand); align-items: center; white-space: pre; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; font-size: 14px } .embed-container-Dm-vv- .embed-container-header-5WjTnP .right-xFSNA0 .continue-in-chat-GSYpzv:hover { opacity: .7 } .embed-container-Dm-vv- .embed-container-header-5WjTnP .right-xFSNA0 .embed-copy-DUS5se { cursor: pointer; display: inline-flex } .embed-container-Dm-vv- .embed-container-content-ndia8- { padding: 16px } .embed-selected-text-iVKucl { display: flex; justify-content: center; align-items: center; justify-content: left; gap: 10px; padding: 12px; align-self: stretch; border-radius: 12px; background: var(--theme-fill-tsp-components-tertiary); color: var(--theme-text-secondary); font-size: 14px; font-weight: 400; line-height: 22px } .embed-markdown-Lor09S { cursor: text; user-select: text; white-space: normal } .site-card-L6-oSW { height: 52px; padding: 0 12px; display: flex; gap: 8px; align-items: center; border-radius: 10px; border: 1px solid var(--theme-border-primary); background: var(--theme-fill-tsp-components-tertiary) } .site-card-L6-oSW .page-icon-oB57Um { width: 28px; height: 28px; flex-shrink: 0; border-radius: 4px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center } .site-card-L6-oSW .page-icon-oB57Um img { width: 100%; height: 100% } .site-card-L6-oSW .youtube-icon-NVT2xQ { background: var(--theme-function-error) } .site-card-L6-oSW .title-link-box-fRgJRs { display: flex; flex-direction: column } .site-card-L6-oSW .title-link-box-fRgJRs span { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-primary); font-size: 13px; font-weight: 500; line-height: 18px } .site-card-L6-oSW .title-link-box-fRgJRs a { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .site-card-L6-oSW .title-link-url-8pJjU9 { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-quaternary) } .audio-transcription-embed-eEtVD5 { visibility: visible } .chat-embed-KtWtXh { margin-left: -12px; margin-right: -12px; display: flex; flex-direction: column; overflow: hidden } .chat-embed-KtWtXh .title-wrapper-lcmodu { height: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: left; gap: 4px; padding-left: 12px; padding-right: 12px } .chat-embed-KtWtXh .title-wrapper-lcmodu .input-eC1uY9 { height: 100% } .chat-embed-KtWtXh .title-wrapper-lcmodu .title-MOIQJP { color: var(--theme-text-primary); font-size: 24px; font-style: normal; font-weight: 600; display: flex; align-items: center; gap: 6px } .chat-embed-KtWtXh .title-wrapper-lcmodu .title-MOIQJP .text-I6JOkv { display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all } .chat-embed-KtWtXh .title-wrapper-lcmodu .title-MOIQJP .icon-gq7XtA { opacity: 0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .chat-embed-KtWtXh .title-wrapper-lcmodu:hover .title-MOIQJP .icon-gq7XtA { opacity: 1 } .common-translate-embed--2FpMv { display: flex; flex-direction: column; gap: 20px } .image-summary-embed-r-DHYZ { position: relative; display: flex; flex-direction: column } .image-summary-embed-r-DHYZ .image-qmU8-- { position: relative; border-radius: 12px; overflow: hidden } .image-summary-embed-r-DHYZ .image-qmU8-- img { object-fit: contain; max-height: 400px } .image-summary-embed-r-DHYZ .embed-summary-Z9SU-A { margin-top: 16px } .ocr-wrapper-LW-qiq { position: absolute; top: 8px; right: 8px; z-index: 10 } .ocr-wrapper-LW-qiq .ocr-B2Gu7N { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--theme-text-tertiary); cursor: pointer } .ocr-content-W2DS9f { background: var(--theme-tooltips-fill); border: 1px solid var(--theme-fill-tsp-brand); overflow: hidden; word-wrap: break-word; min-width: 236px; min-height: 52px; max-height: 300px; max-width: 236px; border-radius: 4px; padding: 6px 8px; line-height: 16px; font-size: 14px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; background-color: var(--theme-bg-white); color: var(--theme-text-primary) } .ocr-content-W2DS9f::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .ocr-content-W2DS9f::-webkit-scrollbar-track { background: transparent } .ocr-content-W2DS9f::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .ocr-content-W2DS9f::-webkit-scrollbar-thumb:hover { background: #00000062 } .ocr-content-W2DS9f::-webkit-scrollbar-corner { background: transparent } .ocr-content-W2DS9f .ocr-content-title-F1ius4 { font-size: 13px; font-weight: 500; line-height: 18px } .mark-embed-fNP4ws { display: flex; flex-direction: column; gap: 24px } .mark-embed-item-RapyQi { display: flex; flex-direction: column; gap: 10px } .mark-embed-item-RapyQi .mark-item-content-JhRoqt { opacity: unset; color: unset; cursor: unset; user-select: unset; position: relative; padding: 8px 12px 8px 16px; gap: 12px; cursor: pointer; border-radius: 10px; min-height: 32px } .mark-embed-item-RapyQi .mark-item-content-JhRoqt:hover { opacity: unset } .mark-embed-item-RapyQi .mark-item-content-JhRoqt:hover { background: var(--theme-fill-tsp-components-secondary) } .mark-embed-item-RapyQi .mark-item-content-JhRoqt:hover .delete-s2yStz { display: flex } .mark-embed-item-RapyQi .mark-item-content-JhRoqt .mark-item-highlight-bg-jxniPh { position: absolute; left: 0; top: 5%; width: 4px; min-width: 4px; height: 90% } .mark-embed-item-RapyQi .mark-item-content-JhRoqt .mark-item-content-text-wHTJDc { font-weight: 400; color: var(--theme-text-primary); font-size: 16px; line-height: 150% } .mark-embed-item-RapyQi .mark-item-content-JhRoqt .delete-s2yStz { right: -8px; top: -8px; width: 24px; height: 24px; display: none; position: absolute; border-radius: 4px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); align-items: center; justify-content: center } .mark-embed-item-RapyQi .mark-item-content-JhRoqt .delete-s2yStz:hover { opacity: .8 } .mark-embed-item-RapyQi .comment-sUkmSL { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; height: 24px; justify-content: left } .mark-embed-item-RapyQi .comment-sUkmSL .comment-input-mYxWSO { width: 100%; background-color: transparent; padding: 0; border-radius: 0; border: unset !important; font-size: 13px; font-weight: 400; color: var(--theme-text-primary); height: 24px !important } .mark-embed-item-RapyQi .comment-sUkmSL .comment-input-mYxWSO:focus { border-color: transparent } .mark-embed-item-RapyQi .comment-sUkmSL .comment-input-mYxWSO:hover { border-color: transparent } .mark-embed-item-RapyQi .comment-sUkmSL .comment-content-Os3hfC { flex: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-size: 13px; font-weight: 400; line-height: 20px; color: var(--theme-text-primary) } .mark-embed-item-RapyQi .comment-sUkmSL .comment-content-Os3hfC.placeholder-mode-s3FpBO { color: var(--theme-text-quaternary) } .pdf-reading-embed-x00OnB .embed-container-5eBKqS { margin-top: 16px } .quick-action-embed-Y5nQI8 { display: flex; flex-direction: column; gap: 20px } .quick-action-translate-embed-0GEBWl { display: flex; flex-direction: column } .quick-action-translate-embed-0GEBWl .word-VZkdQs { display: flex; flex-direction: column; justify-content: flex-start; gap: 4px } .quick-action-translate-embed-0GEBWl .word-VZkdQs .output-963onQ { color: var(--theme-text-primary); font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px } .quick-action-translate-embed-0GEBWl .word-VZkdQs .input-wrapper-zoq7hy { display: inline-block } .quick-action-translate-embed-0GEBWl .word-VZkdQs .input-wrapper-zoq7hy .input-klxnT0 { color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px } .quick-action-translate-embed-0GEBWl .pronounce-1xk-dG { margin-top: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; color: var(--theme-text-tertiary); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal } .quick-action-translate-embed-0GEBWl .pronounce-1xk-dG .slash-EQdy3r { color: var(--theme-text-disable) } .quick-action-translate-embed-0GEBWl .divider-L-Znnv { margin: 12px 0; height: 1px; background: var(--theme-fill-tsp-components-secondary) } .quick-action-translate-embed-0GEBWl .definition-WbidXP { margin-top: 8px } .reading-summary-embed-sKkO4M .embed-container-SvDO3Z { margin-top: 16px } .search-enhance-embed-JaLB6E { display: flex; flex-direction: column } .search-enhance-embed-JaLB6E .question-caYrVZ { font-size: 20px; line-height: 26px; font-weight: 600; padding-bottom: 20px; border-bottom: 1px dashed var(--theme-border-quaternary); margin-bottom: 12px; color: var(--theme-text-primary) } .search-enhance-embed-JaLB6E .content-owcBCa { display: flex; flex-direction: column; gap: 12px } .search-enhance-embed-JaLB6E .content-owcBCa .answer-list-RhLNvh { display: flex; flex-direction: column; gap: 8px; font-size: 14px } .search-enhance-embed-JaLB6E .content-owcBCa .answer-list-RhLNvh .answer-item-x-RYVu { display: flex; flex-direction: column; gap: 4px } .twitter-embed-cAzbBV { display: flex; flex-direction: row; align-items: flex-start; gap: 10px } .twitter-embed-cAzbBV .left-zLU-8F .avatar-1AjIV6 { width: 44px; height: 44px; border-radius: 44px; overflow: hidden } .twitter-embed-cAzbBV .right-xvO1UH { flex: 1; min-width: 0px; display: flex; gap: 12px; flex-direction: column } .twitter-embed-cAzbBV .right-xvO1UH .message-1ziW92 { display: flex; flex-direction: column; gap: 8px } .twitter-embed-cAzbBV .right-xvO1UH .message-1ziW92 .message-header-1U58hx { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .twitter-embed-cAzbBV .right-xvO1UH .message-1ziW92 .message-header-1U58hx .user-info-Qxlg0F { display: flex; align-content: center; gap: 4px; flex-wrap: wrap } .twitter-embed-cAzbBV .right-xvO1UH .message-1ziW92 .message-header-1U58hx .user-info-Qxlg0F .user-name-y-aELe { color: var(--theme-text-primary); font-size: 15px; font-weight: 600 } .twitter-embed-cAzbBV .right-xvO1UH .message-1ziW92 .message-header-1U58hx .user-info-Qxlg0F .user-desc-EuBw77 { color: var(--theme-text-quaternary); font-size: 15px; font-weight: 400 } .twitter-embed-cAzbBV .right-xvO1UH .message-1ziW92 .message-content-tArpqL { color: var(--theme-text-secondary); font-size: 17px; font-weight: 400; line-height: 24px; white-space: pre-wrap } .twitter-embed-cAzbBV .right-xvO1UH .photos-oVkCjq { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 100px), 1fr)); gap: 16px } .twitter-embed-cAzbBV .right-xvO1UH .photos-oVkCjq .photo-item-4FfyOH { width: 100%; border-radius: 12px; overflow: hidden } .twitter-embed-cAzbBV .right-xvO1UH .photos-oVkCjq .photo-item-4FfyOH img { object-fit: contain; max-height: 400px; min-height: 150px } .twitter-embed-cAzbBV .right-xvO1UH .photos-oVkCjq .photo-item-4FfyOH .image-6wDZdd { width: 100%; height: 100% } .twitter-embed-cAzbBV .right-xvO1UH .photos-oVkCjq .photo-item-4FfyOH .video-FvKZ1c { width: 100%; height: 100%; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .twitter-embed-cAzbBV .right-xvO1UH .photos-oVkCjq .photo-item-4FfyOH .video-FvKZ1c:hover { opacity: .8 } .twitter-embed-cAzbBV .right-xvO1UH .photos-oVkCjq .photo-item-4FfyOH .video-FvKZ1c .mask-JlcP5q { position: absolute; background-color: var(--theme-bg-mask); inset: 0; display: flex; flex-direction: row; justify-content: center; align-items: center } .twitter-embed-cAzbBV .external-X-y8ZR { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; opacity: 0; color: var(--theme-text-quaternary); position: relative; top: 2px } .twitter-embed-cAzbBV .external-X-y8ZR:hover { opacity: .8 !important } .twitter-embed-cAzbBV:hover .external-X-y8ZR { opacity: 1 } .highlights-box-ja6NZe { width: 100% } .monica-collapse-MOBEhm .ant-collapse-header { padding: 0 !important } .monica-collapse-MOBEhm .ant-collapse-header-text { color: var(--theme-text-primary); font-weight: 700; font-size: 14px; overflow: hidden } .monica-collapse-MOBEhm .ant-collapse-content-box { padding: 0 !important } .monica-collapse-MOBEhm .ant-collapse-expand-icon { height: 20px !important; padding-inline-start: 4px !important } .monica-collapse-MOBEhm .ant-collapse-header { padding: 0 16px !important } .collapse-extra--J3ilC { display: inline-flex; align-items: center; gap: 4px } .collapse-extra--J3ilC .action-btn-ssqGkt { width: 20px; height: 20px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; user-select: none; color: var(--theme-text-tertiary); cursor: pointer } .collapse-extra--J3ilC .action-btn-ssqGkt .arrow-down-ta5OXA { transform: rotate(0) !important; transition: all .2s ease !important; color: var(--theme-icon-quaternary) } .collapse-extra--J3ilC .action-btn-ssqGkt .active-IQaId7 { transform: rotate(-180deg) !important } .collapse-extra--J3ilC .action-btn-ssqGkt:hover { color: var(--theme-text-link) } .collapse-content-nX-9S7 { display: flex; flex-direction: column; gap: 8px; padding: 8px 6px 8px 0; margin: 0 -14px 0 -8px } .collapse-content-nX-9S7 .item-fGCj6- { display: flex; align-items: flex-start; padding: 6px 6px 6px 8px; gap: 8px; font-size: 14px; border-radius: 4px; cursor: pointer } .collapse-content-nX-9S7 .item-fGCj6- .header-f5GJ0z { display: flex; align-items: flex-start; gap: 8px } .collapse-content-nX-9S7 .item-fGCj6- .header-f5GJ0z .title-QP6Qvm { flex: 1; color: var(--theme-text-primary) } .collapse-content-nX-9S7 .item-fGCj6- .header-f5GJ0z .time-hmICTt { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; width: 66px; height: 20px; padding: 10px 4px; justify-content: center; align-items: center; border-radius: 8px; color: var(--theme-text-brand); font-size: 12px; font-weight: 600; background: var(--theme-btn-fill-tertiary-hover) } .collapse-content-nX-9S7 .explanation-84V4Kn .ant-collapse-expand-icon { padding-top: 6px; margin-left: auto; margin-right: 4px } .collapse-content-nX-9S7 .explanation-84V4Kn .ant-collapse-header { padding: 0 !important; border-radius: 12px !important } .collapse-content-nX-9S7 .explanation-84V4Kn .ant-collapse-header:hover { background: var(--theme-fill-tsp-components-secondary) } .collapse-content-nX-9S7 .explanation-84V4Kn .ant-collapse-header-text { font-weight: 400; font-size: 12px; color: #c4cdd5 } .collapse-content-nX-9S7 .explanation-84V4Kn .action-btn-ssqGkt { color: #c4cdd5; font-size: 12px } .collapse-content-nX-9S7 .explanation-84V4Kn .explanation-box-UC2ObB .explanation-item-CJiB2V { cursor: pointer; display: flex; padding: 4px 0; gap: 8px; border-radius: 8px; color: var(--theme-text-tertiary); font-size: 12px } .collapse-content-nX-9S7 .explanation-84V4Kn .explanation-box-UC2ObB .explanation-item-CJiB2V:hover { background: var(--theme-fill-tsp-components-secondary) } .collapse-content-nX-9S7 .explanation-84V4Kn .explanation-box-UC2ObB .explanation-item-CJiB2V .item-time-r2PcmD { cursor: pointer; font-weight: 500; width: 58px; text-align: right; flex: 0 0 58px } .collapse-content-nX-9S7 .explanation-84V4Kn .explanation-box-UC2ObB .explanation-item-CJiB2V .text-HOW-tE { font-weight: 400 } .loading-6RPpnr { margin-top: 8px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px } .loading-6RPpnr .ant-skeleton-element { width: 100% } .loading-6RPpnr .ant-skeleton.ant-skeleton-element .ant-skeleton-input-lg { width: 100%; height: 54px; border-radius: 12px } .err-msg-1hfKgA, .empty-sySepN { margin-top: 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px; font-size: 14px; font-weight: 400; color: var(--theme-text-secondary) } .err-msg-1hfKgA .icon-mmozDB, .empty-sySepN .icon-mmozDB { color: var(--theme-icon-quaternary) } .video-summary-embed-keS6S1 { display: flex; flex-direction: column; gap: 16px } .video-summary-embed-keS6S1 .embed-container-Zn-WgV { display: flex; flex-direction: column; gap: 8px } .video-summary-embed-keS6S1 .high-title-g8b-Cb { line-height: 24px; color: var(--theme-text-primary); font-size: 18px; font-weight: 600 } .video-summary-embed-keS6S1 .high-item-14ZY8V:not(:last-child) { margin-bottom: 6px } .video-summary-embed-keS6S1 .high-item-14ZY8V .high-item-title-RN-WdL { line-height: 22px; display: flex; transition: background-color .1s ease; border-radius: 4px; gap: 4px; margin: 0 -4px; padding: 0 4px } .video-summary-embed-keS6S1 .high-item-14ZY8V .high-item-title-RN-WdL:hover { background-color: var(--theme-fill-tsp-components-secondary) } .video-summary-embed-keS6S1 .high-item-14ZY8V .high-item-title-RN-WdL .left-iXyaDj { flex: 1; display: flex; gap: 4px } .video-summary-embed-keS6S1 .high-item-14ZY8V .high-item-title-RN-WdL .point-HOehMc { width: 5px; height: 5px; background-color: var(--theme-icon-quaternary); border-radius: 50%; flex: 0 0 5px; margin-right: 6px; position: relative; top: 8px; left: 2px } .video-summary-embed-keS6S1 .high-item-14ZY8V .high-item-title-RN-WdL .arrow-6jZkTt { height: 16px; opacity: .6; margin-top: 3px } .video-summary-embed-keS6S1 .high-item-14ZY8V .high-abstract-list-THjTzg { margin-top: 6px; position: relative; list-style: circle; padding-left: 30px; max-height: 0; overflow: hidden } .video-summary-embed-keS6S1 .high-item-14ZY8V .high-abstract-list-THjTzg li:not(:last-child) { margin-bottom: 6px } .video-summary-embed-keS6S1 .high-item-14ZY8V.expanded--yzsEm .high-abstract-list-THjTzg { max-height: unset } .video-summary-embed-keS6S1 .high-item-14ZY8V.expanded--yzsEm .high-item-title-RN-WdL .title-4YoPUr { overflow: unset; text-overflow: unset; -webkit-line-clamp: unset } .video-summary-embed-keS6S1 .high-item-14ZY8V.expanded--yzsEm .high-item-title-RN-WdL .arrow-6jZkTt { transform: rotate(180deg) } .mention-OnIb-X { display: inline-flex; min-height: 24px; padding: 4px 6px 4px 8px; justify-content: center; align-items: center; border-radius: 6px; background: var(--theme-btn-fill-secondary); gap: 1px; margin: 0 4px } .mention-OnIb-X:hover { background: var(--theme-btn-fill-secondary-hover) } .mention-OnIb-X .close-NBtofL { height: 100%; padding: 0 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .mention-editor-zDbyeH { padding: 10px 8px; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 10px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); min-height: 104px; max-height: 156px; display: flex; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .mention-editor-zDbyeH::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .mention-editor-zDbyeH::-webkit-scrollbar-track { background: transparent } .mention-editor-zDbyeH::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .mention-editor-zDbyeH::-webkit-scrollbar-thumb:hover { background: #00000062 } .mention-editor-zDbyeH::-webkit-scrollbar-corner { background: transparent } .mention-editor-zDbyeH.active-mpMAlb { border-color: var(--theme-text-brand) } .mention-editor-zDbyeH .editor-WDQgIN { font-size: 14px; line-height: 26px; width: 100%; flex: 1 } .mention-select-QN2CfJ { position: fixed; z-index: 999; display: flex; min-width: 120px; max-width: 260px; padding: 4px; flex-direction: column; align-items: flex-start; border-radius: 8px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .mention-select-QN2CfJ .item-ZHXPwJ { border-radius: 8px; width: 100%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; min-height: 32px; padding: 4px 8px } .mention-select-QN2CfJ .item-ZHXPwJ.active-iAQ3um, .mention-select-QN2CfJ .item-ZHXPwJ:hover { background: var(--theme-fill-tsp-components-secondary) } .header-XkWedi { display: flex; align-items: center; justify-content: space-between; font-weight: 500; font-size: 14px; background: var(--theme-bg-gray-secondary); line-height: 22px; padding: 10px 12px; gap: 8px } .center-0suiOB { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center } .chat-template-3fRdCq { display: flex; flex-direction: column; gap: 10px; overflow: hidden; height: 100% } .header-pVxbls { display: flex; align-items: center; gap: 4px } .actions-FSZOfG { display: flex; align-items: center; justify-content: space-between; border-radius: 8px; padding: 0 12px } .actions-FSZOfG .select-template-y5S3eS { height: 32px; display: flex; align-items: center; gap: 4px; border: 1px solid var(--theme-btn-border-primary); padding: 2px 8px; border-radius: 8px; cursor: pointer; margin-right: 60px; overflow: hidden } .actions-FSZOfG .select-template-y5S3eS:hover, .actions-FSZOfG .select-template-y5S3eS.active-W5ROtp { background: var(--theme-bg-gray-primary) } .actions-FSZOfG .select-template-y5S3eS .select-template-icon-hjVUSL { flex-shrink: 0 } .actions-FSZOfG .more-3-EHWX { transform: rotate(90deg) } .template-list-mW72RH { width: 200px !important; max-height: 300px } .template-list-mW72RH .title-xlbU2u { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 18px; padding: 4px 12px } .template-content-muIoxn { flex: 1; padding: 12px 0; border-radius: 12px; margin: 0 12px; background-color: var(--theme-bg-gray-primary); overflow: hidden; display: flex; flex-direction: column } .template-content-muIoxn .editor-wrapper--yxyUB { flex: 1; margin: 0 4px; padding: 0 12px; position: relative; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .template-content-muIoxn .editor-wrapper--yxyUB::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .template-content-muIoxn .editor-wrapper--yxyUB::-webkit-scrollbar-track { background: transparent } .template-content-muIoxn .editor-wrapper--yxyUB::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .template-content-muIoxn .editor-wrapper--yxyUB::-webkit-scrollbar-thumb:hover { background: #00000062 } .template-content-muIoxn .editor-wrapper--yxyUB::-webkit-scrollbar-corner { background: transparent } .template-content-muIoxn .editor-wrapper--yxyUB .editor-5fPUjy { width: 100% } .template-content-muIoxn .editor-wrapper--yxyUB .editor-5fPUjy .node-editor-heading-1 { font-size: 22px; line-height: 22px; margin-top: 12px } .template-content-muIoxn .editor-wrapper--yxyUB .editor-5fPUjy .node-editor-heading-2 { font-size: 20px; line-height: 20px; margin-top: 12px } .template-content-muIoxn .editor-wrapper--yxyUB .editor-5fPUjy .node-editor-heading-3 { font-size: 18px; line-height: 18px; margin-top: 12px } .template-content-muIoxn .editor-wrapper--yxyUB .template-placeholder-0BiRda { opacity: 1 !important } .template-content-muIoxn .editor-wrapper--yxyUB .template-placeholder-0BiRda * { color: var(--theme-text-disable) !important } .template-content-muIoxn .editor-wrapper--yxyUB .template-placeholder-0BiRda .node-editor-heading-1:first-child { margin-top: 0 } .template-content-muIoxn .update-info-n4zs-d { padding-top: 8px; margin: 0 16px; color: var(--theme-text-quaternary); font-size: 12px; display: flex; align-items: center; gap: 6px; border-top: 1px solid var(--theme-border-primary); flex-shrink: 0 } .confirm-btn-Rjh4nM { margin: 12px } .menu-item-fgcjPe { padding: 6px 12px; border-radius: 8px; display: flex; align-items: center; cursor: pointer; gap: 4px; color: var(--theme-text-secondary); font-size: 14px; font-weight: 400 } .menu-item-fgcjPe:hover { background: var(--theme-bg-gray-primary) } .menu-item-fgcjPe:hover .edit-icon-DLU2sJ { display: block } .menu-item-fgcjPe.active-W5ROtp { color: var(--theme-text-brand) } .menu-item-fgcjPe .edit-icon-DLU2sJ { display: none; flex-shrink: 0 } .menu-item-fgcjPe .left-7QYYmd { gap: 8px; display: flex; align-items: center; white-space: nowrap; text-overflow: ellipsis; flex: 1; overflow: hidden } .menu-item-fgcjPe .left-7QYYmd .name-input-BtUc2I { width: 100%; outline: none; border: none; box-shadow: none; background-color: unset; min-height: unset; line-height: 22px; font-size: 14px; color: var(--theme-text-primary); font-weight: 500 } .menu-item-fgcjPe .right-pPYALA { display: flex; align-items: center } .template-name-qBcQGq { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .delete-template-modal-mhZ4Df { visibility: visible; display: flex; flex-direction: column; gap: 12px; padding: 16px } .title-dxCVaJ { font-weight: 500; font-size: 16px } .warning-7v7mdi { color: var(--theme-text-secondary); word-break: break-all; white-space: pre-line } .footer-exm02- { display: flex; align-items: center; justify-content: flex-end; gap: 8px } .gen-document-card-Pbn2kC { width: 100%; max-width: 800px; height: max-content; max-height: 600px; margin-bottom: 10px; color: var(--theme-text-primary); padding: 0 12px } .inner-l6ZrR6 { display: flex; flex-direction: column; border-radius: 10px; border: 1.5px solid var(--theme-border-light); background-color: var(--theme-bg-menu-white); transition: border-color .2s ease-in; position: relative; overflow: hidden; height: 100% } .inner-l6ZrR6.focused-goAkwu { box-shadow: 0 4px 2px 0 var(--box-shadow-color1); border-color: var(--theme-border-active) } .sub-page-8RAgMi { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: var(--theme-bg-menu-white); overflow: hidden } .block-lmXF69 { display: flex; flex-direction: column; gap: 4px; padding: 10px 0 } .block-lmXF69 .title-N-yD0a { font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; position: relative; line-height: 28px } .block-lmXF69 .title-N-yD0a.required-yGmkmP { padding-left: 8px } .block-lmXF69 .title-N-yD0a.required-yGmkmP:after { display: block; content: "*"; position: absolute; top: 0; left: 0; color: var(--theme-text-brand); font-size: 14px } .block-lmXF69 .title-N-yD0a .title-text-x0PFAv { display: flex; align-items: center } .block-lmXF69 .title-N-yD0a .title-actions-hNlDw8 { display: flex; align-items: center; gap: 8px } .content-AXr3rG { flex: 1; display: flex; flex-direction: column; padding: 0 12px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .content-AXr3rG::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .content-AXr3rG::-webkit-scrollbar-track { background: transparent } .content-AXr3rG::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .content-AXr3rG::-webkit-scrollbar-thumb:hover { background: #00000062 } .content-AXr3rG::-webkit-scrollbar-corner { background: transparent } .header-nMWCA6, .template-list-qCqMlI { display: flex; align-items: center; gap: 8px } .template-list-qCqMlI .template-qpN9wM { width: 116px; height: 138px; border-radius: 12px; border: 1px solid var(--theme-border-primary); cursor: pointer; flex-shrink: 0; background-color: var(--theme-bg-menu-white); position: relative; overflow: hidden; transition: all .2s ease-in; padding: 10px } .template-list-qCqMlI .template-qpN9wM.active-NmbNFi { background: var(--theme-fill-tsp-brand) !important; border-color: var(--theme-border-active) } .template-list-qCqMlI .template-qpN9wM.active-NmbNFi .preview-btn-2uE-JV { background: var(--theme-btn-fill-tertiary) } .template-list-qCqMlI .template-qpN9wM:hover { background-color: var(--theme-bg-gray-secondary) } .template-list-qCqMlI .template-qpN9wM:hover .preview-btn-2uE-JV { display: flex } .template-list-qCqMlI .template-qpN9wM .template-text-D8t2FM { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-size: 12px; margin-bottom: 4px; color: var(--theme-text-quaternary) } .template-list-qCqMlI .template-qpN9wM .template-text-D8t2FM:first-child { color: var(--theme-text-primary); font-weight: 500 } .template-list-qCqMlI .template-qpN9wM .preview-btn-2uE-JV { width: 100%; position: absolute; bottom: 0; left: 0; gap: 4px; display: none; align-items: center; justify-content: center; padding: 4px; font-size: 12px; background-color: var(--theme-bg-gray-secondary); border-top: 1px solid var(--theme-btn-border-primary); z-index: 100 } .template-list-qCqMlI .template-qpN9wM .preview-btn-2uE-JV:hover { color: var(--theme-text-brand) } .template-list-qCqMlI .template-qpN9wM .preview-btn-2uE-JV .preview-text-KDBQm- { font-size: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .source-Kgi2ED { display: flex; align-items: center; width: 100% } .source-Kgi2ED .source-types-qbnlQn { display: flex; align-items: center; gap: 12px; width: 100% } .source-Kgi2ED .source-types-qbnlQn .source-btn-TmHeUx { flex: 1; border: 1px solid var(--theme-border-primary); cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; height: 36px; border-radius: 12px; overflow: hidden; padding: 0 12px } .source-Kgi2ED .source-types-qbnlQn .source-btn-TmHeUx:hover { background-color: var(--theme-bg-gray-secondary) } .source-Kgi2ED .source-types-qbnlQn .source-btn-TmHeUx.disabled-fEUZOc { cursor: not-allowed; pointer-events: none } .source-Kgi2ED .source-types-qbnlQn .source-btn-TmHeUx .source-btn-text-6OD148 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .source-Kgi2ED .source-list-ywtAwf { width: 100%; display: flex; flex-direction: column; border-radius: 12px; background: var(--theme-bg-gray-secondary, #fafafa); padding: 8px 10px; gap: 12px; overflow: hidden; color: var(--theme-text-tertiary); font-size: 12px; line-height: 18px } .source-Kgi2ED .source-list-ywtAwf .source-Kgi2ED { display: flex; align-items: center; gap: 8px; overflow: hidden; flex-shrink: 0 } .source-Kgi2ED .source-list-ywtAwf .source-Kgi2ED .name-qAhzvB { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .source-Kgi2ED .source-list-ywtAwf .logo-2xSI-g { width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--theme-bg-gray-secondary) } .source-Kgi2ED .source-list-ywtAwf .preview-source-OcZ7bU { display: flex; align-items: center; gap: 6px } .source-Kgi2ED .source-list-ywtAwf .preview-source-OcZ7bU .source-icons-kp7EA3 { display: flex; align-items: center } .input-wrapper-PUi46e { width: 100%; height: 80px } .input-wrapper-PUi46e .input-ijbSO6 { background-color: var(--theme-bg-menu-white) !important; border: 1px solid var(--theme-border-primary) !important; padding: 12px !important; border-radius: 12px !important; height: 100% } .input-wrapper-PUi46e .input-ijbSO6:active, .input-wrapper-PUi46e .input-ijbSO6:focus, .input-wrapper-PUi46e .input-ijbSO6:hover { border-color: var(--theme-border-active) !important } .actions-O-dEaf { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px } .actions-O-dEaf .generate-btn-Kp2Xnz { width: 100% } .create-template-zAPSCu { display: flex; align-items: center; gap: 4px; color: var(--theme-text-secondary); font-weight: 400; padding: 0 6px; cursor: pointer; border-radius: 6px; transition: background-color .2s; font-size: 12px } .create-template-zAPSCu:hover { background-color: var(--theme-fill-tsp-components-secondary) } .source-detail-pMdbwi { display: flex; flex-direction: column; overflow: hidden; height: 100%; background: var(--theme-bg-gray-secondary) } .content-4SwUNi { display: flex; flex-direction: column; gap: 10px; padding: 0 12px; flex: 1; overflow: hidden } .block-qPMdWL { padding: 10px 0; gap: 10px; display: flex; flex-direction: column; border-radius: 12px; background: var(--theme-bg-white); border: 1px solid var(--theme-btn-border-secondary); max-height: 50%; overflow: hidden } .block-qPMdWL .title-w2Tmx8 { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; font-size: 13px; font-weight: 500; padding: 0 10px } .block-qPMdWL .title-w2Tmx8 .left-VAMZ3q, .block-qPMdWL .title-w2Tmx8 .title-actions-pUVjsq { display: flex; align-items: center; gap: 8px } .block-qPMdWL .block-content-Zvo4KS { flex: 1; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .block-qPMdWL .block-content-Zvo4KS::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .block-qPMdWL .block-content-Zvo4KS::-webkit-scrollbar-track { background: transparent } .block-qPMdWL .block-content-Zvo4KS::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .block-qPMdWL .block-content-Zvo4KS::-webkit-scrollbar-thumb:hover { background: #00000062 } .block-qPMdWL .block-content-Zvo4KS::-webkit-scrollbar-corner { background: transparent } .files-Peb2to { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 10px } .files-Peb2to .file-NxcDb8 { padding: 8px; border-radius: 10px; background: var(--theme-bg-gray-secondary, #fafafa); display: flex; align-items: center; gap: 8px; width: 144px; cursor: pointer; position: relative; border: 1px solid transparent } .files-Peb2to .file-NxcDb8:hover { border: 1px solid var(--theme-border-primary) } .files-Peb2to .file-NxcDb8:hover .close-btn-wrapper-kM7zos { visibility: visible } .files-Peb2to .file-NxcDb8 .file-logo-eOcWKp { width: 28px; height: 28px; border-radius: 6px; flex-shrink: 0 } .files-Peb2to .file-NxcDb8 .file-info-75Tazn { display: flex; flex-direction: column; flex: 1; overflow: hidden } .files-Peb2to .file-NxcDb8 .file-info-75Tazn .file-title-F0e5XM { font-size: 13px; font-weight: 500; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .files-Peb2to .file-NxcDb8 .file-info-75Tazn .file-size-p4WrMH { font-size: 12px; line-height: 16px; color: var(--theme-text-quaternary) } .files-Peb2to .file-NxcDb8 .close-btn-wrapper-kM7zos { visibility: hidden; position: absolute; right: -2px; top: 0 } .files-Peb2to .file-NxcDb8 .close-btn-wrapper-kM7zos .close-btn-82Yvvl { color: var(--theme-icon-white-primary); background-color: var(--theme-icon-quaternary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 14px; height: 14px; border-radius: 14px; font-size: 0; transition: all .1s ease } .files-Peb2to .file-NxcDb8 .close-btn-wrapper-kM7zos .close-btn-82Yvvl:hover { background: var(--theme-icon-disable) } .tabs-8rn8kk { display: flex; flex-direction: column; gap: 0; padding: 0 4px } .tabs-8rn8kk .tab-G9gIr5 { display: flex; align-items: center; gap: 8px; cursor: pointer; width: 100%; padding: 8px 6px; border-radius: 8px } .tabs-8rn8kk .tab-G9gIr5:hover { background-color: var(--theme-bg-gray-secondary) } .tabs-8rn8kk .tab-G9gIr5 .tab-icon-SoDIT- { width: 18px; height: 18px; border-radius: 50% } .tabs-8rn8kk .tab-G9gIr5 .tab-name-XsvQ5P { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .select-all-MONzdw { flex-shrink: 0; color: var(--theme-text-tertiary); border-top: 1px solid var(--theme-btn-border-secondary); font-size: 12px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; padding: 10px 10px 0 } .select-all-MONzdw .select-all-content-Btmgu5 { gap: 8px; width: fit-content; cursor: pointer; display: flex; align-items: center } .select-all-MONzdw .select-count-3BQDSd { font-weight: 400; color: var(--theme-text-quaternary) } .empty-c5o-jz { display: flex; flex: 1; justify-content: flex-start; align-items: center; flex-direction: column; padding-top: 80px } .empty-c5o-jz .empty-img-65gGgn { width: 80px; height: 80px; margin-bottom: 16px } .empty-c5o-jz .texts-X60-2N { display: flex; flex-direction: column; justify-content: center; line-height: 18px; font-size: 12px; margin-bottom: 20px; text-align: center; color: var(--theme-text-quaternary) } .empty-c5o-jz .texts-X60-2N .empty-title-ZF1kge { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-primary) } .empty-c5o-jz .source-types-dQf6ob { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; width: 100%; padding: 0 12px; justify-content: center } .empty-c5o-jz .source-types-dQf6ob .source-btn-5USEEl { flex: 1; border: 1px solid var(--theme-border-primary); cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; height: 34px; border-radius: 12px; overflow: hidden; padding: 0 12px; min-width: 120px; max-width: 180px } .empty-c5o-jz .source-types-dQf6ob .source-btn-5USEEl:hover { background-color: var(--theme-bg-gray-nav) } .empty-c5o-jz .source-types-dQf6ob .source-btn-5USEEl .source-btn-text-hBqReQ { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .other-source-Stl7iq { display: flex; align-items: center; color: var(--theme-text-quaternary); font-size: 13px; line-height: 22px; gap: 8px; padding: 0 12px; flex-shrink: 0 } .other-source-Stl7iq .other-source-btn--ezuGZ { color: var(--theme-text-primary); font-size: 13px; line-height: 18px; padding: 0 12px; height: 24px; display: flex; align-items: center; border-radius: 20px; border: 1px solid var(--border-primary); cursor: pointer; gap: 4px } .other-source-Stl7iq .other-source-btn--ezuGZ:hover { background-color: var(--theme-bg-gray-nav) } .no-tab-tips-kpDrQI { display: flex; align-items: center; gap: 4px; color: var(--theme-text-tertiary); font-size: 12px; line-height: 18px; white-space: pre-line; word-break: break-all; padding: 0 10px } .guide-extension-Kt-34Y { display: flex; flex-direction: column; gap: 12px } .guide-extension-Kt-34Y .guide-btn-4dTQzY { width: fit-content; display: flex; align-items: center; justify-content: center; gap: 6px; border-radius: 12px; background: var(--theme-icon-secondary); height: 44px; padding: 0 24px; color: var(--theme-text-white-primary); font-size: 14px; font-weight: 500; cursor: pointer; margin-left: 10px } .image-skill-card-rD4w0i .label-oK5o49 { font-size: 14px; line-height: 22px; font-weight: 500; color: var(--theme-text-primary); width: 100%; margin-bottom: -6px } .image-skill-card-rD4w0i .style-format-iH6Wt0 { width: calc(100% + 24px); margin: 0 -12px; padding: 0 12px } .image-skill-card-rD4w0i .style-format-iH6Wt0 .list--6NG9F { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 12px; padding-top: 5px; padding-left: 5px; margin-left: -5px; padding-right: 5px; margin-right: -5px } .image-skill-card-rD4w0i .style-format-iH6Wt0 .style-item-kWSldR { position: relative; flex: 0 0 80px; cursor: pointer; background: transparent } .image-skill-card-rD4w0i .style-format-iH6Wt0 .style-item-kWSldR .cover-wrap-tVvYhn { width: 80px; height: 80px; position: relative; user-select: none } .image-skill-card-rD4w0i .style-format-iH6Wt0 .style-item-kWSldR:hover .cover-wrap-tVvYhn:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--theme-bg-mask) } .image-skill-card-rD4w0i .style-format-iH6Wt0 .style-item-kWSldR.active-lx2y5b .cover-wrap-tVvYhn:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid var(--theme-text-brand); width: 100%; height: 100%; border-radius: 16px; padding: 1.5px } .image-skill-card-rD4w0i .style-format-iH6Wt0 .style-item-kWSldR.active-lx2y5b .name-VnM9XA { color: var(--theme-text-brand) } .image-skill-card-rD4w0i .style-format-iH6Wt0 .cover-rs8Kmb, .image-skill-card-rD4w0i .style-format-iH6Wt0 .cover-wrap-tVvYhn:after { width: 100%; height: 100%; border-radius: 12px; overflow: hidden } .image-skill-card-rD4w0i .style-format-iH6Wt0 .name-VnM9XA { margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 400; line-height: 18px; color: var(--theme-text-tertiary); width: 80px } .image-skill-card-rD4w0i .size-option-e7P0My { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; width: 100%; gap: 12px } .image-skill-card-rD4w0i .size-option-e7P0My .size-btn-yOxusC { display: inline-flex; align-items: center; gap: 6px; border-radius: 8px; border: 1px solid var(--theme-btn-border-primary); padding: 4px 12px; cursor: pointer; font-size: 14px; line-height: 22px; font-weight: 400; color: var(--theme-text-primary) } .image-skill-card-rD4w0i .size-option-e7P0My .size-btn-yOxusC .size-icon-Mjr8BF { color: var(--theme-icon-tertiary) } .image-skill-card-rD4w0i .size-option-e7P0My .size-btn-yOxusC:hover { background: var(--theme-fill-tsp-components-tertiary) } .image-skill-card-rD4w0i .size-option-e7P0My .size-btn-yOxusC.active-lx2y5b { border-color: var(--theme-border-active); color: var(--theme-text-brand) } .image-skill-card-rD4w0i .size-option-e7P0My .size-btn-yOxusC.active-lx2y5b .size-icon-Mjr8BF { color: var(--theme-icon-brand) } .image-skill-card-rD4w0i .size-option-e7P0My .size-btn-yOxusC.active-lx2y5b:hover { background: var(--theme-fill-tsp-brand) } .chat-input-header-tcJa2Z { display: flex; flex-direction: column; width: 100%; border-bottom: 1px solid var(--theme-border-light); padding: 12px } .chat-input-header-tcJa2Z .chat-file-bTty5g { display: flex; gap: 12px; width: 100% } .chat-input-header-tcJa2Z .chat-file-bTty5g.multiple-files-AN4M3K { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 4px } .mermaid-skill-card-TKwCVD .title-7U1w04 { display: flex; align-items: center; justify-content: space-between; gap: 12px } .mermaid-skill-card-TKwCVD .title-7U1w04 .title-left-g0E-9J { display: inline-flex; align-items: center; gap: 4px } .mermaid-skill-card-TKwCVD .title-7U1w04 .title-right-mJPE1I { display: flex; align-items: center; gap: 8px } .mermaid-skill-card-TKwCVD .title-7U1w04 .title-right-mJPE1I .action-item-eyqW2- { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .mermaid-skill-card-TKwCVD .title-7U1w04 .title-right-mJPE1I .action-item-eyqW2-:hover, .mermaid-skill-card-TKwCVD .title-7U1w04 .title-right-mJPE1I .action-item-eyqW2-.active-7B3zPo { background-color: var(--theme-fill-tsp-components-secondary) } .mermaid-skill-card-TKwCVD .title-7U1w04 .title-right-mJPE1I .driver-cbkkKL { width: 1px; height: 12px; background: var(--theme-fill-tsp-components-primary) } .mermaid-skill-card-TKwCVD .qs-box-Y7FQhN, .mermaid-skill-card-TKwCVD .question-wCbqeQ { line-height: 0 } .examples-popover-content-Nmc8Oa { border-radius: 12px; background: var(--theme-bg-white); padding: 16px; width: 328px; box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); color: var(--theme-text-primary) } .examples-popover-content-Nmc8Oa h2 { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 24px } .examples-popover-content-Nmc8Oa .desc-pwvsAP { margin-top: 4px; color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px } .examples-popover-content-Nmc8Oa .example-label-HjnlW7 { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; margin-top: 12px } .examples-popover-content-Nmc8Oa .examples-6i9Ta0 { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px } .examples-popover-content-Nmc8Oa .example-item-yB05SN { display: inline-flex; min-height: 24px; height: auto; max-width: 100%; white-space: break-spaces; color: var(--theme-text-quaternary); padding: 2px 8px } .header-Jbn9EQ { display: flex; flex-direction: column; gap: 12px; width: 100%; align-items: center; justify-content: center; padding: 24px 16px; border-radius: 12px; border: 1px dashed var(--theme-border-quaternary); background: var(--theme-bg-white) } .header-Jbn9EQ .header-tips-ESa4AU { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px } .header-Jbn9EQ .header-tips-ESa4AU .header-tips-title-rXlWth { color: var(--theme-text-primary); text-align: center; font-size: 14px; font-weight: 500; line-height: 20px } .header-Jbn9EQ .header-tips-ESa4AU .header-tips-desc-pAfQUb { text-align: center; color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 16px } .title-jTXC69 { width: 100%; display: flex; align-items: center; gap: 12px } .title-jTXC69 .left-5wEZrq { flex: 1; display: flex; align-items: center } .title-jTXC69 .right-cNn2hp { display: flex; align-items: center; gap: 8px } .title-jTXC69 .right-cNn2hp .action-item-Zzh4Vn { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .title-jTXC69 .right-cNn2hp .action-item-Zzh4Vn:hover, .title-jTXC69 .right-cNn2hp .action-item-Zzh4Vn.active-JTuoCr { background-color: var(--theme-fill-tsp-components-secondary) } .translate-skill-card-J9aPKZ { visibility: visible } .config-pXeToo { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 8px } .lang-config-qcU6xM { display: flex; align-items: center; gap: 12px; width: 100%; overflow: hidden } .lang-config-qcU6xM .arrow-pULsYP { transform: rotate(180deg) } .lang-select-wrapper-zplmRT { overflow: hidden; min-width: 100px; max-width: 50% } .lang-select-wrapper-zplmRT>span { width: 100% } .lang-select-bLIXFh { width: 100% !important; background-color: var(--theme-bg-white); border-radius: 12px; border: 1px solid var(--theme-border-primary); padding: 7px 12px } .lang-select-bLIXFh:hover { background-color: var(--theme-bg-gray-nav) } .lang-select-bLIXFh .label-cont-5hdfP- { color: var(--theme-text-primary); font-weight: 400 } .popover-cont-qdLiBC { width: 100% } .web-page-info-u6WBmo { visibility: visible } .page-list-wrap-ZYHhGO { border: 1px solid var(--theme-btn-border-secondary); border-radius: 12px; background-color: var(--theme-bg-white); padding: 6px; width: 100% } .page-list-wrap-ZYHhGO .inner-9hq45i { max-height: 114px; width: 100%; height: 100%; overflow-y: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .page-list-wrap-ZYHhGO .inner-9hq45i::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .page-list-wrap-ZYHhGO .inner-9hq45i::-webkit-scrollbar-track { background: transparent } .page-list-wrap-ZYHhGO .inner-9hq45i::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .page-list-wrap-ZYHhGO .inner-9hq45i::-webkit-scrollbar-thumb:hover { background: #00000062 } .page-list-wrap-ZYHhGO .inner-9hq45i::-webkit-scrollbar-corner { background: transparent } .page-list-o6R2-O { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 4px } .page-list-o6R2-O .page-item-UJf0MW { width: 100%; height: 26px; flex: 0 0 26px; border-radius: 8px; padding: 4px; cursor: pointer; user-select: none; max-width: 100% } .page-list-o6R2-O .page-item-UJf0MW:hover { background-color: var(--theme-bg-gray-secondary) } .web-page-item-AJBRVu { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; padding: 4px 0; overflow: hidden; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-text-primary); white-space: nowrap } .web-page-item-AJBRVu .favicon-rx1XH2 { width: 14px; height: 14px; flex: 0 0 14px } .web-page-item-AJBRVu .url-WbDglb { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; font-size: 12px; line-height: 16px } .empty-iJnGeh { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 8px } .empty-iJnGeh .button--vyqh9 { height: 30px; padding: 0 8px; border-radius: 8px; font-weight: 400; background-color: transparent !important } .empty-iJnGeh .button--vyqh9 svg path { fill: currentColor } .empty-iJnGeh .button--vyqh9:hover { background-color: var(--theme-bg-gray-nav) !important } .info-box--yy6wA { display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: flex-start; gap: 4px } .info-box--yy6wA .warn-Q9l6Fl { color: var(--theme-function-warning); transform: rotate(-180deg) } .info-box--yy6wA .text-v-R9sf { flex: 1 1 auto; font-size: 14px; line-height: 20px; color: var(--theme-text-tertiary); font-weight: 400 } .install-btn-15XEdM { gap: 6px } .install-btn-15XEdM .logo-tGaWDF { width: 18px; height: 18px } .current-web-page-BNbpAS { background-color: var(--theme-bg-white); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: flex-start; gap: 8px; width: 100% } .current-web-page-BNbpAS .favicon-N1bd-C { width: 16px; height: 16px; flex: 0 0 16px } .current-web-page-BNbpAS .info-Fu2ca2 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 2px; flex: 1 1 auto; overflow: hidden } .current-web-page-BNbpAS .info-Fu2ca2 .title-w1euEN, .current-web-page-BNbpAS .info-Fu2ca2 .url-nlfnAt { width: 100%; font-size: 12px; line-height: 18px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .current-web-page-BNbpAS .info-Fu2ca2 .title-w1euEN { color: var(--theme-text-primary) } .current-web-page-BNbpAS .info-Fu2ca2 .url-nlfnAt { color: var(--theme-text-quaternary) } .options-nu5Ztf { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 10px } .actions-GMSbdk { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px } .actions-GMSbdk .button-2JJWlO { height: 30px; padding: 0 8px; border-radius: 8px; font-weight: 400; background-color: transparent !important } .actions-GMSbdk .button-2JJWlO svg path { fill: currentColor } .actions-GMSbdk .button-2JJWlO:hover { background-color: var(--theme-bg-gray-nav) !important } .web-access-skill-card--YVUWk { position: relative } .web-access-skill-card--YVUWk .option-panel-xFHurb { padding: 4px } .web-access-skill-card--YVUWk .title-wrapper-OoPY8D { display: flex; align-items: center; justify-content: space-between; gap: 12px } .web-access-skill-card--YVUWk .title-wrapper-OoPY8D .title-7WCk1V { display: inline-flex; align-items: center } .web-access-skill-card--YVUWk .title-wrapper-OoPY8D .title-left-MA4NeY { display: flex; align-items: center; gap: 8px; flex: 1 } .web-access-skill-card--YVUWk .title-wrapper-OoPY8D .title-right-PCKDR5 { flex-shrink: 0; display: flex; align-items: center; gap: 8px } .web-access-skill-card--YVUWk .title-wrapper-OoPY8D .title-right-PCKDR5 .trending-icon-RxagR1 { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .web-access-skill-card--YVUWk .title-wrapper-OoPY8D .title-right-PCKDR5 .trending-icon-RxagR1:hover { background-color: var(--theme-fill-tsp-components-secondary) } .web-access-skill-card--YVUWk .title-wrapper-OoPY8D .title-right-PCKDR5 .trending-icon-RxagR1.active-9tbE-H { background: var(--theme-fill-tsp-components-primary) } .web-access-skill-card--YVUWk .divider-M0qk7M { width: 1px; flex: 0 0 1px; height: 10px; margin: 0 8px; background-color: var(--theme-border-primary) } .web-access-skill-card--YVUWk .research-KU89Dv { font-size: 12px; line-height: 18px; font-weight: 500; color: var(--theme-text-tertiary) } .trending-searches-iltVg8 { width: 100%; display: flex; flex-direction: column; gap: 4px } .trending-searches-iltVg8 .trending-search-item-q-r95H { width: 100%; display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 8px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .trending-searches-iltVg8 .trending-search-item-q-r95H:hover { background: var(--theme-fill-tsp-components-secondary) } .trending-searches-iltVg8 .trending-search-item-q-r95H.active-9tbE-H { background: var(--theme-fill-tsp-components-tertiary) } .trending-searches-iltVg8 .trending-search-item-q-r95H .trending-search-item-content-1v7qlW { display: flex; align-items: center; gap: 8px; flex: 1 } .trending-searches-iltVg8 .trending-search-item-q-r95H .trending-search-item-content-1v7qlW .trending-search-item-text-TIFsQW { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .trending-searches-iltVg8 .trending-search-item-q-r95H .trending-search-item-icon-JGvk1a { display: flex; flex-direction: row; justify-content: center; align-items: center } .language-select-content-nVgBq7 { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 4px } .language-select-content-nVgBq7 .search-HrVzUp { width: 100% } .language-select-content-nVgBq7 .search-HrVzUp .input-XxQG6l { border-radius: 8px; height: 36px; min-height: 36px } .language-select-content-nVgBq7 .divider-TcNEJq { width: 100%; height: 1px; min-height: 1px; background-color: var(--transparent-black-8); margin: 4px 0 } .language-select-content-nVgBq7 .content-wrapper-mAZFUG { flex: 1; position: relative; width: 100%; min-height: 0px } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-wrapper-1ZcKPr { width: 100%; height: 100%; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-wrapper-1ZcKPr::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-wrapper-1ZcKPr::-webkit-scrollbar-track { background: transparent } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-wrapper-1ZcKPr::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-wrapper-1ZcKPr::-webkit-scrollbar-thumb:hover { background: #00000062 } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-wrapper-1ZcKPr::-webkit-scrollbar-corner { background: transparent } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-SzXAaQ { display: flex; flex-direction: column; gap: 4px; width: 100% } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt { border-radius: 8px; padding: 4px 12px; display: flex; flex-direction: column; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; justify-content: center } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt:hover { background-color: var(--theme-fill-tsp-components-secondary) } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt.selected-tNNdva, .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt.selected-tNNdva:hover { background-color: var(--theme-fill-tsp-components-primary) } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt.active-1C11Mt .title-umnbsU .title-text-rgLNIk { color: var(--theme-text-brand) } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt.active-1C11Mt .title-umnbsU .title-icon-PUOiwI { display: inline-flex } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt .title-umnbsU { display: flex; align-items: center; width: 100%; gap: 8px } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt .title-umnbsU .title-text-rgLNIk { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt .title-umnbsU .title-icon-PUOiwI { display: flex; flex-direction: row; justify-content: center; align-items: center; display: none; color: var(--theme-icon-brand) } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt .desc-JAAPYD { width: 100%; color: var(--theme-text-secondary); font-size: 12px; font-weight: 500; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .search-result-qbnEFS { position: absolute; inset: 0; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; background-color: var(--theme-bg-menu-white) } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .search-result-qbnEFS::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .search-result-qbnEFS::-webkit-scrollbar-track { background: transparent } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .search-result-qbnEFS::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .search-result-qbnEFS::-webkit-scrollbar-thumb:hover { background: #00000062 } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .search-result-qbnEFS::-webkit-scrollbar-corner { background: transparent } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .search-result-qbnEFS.empty-djNMvp { display: flex; justify-content: center; align-items: center; flex-direction: column } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .search-result-qbnEFS.empty-djNMvp .empty-icon-nbTiHt { width: 50px; height: 50px; display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-text-disable); font-size: 50px } .language-select-content-nVgBq7 .content-wrapper-mAZFUG .search-result-qbnEFS.empty-djNMvp .empty-description-QoETwX { color: var(--theme-text-tertiary); font-size: 12px; font-weight: 500; line-height: 22px } .language-select-content-nVgBq7.small-xQfLWw { gap: 4px } .language-select-content-nVgBq7.small-xQfLWw .search-HrVzUp .input-XxQG6l { height: 28px; min-height: 28px } .language-select-content-nVgBq7.small-xQfLWw .divider-TcNEJq { margin: 4px 0 } .language-select-content-nVgBq7.small-xQfLWw .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt { padding: 4px 6px; min-height: auto } .language-select-content-nVgBq7.small-xQfLWw .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt .title-umnbsU { gap: 4px } .language-select-content-nVgBq7.small-xQfLWw .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt .title-umnbsU .title-text-rgLNIk { font-size: 12px; font-weight: 500; line-height: 16px } .language-select-content-nVgBq7.small-xQfLWw .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt .desc-JAAPYD { font-size: 10px; line-height: 12px; color: var(--theme-text-tertiary) } .language-select-content-nVgBq7.small-xQfLWw .content-wrapper-mAZFUG .search-result-qbnEFS.empty-djNMvp .empty-icon-nbTiHt { width: 30px; height: 30px; font-size: 30px } .language-select-content-nVgBq7.small-xQfLWw .content-wrapper-mAZFUG .search-result-qbnEFS.empty-djNMvp .empty-description-QoETwX { font-size: 10px; text-align: center } .highlight-tatwGN { padding: 0; background-color: unset; color: var(--theme-icon-brand) } .select-btn-MsDQo4 { display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; gap: 4px; font-weight: 400; font-size: 12px; line-height: 18px; color: var(--theme-text-primary); background: rgba(140, 201, 255, .24); border-radius: 4px; height: 20px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 0 4px; max-width: 96px } .select-btn-MsDQo4 .select-text-7rf29D { flex: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .follow-global-setting-label-s0wni4 { color: var(--theme-icon-quaternary) !important } .from-video-summary-w9Km-c .content-wrapper-mAZFUG .list-SzXAaQ { gap: 0px } .from-video-summary-w9Km-c .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt { padding-bottom: 0 } .from-video-summary-w9Km-c .content-wrapper-mAZFUG .list-SzXAaQ .list-item-oMBBYt .desc-JAAPYD { color: var(--theme-text-disable) } .from-translation-k66b8u .desc-JAAPYD { font-weight: 400 !important; color: var(--theme-text-tertiary) !important } .pat-tag-btn-group-drhwBt .list-pZnzpA { display: flex; align-items: center; flex-wrap: nowrap; gap: 6px } .pat-tag-button-F7s6NL { background: var(--theme-fill-white); padding: 4px 12px; border-radius: 8px; border: 1px solid var(--theme-btn-border-primary); font-size: 12px; font-weight: 400; line-height: 18px; white-space: nowrap; cursor: pointer; user-select: none; color: var(--theme-text-tertiary) } .pat-tag-button-F7s6NL:hover { background: var(--theme-btn-fill-secondary-hover) } .pat-tag-button-F7s6NL:active { background: var(--theme-btn-fill-secondary-active) } .pat-tag-button-F7s6NL.active-yx8-ys { background: var(--theme-tab-fill-active); color: var(--theme-icon-white-primary) } .writing-skill-card-1MVmvz .inner-lEecXk { display: flex; flex-direction: column } .writing-skill-card-1MVmvz .cont-bQ12SJ { flex: 1 1 auto; display: flex; flex-direction: column } .options-fCY12y { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; align-items: flex-start } .format-btn-np9EWn { width: calc(100% + 24px); margin: 0 -12px; padding: 0 12px; overflow: hidden } .format-options-6XKxiu { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px; overflow-y: hidden; overflow-x: auto } .selectors-P0jjnG { width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 6px; flex: 1 1 auto; overflow: hidden } .length-select-RUqZgp, .tone-select-7LuKl-, .lang-select-sUWlq9 { flex: 1 1 150px; overflow: hidden } .select-with-prefix-2lkMTE .ant-select-selector { padding: 8px !important; border-color: var(--theme-border-light) !important; background: var(--theme-bg-menu-white) !important } .select-with-prefix-2lkMTE .ant-select-selector:before { content: var(--prefix-text); color: var(--theme-text-tertiary); margin-right: 4px; white-space: nowrap; overflow: hidden; align-self: center } .select-with-prefix-2lkMTE .ant-select-arrow { color: var(--theme-icon-quaternary) } .select-with-prefix-2lkMTE.ant-select-open.ant-select-focused { box-sizing: none !important } .select-with-prefix-2lkMTE.ant-select-open.ant-select-focused .ant-select-selector:before { display: none } .skill-search-ji3Xq5 { position: absolute; top: -8px; background-color: var(--theme-bg-menu-white); border-radius: 16px; overflow: hidden; padding: 8px 4px 8px 8px; transform: translateY(-100%); box-shadow: var(--theme-box-shadow-s2); z-index: 19; min-width: 200px; display: flex; flex-direction: column; gap: 4px } .search-list-lUWkDY { flex: 1; width: 100%; min-height: 0; padding-right: 4px } .item-jIRd8H { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; padding: 6px 4px; border-radius: 6px; cursor: pointer; white-space: nowrap; overflow: hidden; font-size: 14px; line-height: 22px; margin-bottom: 4px } .item-jIRd8H:last-child { margin-bottom: 0 } .item-jIRd8H:hover { background-color: var(--theme-bg-gray-primary) } .item-jIRd8H:hover .drag-handle-12BQcA { color: var(--theme-icon-tertiary) } .item-jIRd8H.active-4tdMhi { background-color: var(--theme-fill-tsp-components-tertiary) } .item-jIRd8H:active { opacity: .8 } .item-jIRd8H .drag-handle-12BQcA { color: var(--theme-text-disable) } .item-jIRd8H .icon-PWQiWz { color: var(--theme-icon-tertiary) } .item-jIRd8H .name-U2Q6rd { color: var(--theme-text-primary); flex: 1 1 auto; user-select: none; overflow: hidden; text-overflow: ellipsis; font-weight: 500 } .sorting-item-P8dZy- { z-index: 99999; background-color: var(--theme-fill-tsp-components-primary) } .sorting-item-P8dZy-:hover { background-color: var(--theme-fill-tsp-components-primary) } .drag-handle-12BQcA { cursor: grab } .driver-Qz-Td4 { width: 100%; height: 1px; background: var(--theme-border-primary) } .tips-iDks6H { padding: 4px 8px; color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 16px } .skill-toolbar-J-irtN { position: relative; margin-bottom: 8px; display: flex; gap: 8px } .skill-toolbar-J-irtN .skill-list-K6Th5- { display: flex; gap: 8px } .skill-toolbar-J-irtN .skill-list-K6Th5-.fill-the-width---NjTr { flex: 1; min-width: 0px } .skill-toolbar-J-irtN .skill-toolbar-preview-render-NoGDo1 { visibility: hidden; position: absolute; left: 0; right: 0; display: flex; gap: 8px; overflow: hidden; z-index: -1; pointer-events: none } .skill-toolbar-J-irtN .skill-toolbar-preview-render-NoGDo1 .skill-list-K6Th5- { flex: 1; min-width: 0px } .skill-btn-oGrUdU { display: flex; align-items: center; flex-shrink: 0; height: 32px; gap: 6px; background-color: var(--theme-bg-white); border: 1px solid var(--theme-border-primary); border-radius: 16px; padding: 4px 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .skill-btn-oGrUdU.skill-btn-filled-M5pElc { flex: 1; min-width: 0px } .skill-btn-oGrUdU.skill-btn-filled-M5pElc .skill-btn-text-RtogOj { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .skill-btn-oGrUdU .skill-btn-text-RtogOj { color: var(--theme-text-primary); font-size: 13px; font-weight: 500; line-height: 22px } .skill-btn-oGrUdU:hover { background: var(--theme-fill-tsp-components-secondary) } .skill-btn-oGrUdU:active { background: var(--theme-btn-fill-secondary-active) } .skill-btn-oGrUdU path { fill-opacity: 1 !important } .task-button-AUTfxm { display: flex; align-items: center } .task-count-lCuHkL { color: var(--text-brand-primary); font-size: 12px; background-color: var(--fill-components); margin-left: 2px; border-radius: 10px; padding: 0 4px; line-height: 16px } .bot-switcher-s-VCvH { border-radius: 16px; background-color: var(--theme-fill-tsp-components-secondary); height: 32px; min-height: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; padding-left: 5px; padding-right: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; max-width: 220px; position: relative } .bot-switcher-s-VCvH:hover { background-color: var(--theme-fill-tsp-components-primary) } .bot-switcher-s-VCvH .badge-Ek13NN { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--theme-btn-fill-primary); right: 4px; top: 0 } .bot-switcher-s-VCvH .bot-info-BDTaeV { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 3px; flex: 1; min-width: 0px } .bot-switcher-s-VCvH .bot-info-BDTaeV .bot-logo-GKfEsz { width: 20px; height: 20px; border-radius: 20px; -webkit-user-drag: none; border: 1px solid var(--theme-border-primary) } .bot-switcher-s-VCvH .bot-info-BDTaeV .bot-name-2JUo4t { flex: 1; min-width: 0px; color: var(--theme-text-primary); font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .bot-switcher-s-VCvH .switch-icon-c3gyKJ { color: var(--theme-icon-tertiary) } .bot-switcher-s-VCvH.read-only-P-79wJ { padding-right: 8px; cursor: default } .bot-switcher-s-VCvH.read-only-P-79wJ:hover { background-color: var(--theme-fill-tsp-components-secondary) } @media screen and (max-width: 443px) { .bot-switcher-s-VCvH .bot-info-BDTaeV .bot-name-2JUo4t { display: none } } .chat-context-limit-oRVHUT .tips-cSbdAb { border-radius: 10px; background: rgba(255, 171, 0, .1); padding: 8px 12px; width: 100%; margin-bottom: 8px; color: var(--theme-text-primary) } .chat-context-limit-oRVHUT .options--ujUvQ { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 6px; padding: 4px; align-items: flex-start } .chat-context-limit-oRVHUT .radio-box-Vl68nt { width: 100%; max-width: fit-content; display: flex; align-items: center; justify-content: flex-start; cursor: pointer; color: var(--theme-text-secondary) } .chat-context-limit-oRVHUT .radio-box-Vl68nt.active--uyO3k { font-weight: 500 } .chat-context-limit-oRVHUT .label-box-wBfbl2 { display: inline-flex; align-items: center; white-space: nowrap; gap: 8px; flex: 1 1 auto; overflow: hidden } .chat-context-limit-oRVHUT .label-box-wBfbl2 .input-VTpltP { width: 100%; flex: 1 1 auto; max-width: 80px; padding: 0 10px } .tip-list-vqHvkV { margin-top: 4px; font-size: 13px; font-weight: 400; line-height: 22px; padding-left: 18px; list-style: disc; color: var(--theme-text-secondary) } .tip-list-vqHvkV li a { color: var(--theme-text-link) } .tip-list-vqHvkV li a:hover { opacity: .9 } .tip-list-vqHvkV li a:active { color: var(--theme-text-link-active) } .chat-context-badge-OSbYf2 { display: inline-flex; align-items: center; gap: 4px; min-height: 30px; border-radius: 8px; padding: 0 8px; background: var(--theme-btn-fill-secondary); font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-secondary); cursor: pointer; user-select: none } .chat-context-badge-OSbYf2 .arrow-U0bm9O { margin-left: 4px; transition: transform .25s ease } .chat-context-badge-OSbYf2:hover .arrow-U0bm9O { transform: rotate(180deg) } .chat-ctx-popover-cont-y1-8PI { width: 336px; border: 1px solid var(--theme-border-white); border-radius: 12px; box-shadow: var(--theme-box-shadow-s2); background-color: var(--theme-bg-white); padding: 16px 12px } .chat-ctx-popover-cont-y1-8PI .title--CqJ1a { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px; font-size: 16px; font-weight: 500; line-height: 24px; color: var(--theme-text-secondary) } .chat-ctx-popover-cont-y1-8PI .title--CqJ1a .tip-icon-Umxwsj { font-size: 0; color: var(--theme-icon-quaternary); cursor: pointer; width: 16px; height: 16px } .chat-toolbar-item-yKrfvK { position: relative; color: var(--theme-icon-primary); width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .chat-toolbar-item-yKrfvK:hover { background-color: var(--theme-fill-tsp-components-secondary) } .chat-toolbar-item-yKrfvK.disabled--5bWz- { color: var(--theme-icon-disable); cursor: not-allowed } .chat-toolbar-item-yKrfvK path { opacity: 1 !important } .chat-toolbar-item-yKrfvK.disabled--5bWz- { opacity: .5; cursor: not-allowed } .chat-toolbar-item-yKrfvK.active-n2DyQ1 { background-color: var(--theme-fill-tsp-components-secondary) } .popover-content-eg2NBv { background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); padding: 15px 20px 18px; min-width: 242px; display: flex; flex-direction: column; border-radius: 12px; gap: 18px } .popover-content-eg2NBv .share-conversation-hKaTmb { height: 40px } .popover-content-eg2NBv .switch-box-yKk540 { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; width: 100%; gap: 8px } .popover-content-eg2NBv .switch-box-yKk540 .left-XV7VlM { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500 } .popover-content-eg2NBv .label-0SAtFs { color: var(--theme-text-quaternary); font-size: 14px; font-weight: 500; line-height: 22px } .popover-content-eg2NBv .respond-language-hbHKHV { display: flex; flex-direction: column; align-items: flex-start; gap: 8px } .chat-setting-more-dZgl6C { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; color: var(--theme-text-tertiary); font-size: 14px; font-weight: 400; line-height: 16px; column-gap: 20px } .more-content-ag35A5 { padding: 16px; min-width: 300px; max-width: 400px; width: max-content; border-radius: 16px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 4px 24px #919eab24, 0 0 2px #919eab33 } .addon-after-kGCzsk { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .addon-after-kGCzsk:hover { background-color: var(--theme-fill-tsp-components-secondary) } .input-nBn4-e { padding: 12px 38px 12px 16px !important } .option-item-9LLPWy { width: 100% } .option-item-9LLPWy .option-label-qXdi76 { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px } .option-item-9LLPWy .option-label-qXdi76 .name-o286nQ { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-secondary) } .option-item-9LLPWy .option-label-qXdi76 .tip-icon-3UOFAR { font-size: 0; color: var(--theme-icon-quaternary); cursor: help } .option-item-9LLPWy .option-control-qIFH4O { margin-top: 4px } .radio-button-541GMN { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 8px } .radio-button-541GMN .button-tIsYVC { border-radius: 8px; min-width: 88px; min-height: 32px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 2px; font-size: 14px; line-height: 22px; font-weight: 400; color: var(--theme-text-primary); background-color: var(--theme-btn-border-primary); cursor: pointer; user-select: none } .radio-button-541GMN .button-tIsYVC:hover { background-color: var(--theme-btn-border-secondary) } .radio-button-541GMN .button-tIsYVC.active-LEwqdG { font-weight: 500; color: var(--theme-text-btn-tertiary); background-color: var(--theme-btn-fill-tertiary) } .chat-context-G-eJVT { margin-top: 8px } .tip-icon-XwINFG { font-size: 0; color: var(--theme-icon-quaternary); cursor: help; display: inline-flex; margin-left: 4px; position: relative; top: 1px } .chat-context-enable-warning-dialog-szdvmQ { display: flex; flex-direction: column; padding: 16px 12px } .chat-context-enable-warning-dialog-szdvmQ .title-PagLtC { color: var(--text-color-primary); font-size: 16px; font-weight: 500; line-height: 22px; margin-bottom: 16px } .chat-context-enable-warning-dialog-szdvmQ .content-oU1C-O { color: var(--text-color-primary); font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 10px } .chat-context-enable-warning-dialog-szdvmQ .desc-Tdc5BV { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 10px } .chat-context-enable-warning-dialog-szdvmQ .check-box-item-w9xXOK { margin-bottom: 10px; display: flex; align-items: center; gap: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .chat-context-enable-warning-dialog-szdvmQ .external-info-0NofuB { font-size: 14px; font-weight: 500; line-height: 20px; text-decoration-line: underline } .chat-context-enable-warning-dialog-szdvmQ .footer-G7wL95 { display: flex; align-items: center; justify-content: right; gap: 12px; margin-top: 16px } .setting-panel-rArh8Y { max-width: calc(100vw - 56px) } .setting-panel-rArh8Y .divider-ZFN85Z { margin: 16px 0; width: 100%; height: 1px; background-color: var(--theme-border-primary) } .main-settings-dgjxPe, .conv-options-sPaPGx { width: calc(100vw - 56px); max-width: 340px; padding: 6px } .main-settings-dgjxPe .setting-menu-Np8509, .conv-options-sPaPGx .setting-menu-Np8509 { margin: -8px -6px } .header-TUaylb { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .header-TUaylb .back-AEMgk- { color: var(--theme-icon-tertiary) } .header-TUaylb .title-yMbmLD { font-size: 16px; font-weight: 500; line-height: 24px; color: var(--theme-text-primary); flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-flex; align-items: center; gap: 4px } .header-TUaylb .title-yMbmLD .text-Wha-ie { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .header-TUaylb .title-yMbmLD .edit-btn-sZNnv6 { display: none } .header-TUaylb .title-yMbmLD:hover .edit-btn-sZNnv6 { display: flex } .label-gJJV3A { font-size: 14px; line-height: 18px; font-weight: 400; color: var(--theme-text-quaternary) } .item-fAB4iQ { margin-top: 8px; padding: 8px 10px; border: 1px solid var(--theme-border-primary); border-radius: 8px; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px } .item-fAB4iQ .label-gJJV3A { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .item-fAB4iQ .actions-2LUjF4 { display: inline-flex; align-items: center; gap: 4px } .item-fAB4iQ.file-item-prwdQM { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .item-fAB4iQ.file-item-prwdQM:hover { background-color: var(--theme-fill-tsp-components-secondary) } .sub-title-1rN3jL { margin-top: 4px; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-text-tertiary) } .setting-menu-Np8509 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 2px } .setting-menu-Np8509 .arrow-ZcjvU- { margin-right: -4px } .options-eXeNBI { max-height: 360px; padding-right: 8px; margin-right: -8px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .options-eXeNBI::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .options-eXeNBI::-webkit-scrollbar-track { background: transparent } .options-eXeNBI::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .options-eXeNBI::-webkit-scrollbar-thumb:hover { background: #00000062 } .options-eXeNBI::-webkit-scrollbar-corner { background: transparent } .options-eXeNBI .options-inner-Zi4zex { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 16px } .scroll-select-wrap-ea6Qci { width: 100% } .scroll-select-wrap-ea6Qci .scroll-select-imO-Xk { padding: 4px 6px 4px 10px; border-radius: 8px; width: 100% } .scroll-select-wrap-ea6Qci .scroll-select-imO-Xk>div[class^=name] { flex: 1 1 auto } .incognito-mode-vSOoNF { display: flex; gap: 8px; align-items: center } .incognito-mode-vSOoNF .incognito-mode-text-g7sOvq { flex: 1 } .file-context-limit-dialog-TtwX5U { max-width: calc(100vw - 32px); padding: 20px } .file-context-limit-dialog-TtwX5U .title-M20vPW { font-size: 18px; font-weight: 600; line-height: 28px; color: var(--theme-text-primary); padding-right: 32px } .file-context-limit-dialog-TtwX5U .content-0qKsjb { padding-top: 12px; max-height: calc(100vh - 300px); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden; padding-right: 8px; margin-right: -8px } .file-context-limit-dialog-TtwX5U .content-0qKsjb::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .file-context-limit-dialog-TtwX5U .content-0qKsjb::-webkit-scrollbar-track { background: transparent } .file-context-limit-dialog-TtwX5U .content-0qKsjb::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .file-context-limit-dialog-TtwX5U .content-0qKsjb::-webkit-scrollbar-thumb:hover { background: #00000062 } .file-context-limit-dialog-TtwX5U .content-0qKsjb::-webkit-scrollbar-corner { background: transparent } .file-context-limit-dialog-TtwX5U .file-info-d9KlH- { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px; font-weight: 400 } .file-context-limit-dialog-TtwX5U .file-info-d9KlH- .file-token-Msncf6, .file-context-limit-dialog-TtwX5U .file-info-d9KlH- .token-limit-xtSOvA { width: 100%; font-size: 14px; line-height: 22px; color: var(--theme-text-secondary) } .file-context-limit-dialog-TtwX5U .file-info-d9KlH- .token-tip-FGrwOw { width: 100%; font-size: 13px; line-height: 20px; color: var(--theme-text-quaternary) } .file-context-limit-dialog-TtwX5U .footer-KqBXR3 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; padding-top: 16px } .file-context-limit-dialog-TtwX5U .footer-KqBXR3 .btn-Hk-l2X { flex: 1 1 50%; height: 32px } .ctx-setting-TNI2dL { margin-top: 16px } .ctx-setting-TNI2dL .ctx-title-PaB8LZ { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px; font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-secondary); margin-bottom: 8px } .ctx-setting-TNI2dL .ctx-title-PaB8LZ .tip-icon-I2Ub20 { font-size: 0; color: var(--theme-icon-quaternary); cursor: pointer; width: 16px; height: 16px } .shareConversation-G7TJQj { display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding: 0 24px 24px } .shareConversation-G7TJQj .header-Ujrz2k { width: 100%; text-align: left; height: 50px; line-height: 50px; font-size: 18px; font-weight: 700; color: var(--theme-text-primary) } .shareConversation-G7TJQj .content-13jVYi { width: 100%; line-height: 24px; font-size: 16px; color: var(--theme-text-quaternary); margin: 24px 0; text-align: left } .shareConversation-G7TJQj .footer-R-CN1U { width: 100%; display: flex; justify-content: flex-end } .divider-7K-REZ { width: 1px; min-width: 1px; height: 16px; min-height: 16px; background-color: var(--theme-fill-tsp-components-primary); margin: 0 4px } .reading-enhance-pmuPdt { width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 44px; color: var(--theme-icon-primary); gap: 4px } .reading-enhance-pmuPdt:hover { background-color: var(--theme-fill-tsp-components-secondary) } .reading-enhance-pmuPdt .arrow-icon-UK-FNm { transition: transform .2s } .reading-enhance-pmuPdt .arrow-icon-UK-FNm.rotate-sMqlIS { transform: rotate(180deg) } .active-tA5lYu { background: var(--transparent-grayblue-8) !important } .chat-toolbar-i1OcCy { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .chat-toolbar-i1OcCy .chat-toolbar-left-pm9Eeq { flex: 1; min-width: 0px; gap: 2px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start } .chat-toolbar-i1OcCy .chat-toolbar-right-sfdvEe { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2px; justify-content: right } .chat-toolbar-i1OcCy .memory-tool-wrapper-3Xs7k9 { position: relative } .chat-toolbar-i1OcCy .memory-tool-wrapper-3Xs7k9 .new-message-M9pe28 { position: absolute; border-radius: 50%; right: 4px; top: 2px; width: 6px; height: 6px; background-color: var(--icon-brand) } .chat-toolbar-i1OcCy .quick-ask-entry-alJ6Qp { padding: 6px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; color: var(--theme-icon-tertiary); font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .chat-toolbar-i1OcCy .quick-ask-entry-alJ6Qp:hover { background-color: var(--theme-fill-tsp-components-secondary) } .screenshot-tips-e3y7Mc { width: 328px; padding: 14px 12px; position: relative } .screenshot-tips-e3y7Mc .title-jZSNDU { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .screenshot-tips-e3y7Mc .desc-U9c7Wd { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; margin-top: 4px } .screenshot-tips-e3y7Mc .banner-tBFOEB { margin-top: 12px; border-radius: 6px; overflow: hidden; margin-bottom: 12px; position: relative } .screenshot-tips-e3y7Mc .banner-tBFOEB .cover-M1vUWW { position: absolute; inset: 0; z-index: 1 } .screenshot-tips-e3y7Mc .banner-tBFOEB video { max-width: 100%; margin-bottom: -6px } .screenshot-tips-e3y7Mc .button-822X3D { border-radius: 8px } .screenshot-tips-e3y7Mc .close-button-zpR4Ll { position: absolute; top: 11px } .new-chat-tips-XxOuKY { padding: 10px 8px; position: relative; width: 100%; max-width: 328px } .new-chat-tips-XxOuKY .new-chat-tips-title-fIlV3y { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 24px } .new-chat-tips-XxOuKY .new-chat-tips-desc-ed6Ix0 { margin-top: 6px; color: var(--theme-text-secondary); font-size: 14px; line-height: 22px } .new-chat-tips-XxOuKY .new-chat-tips-close-h70qK2 { position: absolute; right: 0; top: 4px } .global-screenshot-guide-dialog-0SWFKG { flex-direction: column; display: flex; width: 328px; padding: 20px; border-radius: 12px; background: var(--theme-bg-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); position: relative } .global-screenshot-guide-dialog-0SWFKG .close-icon-wjg1Ql { position: absolute; top: 4px; right: 4px } .global-screenshot-guide-dialog-0SWFKG .title-up90MT { display: flex; margin-bottom: 4px; color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 26px; white-space: pre-wrap } .global-screenshot-guide-dialog-0SWFKG .desc-O1GESC { color: var(--theme-text-tertiary); font-size: 14px; line-height: 24px; white-space: pre-wrap; margin-bottom: 12px } .global-screenshot-guide-dialog-0SWFKG .video-UFbled { margin-bottom: 12px; border-radius: 12px } .global-screenshot-guide-dialog-0SWFKG .button-mROdN7 { width: 100%; height: 40px; border-radius: 10px; flex-shrink: 0 } .memo-select-menu-afHxIn { position: relative; visibility: visible; width: 100%; padding: 10px 20px; background: var(--theme-bg-white); box-shadow: 0 -4px 30px 0 var(--theme-shadow-s1), 0 0 1px 0 var(--theme-shadow-s2); z-index: 1 } .memo-select-menu-afHxIn .content-fSPU4V { max-width: 630px; margin: 0 auto } .memo-select-menu-afHxIn .header-Ks-yd- { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .memo-select-menu-afHxIn .header-Ks-yd- .select-all-Bmjfa- { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .memo-select-menu-afHxIn .header-Ks-yd- .selected-count-8fg1ln { color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .memo-select-menu-afHxIn .operations-X7ZC3h { margin-top: 10px; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; gap: 8px } .memo-select-menu-afHxIn .operations-X7ZC3h .close-icon--gsjUS { position: absolute; top: 13px; right: 18px; z-index: 2 } .memo-select-menu-afHxIn .operations-X7ZC3h .btn-list-8gZyTd { width: 100%; display: inline-flex; align-items: center; justify-content: space-between; gap: 8px } .memo-select-menu-afHxIn .operations-X7ZC3h .opr-btn-xA5CfX { flex: 1 1 20% } .memo-select-menu-afHxIn.small-mJPbjz .operations-X7ZC3h .close-icon--gsjUS { position: static } .memo-select-menu-afHxIn.small-mJPbjz .operations-X7ZC3h .btn-list-8gZyTd { flex: 1; margin-left: 7px } .notice-alert-u-yo9U { position: absolute; top: 12px; left: 50%; transform: translate(-50%); border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); padding: 12px; display: flex; gap: 12px; align-items: flex-start; min-width: 295px; max-width: calc(100% - 24px); width: max-content; z-index: 10; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .notice-alert-u-yo9U .icon-wmZRcF { width: 44px; height: 42px; flex-shrink: 0 } .notice-alert-u-yo9U .content-Vpnk0I .close-999GnT { position: absolute; right: 12px; top: 12px } .notice-alert-u-yo9U .content-Vpnk0I .title-gaJd9v { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px; padding-right: 26px; margin-bottom: 4px } .notice-alert-u-yo9U .content-Vpnk0I .content-Vpnk0I { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; padding-right: 26px; word-break: break-word } .notice-alert-u-yo9U .content-Vpnk0I .action-7ISCXj { margin-top: 4px } .notice-alert-u-yo9U .content-Vpnk0I .action-7ISCXj .button-8G7j-c { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: inline-flex; align-items: center; gap: 2px; color: var(--theme-text-brand, #6841ea); font-size: 14px; font-weight: 500; line-height: 20px } .notice-alert-u-yo9U .content-Vpnk0I .action-7ISCXj .button-8G7j-c:hover { opacity: .8 } .notice-alert-u-yo9U .content-Vpnk0I .action-7ISCXj .button-8G7j-c .arrowIcon-PVRhiX { flex-shrink: 0 } .question-edit-box-isJzzv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-bg-menu-white); z-index: 201; padding: 8px 16px 16px; display: flex; flex-direction: column; gap: 8px } .question-edit-box-isJzzv .header-ce1kse { height: 22px; display: flex; justify-content: space-between; align-items: center } .question-edit-box-isJzzv .header-ce1kse .title-NwFf-- { display: inline-flex; align-items: center; font-size: 14px; line-height: 22px; color: var(--theme-text-tertiary) } .question-edit-box-isJzzv .header-ce1kse .title-NwFf-- span { margin-left: 4px } .question-edit-box-isJzzv .header-ce1kse .toolbar-JnBBrA { display: inline-flex; gap: 8px } .question-edit-box-isJzzv .header-ce1kse .toolbar-JnBBrA .btn-8Vt6jf { display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; border: 1px solid var(--theme-btn-fill-secondary); border-radius: 4px; background: var(--theme-text-white-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .question-edit-box-isJzzv .header-ce1kse .toolbar-JnBBrA .btn-8Vt6jf:hover { background: var(--theme-btn-fill-secondary) } .question-edit-box-isJzzv .content-DGOVMp { flex: 1; background: var(--theme-text-white-primary); line-height: 20px; word-wrap: break-word; white-space: pre-wrap; border: 1.5px solid var(--theme-border-light); border-radius: 4px; box-shadow: unset !important; padding: 4px 12px; outline: 0; font-size: 14px; color: var(--theme-text-primary); background: var(--theme-fill-tsp-components-secondary); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .question-edit-box-isJzzv .content-DGOVMp::placeholder { color: var(--theme-text-disable) } .question-edit-box-isJzzv .content-DGOVMp:hover { border-color: var(--theme-border-active) } .question-edit-box-isJzzv .content-DGOVMp:focus { border-color: var(--theme-border-active) } .question-edit-box-isJzzv .content-DGOVMp[disabled] { background-color: var(--theme-btn-fill-secondary-hover); border-color: var(--theme-btn-fill-secondary); color: var(--theme-text-quaternary); cursor: not-allowed } .question-edit-box-isJzzv .content-DGOVMp::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .question-edit-box-isJzzv .content-DGOVMp::-webkit-scrollbar-track { background: transparent } .question-edit-box-isJzzv .content-DGOVMp::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .question-edit-box-isJzzv .content-DGOVMp::-webkit-scrollbar-thumb:hover { background: #00000062 } .question-edit-box-isJzzv .content-DGOVMp::-webkit-scrollbar-corner { background: transparent } .share-menu-bHV6eF { visibility: visible; width: 100%; padding: 10px 20px; background: var(--theme-bg-white); box-shadow: 0 -4px 30px 0 var(--theme-shadow-s1), 0 0 1px 0 var(--theme-shadow-s2); z-index: 1 } .share-menu-bHV6eF .content-LIAp0x { position: relative; max-width: 630px; margin: 0 auto } .share-menu-bHV6eF .header-3KyTWN { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .share-menu-bHV6eF .header-3KyTWN .select-all-u8GMdh { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .share-menu-bHV6eF .header-3KyTWN .selected-count-kkGUMs { color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; display: flex; justify-content: center; align-items: center; flex-direction: row; gap: 24px } .share-menu-bHV6eF .operations-usmZqe { margin-top: 10px; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; gap: 8px } .share-menu-bHV6eF .operations-usmZqe .btn-list-wrap-rsNyNc { width: 100%; display: flex; gap: 8px } .share-menu-bHV6eF .operations-usmZqe .btn-list-wrap-rsNyNc .space-46mJKi { flex: 1; min-width: 0 } .share-menu-bHV6eF .operations-usmZqe .btn-list-qiu5hA { display: inline-flex; align-items: center; gap: 8px; flex: 1 } .share-menu-bHV6eF .operations-usmZqe .opr-btn-tf9eIK { flex: 1 1 20%; border-radius: 8px; border-color: var(--theme-text-brand) } .share-menu-bHV6eF .operations-usmZqe .opr-btn-tf9eIK.hide-qMQP-H { position: absolute; z-index: -1; opacity: 0 } .share-menu-bHV6eF .operations-usmZqe .button-group-O09r3F { display: flex; border: 1px solid var(--theme-text-brand) } .share-menu-bHV6eF .operations-usmZqe .button-group-O09r3F.default-R83MYJ .button-item-elDk-s { height: 32px; min-height: 32px } .share-menu-bHV6eF .operations-usmZqe .button-group-O09r3F .button-item-elDk-s { border: none; border-radius: 7px; height: 42px; min-height: 42px; flex: 1 } .share-menu-bHV6eF .operations-usmZqe .button-group-O09r3F .button-item-elDk-s.has-action-gqWSSS { border-radius: 8px 0 0 8px } .share-menu-bHV6eF .operations-usmZqe .button-group-O09r3F .button-item-elDk-s+.button-item-elDk-s { border-radius: 0 8px 8px 0; margin-left: -10px; flex: unset; padding: 0 6px 0 4px } .share-menu-bHV6eF .operations-usmZqe .button-group-O09r3F .button-item-elDk-s+.button-item-elDk-s:hover { background: var(--theme-fill-tsp-brand) } .share-menu-bHV6eF.small-vZm2av .operations-usmZqe .close-icon-1afbaF { position: static } .share-menu-bHV6eF.small-vZm2av .operations-usmZqe .btn-list-qiu5hA { flex: 0 0 60% } .share-image-iByBN0 { --theme-text-primary: #262626; --theme-text-title: #232329; --theme-text-secondary: #404040; --theme-text-tertiary: #595959; --theme-text-quaternary: #8c8c8c; --theme-text-disable: #bdbdbd; --theme-text-white-primary: #ffffff; --theme-text-white-secondary: #ffffff; --theme-text-link: #1e6fff; --theme-text-link-active: #1e6fff; --theme-text-brand: #6841ea; --theme-text-btn-tertiary: #6841ea; --theme-icon-primary: #222226; --theme-icon-secondary: #3d3d43; --theme-icon-tertiary: #55555d; --theme-icon-quaternary: #868692; --theme-icon-disable: #d9d9dd; --theme-icon-white-primary: #ffffff; --theme-icon-white-secondary: #ffffff; --theme-icon-brand: #6841ea; --theme-icon-btn-tertiary: #6841ea; --theme-btn-tsp-brand: rgba(104, 65, 234, .12); --theme-btn-tsp-brand-hover: rgba(104, 65, 234, .24); --theme-btn-fill-primary: #6841ea; --theme-btn-fill-primary-hover: #9373ff; --theme-btn-fill-primary-active: #522bd6; --theme-btn-fill-secondary: #ececee; --theme-btn-fill-secondary-hover: #f5f5f5; --theme-btn-fill-secondary-active: #d9d9dd; --theme-btn-fill-tertiary: #f0ebff; --theme-btn-fill-tertiary-hover: #dfd5fe; --theme-btn-fill-tertiary-active: #b8a3fb; --theme-btn-border-primary: #4f59661f; --theme-btn-border-secondary: #4f596614; --theme-fill-gray: #fafafa; --theme-btn-tsp-white: #ffffffd9; --theme-btn-tsp-white-hover: #ffffffa6; --theme-fill-tsp-components-primary: #4f59661f; --theme-fill-tsp-components-secondary: #4f596614; --theme-fill-tsp-components-tertiary: #4f59660a; --theme-fill-btn-primary: #ececee; --theme-fill-btn-secondary: #f5f5f5; --theme-fill-white: #ffffff; --theme-fill-tsp-blue: #185ceb14; --theme-fill-tsp-brand: #6841ea14; --theme-fill-tsp-brand-primary: #6841eabf; --theme-fill-tsp-brand-secondary: #6841ea73; --theme-fill-tsp-brand-tertiary: #6841ea3d; --theme-fill-tsp-gray: #4f596652; --theme-fill-black-none: #252528; --theme-fill-white-none: #ffffff; --theme-label-tsp-brand-primary: #6841ea1f; --theme-label-tsp-brand-secondary: #6841ea14; --theme-border-light: #4f596614; --theme-border-primary: #4f59661f; --theme-border-quaternary: #4f596633; --theme-border-active: #6841ea; --theme-border-white: #ffffff0a; --theme-tab-fill: #4f596614; --theme-tab-fill-active: #222226; --theme-tooltips-fill: #000000d9; --theme-bg-white: #ffffff; --theme-bg-gray-primary: #f5f5f5; --theme-bg-gray-secondary: #fafafa; --theme-bg-mask: #00000073; --theme-bg-menu-white: #ffffff; --theme-bg-menu-gray: #f5f5f5; --theme-bg-tsp-gray-primary: #f5f5f5e6; --theme-bg-tsp-white-primary: #ffffffd9; --theme-bg-gray-nav: #ececee; --theme-bg-tsp-white-secondary: #ffffff73; --theme-bg-custom-01: #fffc; --theme-function-info: #3bbfff; --theme-function-success: #00aa5b; --theme-function-warning: #ffab00; --theme-function-error: #ea3639; --theme-function-error-hover: #e02423; --theme-function-error-border: #ffa4a3; --theme-function-warning-light: #fdfae9; --theme-function-warning-border: #ffe266; --theme-shadow-s1: rgba(0, 0, 0, .04); --theme-shadow-s2: rgba(0, 0, 0, .08); --theme-shadow-s3: rgba(0, 0, 0, .24); --theme-box-shadow-s1: 0px 1px 20px 0px var(--theme-shadow-s1); --theme-box-shadow-s2: 0px 8px 24px 0px var(--theme-shadow-s2), 0px 0px 1px 0px var(--theme-shadow-s2); --theme-box-shadow-s3: 0px 12px 40px -4px var(--theme-shadow-s3), 0px 0px 2px 0px var(--theme-shadow-s2); --theme-gradient-white-not: rgba(255, 255, 255, 0); --theme-gradient-white-main: rgba(255, 255, 255, .45); --theme-gradient-brand-light: rgba(104, 65, 234, .08); --theme-gradient-white-not-secondary: rgba(255, 255, 255, 0); --theme-gradient-white: #fff; position: absolute; top: -9999px; left: -9999px; padding: 24px 16px; width: 448px; z-index: 2147483647; border-radius: 20px; background: var(--theme-bg-white); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1) } .share-image-iByBN0 .share-header-dgmbpG { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; padding: 0 16px 12px } .share-image-iByBN0 .share-header-dgmbpG .name-wrapper-rK0Les { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 2px } .share-image-iByBN0 .share-header-dgmbpG .name-wrapper-rK0Les .username-izOCsQ { color: var(--theme-text-primary); font-size: 24px; font-weight: 600; line-height: 30px } .share-image-iByBN0 .share-header-dgmbpG .name-wrapper-rK0Les .share-tips-SItZZU { color: var(--theme-text-quaternary); font-size: 16px; font-weight: 500; line-height: 22px } .share-image-iByBN0 .chat-box-container-w-zksv { padding: 32px 0 44px; width: 400px; overflow: hidden } .share-image-iByBN0 .share-footer-DeZQy1 { width: 100%; padding: 24px 4px 0; display: flex; flex-direction: column; gap: 12px; border-top: 1px dashed var(--theme-icon-disable) } .share-image-iByBN0 .share-footer-DeZQy1 .product-info-VY1bbY { display: flex; justify-content: space-between; align-items: center; gap: 4px } .share-image-iByBN0 .share-footer-DeZQy1 .product-info-VY1bbY .product-info-left-L4R2Ue { flex: 1; display: flex; flex-direction: column; gap: 4px; justify-content: center; align-items: flex-start } .share-image-iByBN0 .share-footer-DeZQy1 .product-info-VY1bbY .product-info-left-L4R2Ue .product-name--ZiwXr { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .share-image-iByBN0 .share-footer-DeZQy1 .product-info-VY1bbY .product-info-left-L4R2Ue .product-name--ZiwXr .slogan-w06Jq1 { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .share-image-iByBN0 .share-footer-DeZQy1 .product-info-VY1bbY .product-info-left-L4R2Ue .product-desc-Rafu7R { color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400 } .share-image-iByBN0 .share-footer-DeZQy1 .product-info-VY1bbY .product-qrcode-BRdcG8 { width: 48px; height: 48px } .share-image-iByBN0 .share-footer-DeZQy1 .product-info-VY1bbY .product-qrcode-BRdcG8 img { width: 100%; height: 100% } .share-image-iByBN0 .share-footer-DeZQy1 .model-list-image-zfmFWW { width: 100%; height: auto } ._monica-dark .share-image-iByBN0 { --common-white: #fff; --common-black: #000; --text-title: #232329; --text-body: #545c66; --icon-disable: #dadee3; --text-secondary: #8a939d; --border-weak: rgba(79, 89, 102, .08); --text-primary: #212b36; --btn-border: #4f596614; --border-medium: rgba(79, 89, 102, .12); --border-brand: #6841ea; --border-light: rgba(79, 89, 102, .08); --border-light-hover: #e6e7e8; --text-brand: #6841ea; --text-white-secondary: #ffffffa6; --bg-lv1: #f5f5f5; --bg-lv2: #ffffff; --bg-lv3: #f9fafb; --bg-lv4: #fafafa; --bg-nav: #ececee; --bg-yellow: #eb9001; --bg-lv1-hover: #f1f2f3; --bg-lv2-hover: #f2f2f2; --text-tertiary: #595959; --text-disable: #c0c5cc; --fill-tsp-components: rgba(48, 57, 68, .08); --fill-tsp-components-v2: rgba(79, 89, 102, .08); --fill-components: #ececee; --btn-fill-secondary-hover: #e7eaee; --btn-fill-primary-hover: #9373ff; --btn-fill-secondary-active: #c0c5cc; --btn-fill-secondary: #dadee3; --icon-brand: #6841ea; --label-fill-brand: rgba(104, 65, 234, .08); --btn-fill-brand-primary: #6841ea; --transparent-brand-dark-8: rgba(118, 90, 208, .08); --text-white-primary: #fff; --btn-fill-brand-secondary-default: #f0ebff; --label-fill-primary: #edeff2; --icon-quaternary: #20262e; --border-active: #6841ea; --border-quaternary: rgba(79, 89, 102, .24); --icon-nav: #8a939d; --function-warning: #ffab00; --function-success: #00aa5b; --web-text-on-light-3-grey-600: #637381; --web-text-on-light-1-grey-800: #212b36; --fill-btn-dark: rgba(0, 0, 0, .05); --web-text-on-light-4-grey-500: #919eab; --icon-free: #00c514; --common-85: rgba(0, 0, 0, .85); --btn-fill-brand-primary-default: #6841ea; --btn-fill-brand-secondary: #dfd5fe; --btn-fill-brand-secondary-hover: #f0ebff; --btn-fill-brand-secondary-hover2: #d5cbf2; --btn-fill-brand-secondary-active: #b8a3fb; --tab-fill: rgba(79, 89, 102, .08); --tab-fill-brand-active: #f0ebff; --tooltips-fill: rgba(0, 0, 0, .85); --transparent-white-8: rgba(255, 255, 255, .08); --transparent-white-24: rgba(255, 255, 255, .24); --transparent-white-30: rgba(255, 255, 255, .3); --transparent-white-32: hsla(0, 0%, 100%, .32); --transparent-white-40: rgba(255, 255, 255, .4); --transparent-white-45: rgba(255, 255, 255, .45); --transparent-white-65: rgba(255, 255, 255, .65); --transparent-white-80: rgba(255, 255, 255, .8); --transparent-white-82: rgba(255, 255, 255, .82); --transparent-white-85: rgba(255, 255, 255, .85); --transparent-white-95: rgba(255, 255, 255, .95); --transparent-white-12: rgba(255, 255, 255, .12); --transparent-black-5: rgba(0, 0, 0, .05); --transparent-black-8: rgba(0, 0, 0, .08); --transparent-black-25: rgba(0, 0, 0, .25); --transparent-black-30: rgba(0, 0, 0, .3); --transparent-black-32: rgba(0, 0, 0, .32); --transparent-black-40: rgba(0, 0, 0, .4); --transparent-black-45: rgba(0, 0, 0, .45); --transparent-black-55: rgba(0, 0, 0, .55); --transparent-black-60: rgba(0, 0, 0, .6); --transparent-black-65: rgba(0, 0, 0, .65); --transparent-black-80: rgba(0, 0, 0, .8); --transparent-black-85: rgba(0, 0, 0, .85); --transparent-black-90: rgba(0, 0, 0, .9); --primaryblue-25: #fafcff; --primaryblue-50: #edf3ff; --primaryblue-30: #5d98ff; --primaryblue-300: #5d98ff; --primaryblue-400: #1e6fff; --primaryblue-500: #185ceb; --red-900: #420505; --red-800: #761212; --red-700: #c61f1e; --red-600: #e02423; --red-500: #ea3639; --red-400: #ff4747; --red-300: #ff7271; --red-200: #ffa4a3; --red-100: #ffcccb; --red-50: #ffeeee; --red-25: #fff7f7; --function-error: #ff4747; --light-red-400: #ff4747; --brand-900: #15044c; --brand-800: #220876; --brand-700: #3818a1; --brand-600: #4a26bf; --brand-500: #522bd6; --brand-400: #6841ea; --brand-300: #9373ff; --brand-200: #b8a3fb; --brand-100: #dfd5fe; --brand-50: #f0ebff; --brand-25: #fcfbfe; --light-brand-400: #6841ea; --light-acidblue-400: #3bbfff; --light-acidblue-500: #2ca1e6; --light-cyan-400: #00c5e6; --light-orange-100: #ffd7be; --light-orange-400: #ff5e2f; --light-orange-600: #e04a18; --transparent-brand-8: rgba(142, 108, 255, .08); --transparent-brand-24: rgba(106, 67, 234, .24); --transparent-brand-45: rgba(106, 67, 234, .45); --transparent-brand-65: rgba(106, 67, 234, .65); --grayblue-900: #191e24; --grayblue-800: #20262e; --grayblue-700: #3c434d; --grayblue-600: #545c66; --grayblue-500: #858e99; --grayblue-400: #c0c5cc; --grayblue-300: #dadee3; --grayblue-200: #ebeef2; --grayblue-100: #f4f6f8; --grayblue-50: #f9fafb; --grayblue-8: #eff0f1; --transparent-grayblue-4: rgba(3, 46, 103, .04); --transparent-grayblue-6: rgba(3, 46, 103, .06); --transparent-grayblue-8: rgba(79, 89, 102, .08); --transparent-grayblue-12: rgba(79, 89, 102, .12); --transparent-grayblue-16: rgba(79, 89, 102, .16); --transparent-grayblue-32: rgba(79, 89, 102, .32); --transparent-grayblue-45: rgba(79, 89, 102, .45); --transparent-grayblue-65: rgba(79, 89, 102, .65); --transparent-grayblue-24: rgba(79, 89, 102, .24); --transparent-grayblue-light-8: rgba(79, 89, 102, .08); --transparent-grayblue-dark-24: rgba(162, 177, 215, .24); --transparent-brand-light-8: rgba(104, 65, 234, .08); --transparent-brand-light-24: rgba(104, 65, 234, .24); --transparent-brand-light-45: rgba(104, 65, 234, .45); --light-grayblue-300: #dadee3; --light-grayblue-400: #c0c5cc; --light-grayblue-800: #20262e; --light-grayblue-500: #69707e; --light-grayblue-500-8: rgba(79, 89, 102, .08); --light-gray-200: #ececee; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #f4f6f8; --gray-300: #dbdbdb; --gray-400: #c2c2c2; --gray-500: #8c8c8c; --gray-600: #595959; --gray-800: #242424; --gray-900: #1a1a1a; --indigoblue-400: #546dfe; --green-50: #e9fbf5; --green-400: #00aa5b; --green-500: #3ca373; --purple-50: #fcf2fd; --purple-400: #a55bf6; --purple-200: #deb3fb; --purple-100: #f0d5fe; --purple-500: #c37ff1; --yellow-300: #ffcd00; --yellow-400: #ffab00; --yellow-600: #e07800; --yellow-50: #fdfae9; --yellow-800: #ff6b00; --light-yellow-50: #fdfae9; --border-yellow: #ffe5a3; --icon-secondary: #8a939d; --icon-primary: #545c66; --text-link: #1e6fff; --border-primary: #4f59661f; --text-white: #ffffff; --box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --theme-shadow-s1: rgba(0, 0, 0, .04); --theme-shadow-s2: rgba(0, 0, 0, .08); --theme-shadow-s3: rgba(0, 0, 0, .24); --theme-box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --theme-box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --theme-box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --box-shadow-s4: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --shadow-s2: rgba(0, 0, 0, .08); --light-card: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --light-indigoblue-50: #f1f3ff; --bg-linear-brand: linear-gradient(90deg, #f1e8ff 0%, #e6d9ff 100%); --bg-linear-brand-hover: linear-gradient(90deg, #dfd5f2 0%, #dfd5f2 100%); --bg-mask: rgba(0, 0, 0, .45); --box-shadow-color1: rgba(0, 0, 0, .04); --markdown-text-light: #24292f; --bill-dialog-bg: linear-gradient(180deg, #f3efff 0%, #fff 50%); --text-quaternary: #8c8c8c; --bg-gray-primary: #f5f5f5; --darkreader-text--text-title: var(--text-title); --darkreader-text--text-body: var(--text-body); --darkreader-text--markdown-text-light: var(--markdown-text-light); --darkreader-bg--btn-fill-brand-secondary: var(--btn-fill-brand-secondary); color: var(--theme-text-primary) } .share-image-dialog-p6P0OU { visibility: visible; position: fixed; inset: 0; z-index: 2147483647; display: flex; flex-direction: row; justify-content: center; align-items: center } .share-image-dialog-p6P0OU .generated-image-v2e0CS .mask-rkGSHh { position: absolute; inset: 0; z-index: 1; background-color: var(--theme-bg-mask) } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj { position: relative; z-index: 2; width: 460px; max-height: 90vh; max-width: 95vw; padding: 20px 0; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; justify-content: flex-start; border-radius: 20px; background: var(--theme-bg-white) } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .header-73xlmL { padding: 0 20px; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .header-73xlmL .title-F3FuLI { color: var(--theme-icon-primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS { margin: 24px 20px 0; position: relative; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; border-radius: 12px; border: 1px solid var(--theme-border-primary); overflow: hidden } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS::-webkit-scrollbar-track { background: transparent } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS::-webkit-scrollbar-thumb:hover { background: #00000062 } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS::-webkit-scrollbar-corner { background: transparent } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS .content-B9ckfR { width: 100%; flex: 1; overflow-y: scroll; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS .content-B9ckfR::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS .content-B9ckfR::-webkit-scrollbar-track { background: transparent } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS .content-B9ckfR::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS .content-B9ckfR::-webkit-scrollbar-thumb:hover { background: #00000062 } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS .content-B9ckfR::-webkit-scrollbar-corner { background: transparent } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .scroll-wrapper-Rw1ynS .content-B9ckfR .img-zbrYJ9 { width: 100% } .share-image-dialog-p6P0OU .generated-image-v2e0CS .modal-xWYzwj .footer-fy8Eiu { margin-top: 36px; padding: 0 20px; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-end; gap: 8px } .share-image-dialog-p6P0OU .generating-ahX0S1 { min-width: 140px; padding: 28px 24px 20px; border-radius: 24px; background-color: var(--theme-bg-mask); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px } .share-image-dialog-p6P0OU .generating-ahX0S1 .generating-text-obfJJu { color: var(--theme-icon-white-primary); text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal } .reply-source-dialog-b1mTkx { position: relative; box-sizing: border-box; padding: 0 24px 24px } .reply-source-dialog-b1mTkx .header-fimM0J { width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight: 700; color: var(--theme-text-primary); user-select: none } .reply-source-dialog-b1mTkx .content-vp8E7o { width: 100%; max-height: 380px; white-space: pre-wrap; box-sizing: border-box; padding: 8px 12px; font-size: 14px; color: var(--theme-text-primary); line-height: 20px; border: 1.5px solid var(--theme-btn-fill-secondary); border-radius: 4px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .reply-source-dialog-b1mTkx .content-vp8E7o::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .reply-source-dialog-b1mTkx .content-vp8E7o::-webkit-scrollbar-track { background: transparent } .reply-source-dialog-b1mTkx .content-vp8E7o::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .reply-source-dialog-b1mTkx .content-vp8E7o::-webkit-scrollbar-thumb:hover { background: #00000062 } .reply-source-dialog-b1mTkx .content-vp8E7o::-webkit-scrollbar-corner { background: transparent } .chat-skeleton-b-TNbx { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; background-color: var(--theme-bg-white); border-radius: 20px 0 0 20px; --skeleton-bg-color: linear-gradient(90deg, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%) } @keyframes skeleton-loading-Na-YQC { 0% { background-position: 100% 50% } to { background-position: 0 50% } } .chat-skeleton-b-TNbx .inner-3EX7FW { width: 100%; height: 100%; max-width: var(--monica-chat-max-width, 800px); padding: 80px 12px 10px; display: flex; flex-direction: column; justify-content: space-between } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-message-Bn9KZg { position: relative; margin-bottom: 20px; display: flex; flex-direction: column; gap: 24px } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-message-Bn9KZg .question-zJvYuc { width: 100%; display: flex; flex-direction: column; align-items: flex-end; gap: 8px } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-message-Bn9KZg .question-zJvYuc .text-Dx8mPf { width: 265px; height: 46px; border-radius: 12px 12px 4px } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-message-Bn9KZg .reply-l-lUYZ { display: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 8px } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-message-Bn9KZg .reply-l-lUYZ .line-p1RS0J { width: 100%; display: flex; align-items: center; gap: 8px } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-message-Bn9KZg .reply-l-lUYZ .line-p1RS0J .avatar-Di-rv2 { width: 20px; height: 20px; border-radius: 20px; background: var(--skeleton-bg-color); background-size: 400% 100%; animation-name: skeleton-loading-Na-YQC; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-message-Bn9KZg .reply-l-lUYZ .line-p1RS0J .name-UDtvRM { width: 60px; height: 20px; border-radius: 8px; background: var(--skeleton-bg-color); background-size: 400% 100%; animation-name: skeleton-loading-Na-YQC; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-message-Bn9KZg .reply-l-lUYZ .line-p1RS0J .text-Dx8mPf { height: 28px } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-message-Bn9KZg .text-Dx8mPf { min-width: 32px; border-radius: 12px; background: var(--skeleton-bg-color); background-size: 400% 100%; animation-name: skeleton-loading-Na-YQC; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px; margin-top: 84px } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .toolbar-Mgsz6- { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .toolbar-Mgsz6- .toolbar-left-Updxq-, .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .toolbar-Mgsz6- .toolbar-right-NHJEBp { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .toolbar-Mgsz6- .toolbar-left-Updxq- .bot-switch-iBZxgc, .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .toolbar-Mgsz6- .toolbar-right-NHJEBp .bot-switch-iBZxgc { width: 100px; height: 32px; border-radius: 16px; background: var(--skeleton-bg-color); background-size: 400% 100%; animation-name: skeleton-loading-Na-YQC; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .toolbar-Mgsz6- .toolbar-left-Updxq- .tool-item-dqPcqq, .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .toolbar-Mgsz6- .toolbar-right-NHJEBp .tool-item-dqPcqq { width: 32px; height: 32px; border-radius: 8px; background: var(--skeleton-bg-color); background-size: 400% 100%; animation-name: skeleton-loading-Na-YQC; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .box-MpCPto { width: 100%; height: 140px; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 16px; border-radius: 16px; background: var(--theme-fill-tsp-components-secondary) } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .box-MpCPto .placeholder-z-cuQk { width: 40%; height: 20px; border-radius: 6px; background: var(--skeleton-bg-color); background-size: 400% 100%; animation-name: skeleton-loading-Na-YQC; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .box-MpCPto .tools-VlHGvL { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .box-MpCPto .tools-VlHGvL .left-z8uNeB { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 16px } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .box-MpCPto .tools-VlHGvL .left-z8uNeB .tool-item-dqPcqq { width: 32px; height: 20px; border-radius: 6px; background: var(--skeleton-bg-color); background-size: 400% 100%; animation-name: skeleton-loading-Na-YQC; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .box-MpCPto .tools-VlHGvL .right-Rv7EKE { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 16px } .chat-skeleton-b-TNbx .inner-3EX7FW .chat-input-bfaLcg .box-MpCPto .tools-VlHGvL .right-Rv7EKE .tool-item-dqPcqq { width: 32px; height: 20px; border-radius: 6px; background: var(--skeleton-bg-color); background-size: 400% 100%; animation-name: skeleton-loading-Na-YQC; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } ._monica-dark .chat-skeleton-b-TNbx { --skeleton-bg-color: linear-gradient(90deg, rgba(255, 255, 255, .06) 25%, rgba(255, 255, 255, .15) 37%, rgba(255, 255, 255, .06) 63%) } .ellipsis-button-uG-sX6 { overflow: hidden; justify-content: flex-start } .ellipsis-button-uG-sX6 span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .artifact-publish-dialog-1GbLHZ .tips-j8JsyF { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px } .artifact-publish-dialog-1GbLHZ .file-AEnj1- { margin-top: 12px; padding: 8px 10px; border-radius: 12px; border: 1px solid var(--theme-border-light); display: flex; align-items: center; gap: 8px } .artifact-publish-dialog-1GbLHZ .file-AEnj1- .icon-lgJq3f { border-radius: 6px; background: #ebe8f2; width: 36px; height: 36px; display: flex; flex-direction: row; justify-content: center; align-items: center } .artifact-publish-dialog-1GbLHZ .file-AEnj1- .info-gZJrO1 { flex: 1; min-width: 0 } .artifact-publish-dialog-1GbLHZ .file-AEnj1- .info-gZJrO1 .status--vQNLl { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .artifact-publish-dialog-1GbLHZ .file-AEnj1- .info-gZJrO1 .privilege-r2NAPY { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .artifact-publish-dialog-1GbLHZ .primary-button-fQrWNg { margin-top: 20px } .artifact-published-dialog-WZYSA2 .box-GfhbCp { border-radius: 12px; border: 1px solid var(--theme-btn-border-primary); padding: 12px } .artifact-published-dialog-WZYSA2 .box-GfhbCp .top-g-O1wr .status-xRvle1 { display: flex; align-items: center; gap: 8px; overflow: hidden; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .artifact-published-dialog-WZYSA2 .box-GfhbCp .top-g-O1wr .text-oRBSIK { margin-top: 8px; color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .artifact-published-dialog-WZYSA2 .box-GfhbCp .divider-ga4lRG { width: 100%; height: 1px; background-color: var(--theme-btn-border-primary); margin: 12px 0 } .artifact-published-dialog-WZYSA2 .box-GfhbCp .bottom-cFsRfb { display: flex; align-items: center } .artifact-published-dialog-WZYSA2 .box-GfhbCp .bottom-cFsRfb .link--J1fux { margin-left: 6px; margin-right: 8px; color: var(--theme-text-primary, #262626); font-size: 14px; line-height: 22px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .artifact-published-dialog-WZYSA2 .button-group-3uVPUn { display: flex; align-items: center; gap: 12px; margin-top: 20px } .artifact-published-dialog-WZYSA2 .button-group-3uVPUn .unpublished-rhrawW { color: var(--theme-text-quaternary); font-size: 14px; line-height: 22px; margin-right: auto } .artifact-published-dialog-WZYSA2 .button-group-3uVPUn .unpublished-rhrawW.loading-v0lQKd { display: flex; align-items: center; gap: 2px } .artifact-published-dialog-WZYSA2 .button-group-3uVPUn .unpublished-rhrawW:not(.loading-v0lQKd) { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .artifact-published-dialog-WZYSA2 .button-group-3uVPUn .unpublished-rhrawW:not(.loading-v0lQKd):hover { text-decoration-line: underline } .artifact-published-dialog-WZYSA2 .button-group-3uVPUn .button-ufHM2Q { height: 40px } .artifact-remix-0uFz-x { visibility: visible } .artifact-code-editor-Euh9z9 { --artifact-code-editor-bg-color: #fdf6e4; --artifact-code-editor-line-numbers-bg-color: #efe8d6; --artifact-code-editor-line-numbers-color: rgba(0, 0, 0, .4); font-size: 100%; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; flex: 1; min-height: 0; background: var(--artifact-code-editor-bg-color); display: flex; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .artifact-code-editor-Euh9z9::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .artifact-code-editor-Euh9z9::-webkit-scrollbar-track { background: transparent } .artifact-code-editor-Euh9z9::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .artifact-code-editor-Euh9z9::-webkit-scrollbar-thumb:hover { background: #00000062 } .artifact-code-editor-Euh9z9::-webkit-scrollbar-corner { background: transparent } .artifact-code-editor-Euh9z9 .line-numbers-7xhgSl { display: inline-flex; flex-direction: column; padding: 0 4px 0 12px; align-items: flex-end; color: var(--artifact-code-editor-line-numbers-color); background: var(--artifact-code-editor-line-numbers-bg-color); position: sticky; left: 0; z-index: 3 } .artifact-code-editor-Euh9z9 .textarea-wrap-Hit-kY { flex: 1; min-width: 0; width: 100%; min-height: 100%; position: relative } .artifact-code-editor-Euh9z9 .textarea-wrap-Hit-kY .shadow-box-4oKU5d { position: absolute; z-index: 1; width: 100% } .artifact-code-editor-Euh9z9 .textarea-wrap-Hit-kY .shadow-box-4oKU5d .line-DGOhmA { width: 100%; padding-left: 12px; color: transparent } .artifact-code-editor-Euh9z9 .textarea-wrap-Hit-kY .shadow-box-4oKU5d .highlight-zyHWqy { background: var(--artifact-code-editor-line-numbers-bg-color) } .artifact-code-editor-Euh9z9 textarea { width: 100%; outline: none; resize: none; border: none; background: transparent; color: var(--theme-text-primary); font-size: 14px; line-height: 18px; padding-left: 12px; position: relative; z-index: 2; white-space: pre } ._monica-dark .artifact-code-editor-Euh9z9 { --artifact-code-editor-bg-color: #1e1e1e; --artifact-code-editor-line-numbers-bg-color: #3d3d3d; --artifact-code-editor-line-numbers-color: rgba(255, 255, 255, .4) } .artifact-preview-OPicxx { border-radius: 16px; background: var(--theme-bg-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); display: flex; flex-direction: column; height: 100% } .header-G7C3L7 { display: flex; align-items: center; padding: 0 12px; gap: 8px; border-bottom: 1px solid var(--theme-btn-border-primary); position: relative; z-index: 2; height: 48px; -webkit-app-region: no-drag } .header-G7C3L7 .back-aOclPE { display: flex } .header-G7C3L7 h3 { flex: 1; min-width: 0 } .header-G7C3L7 h3 span { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 24px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .header-G7C3L7 h3.unsaved-HB74LS { display: flex } .header-G7C3L7 h3.unsaved-HB74LS span { position: relative; padding-right: 10px } .header-G7C3L7 h3.unsaved-HB74LS span:after { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--theme-icon-brand); position: absolute; right: 0; top: 4px } .header-G7C3L7 .actions-8pa8XV { display: flex; align-items: center; gap: 12px; margin-left: auto } .header-G7C3L7 .actions-8pa8XV .refresh-box-HRqOcu { display: flex; align-items: center; justify-content: center; padding: 4px } .footer-ZW--Ib { display: flex; border-top: 1px solid var(--theme-btn-border-primary); padding: 12px 16px; gap: 12px; z-index: 2 } .footer-ZW--Ib.mini-mode-u5oDD4, .footer-ZW--Ib.mini-mode-u5oDD4 .toolbar-bhuBpk { gap: 2px } .footer-ZW--Ib.preview-9uKUnO .toolbar-bhuBpk { min-width: auto } .footer-ZW--Ib .pagination-cFlDaI { display: flex; align-items: center } .footer-ZW--Ib .pagination-cFlDaI .updated-at-72U-2Q { color: var(--theme-text-quaternary); font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .footer-ZW--Ib .pagination-cFlDaI .pagination-button-6yYRgF { display: flex } .footer-ZW--Ib .pagination-cFlDaI .pagination-button-6yYRgF .current-AownTr { color: var(--theme-text-primary); font-size: 14px; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 2px 0; border-radius: 6px; transition: background .2s } .footer-ZW--Ib .pagination-cFlDaI .pagination-button-6yYRgF .current-AownTr.disabled-NP1HHe { opacity: .6; cursor: not-allowed } .footer-ZW--Ib .pagination-cFlDaI .pagination-button-6yYRgF .current-AownTr:not(.disabled-NP1HHe):hover { background: var(--theme-fill-tsp-components-primary) } .footer-ZW--Ib .toolbar-bhuBpk { display: flex; align-items: center; gap: 12px; justify-content: flex-end; min-width: 0 } .footer-ZW--Ib .toolbar-bhuBpk .ellipsis-button-S-Ijvl { overflow: hidden; justify-content: flex-start; min-width: 40px } .footer-ZW--Ib .toolbar-bhuBpk .ellipsis-button-S-Ijvl span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .footer-ZW--Ib .edit-mode-ARBBN6 { width: 100%; display: flex } .footer-ZW--Ib .edit-mode-ARBBN6 .left-bOt-M1 { display: flex; align-items: center } .footer-ZW--Ib .edit-mode-ARBBN6 .left-bOt-M1 span { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-quaternary); font-size: 14px; line-height: 22px } .footer-ZW--Ib .edit-mode-ARBBN6 .right-vh60-U { display: flex; align-items: center; gap: 12px } .footer-ZW--Ib .edit-mode-ARBBN6 .right-vh60-U .button-bVEUMn { height: 28px; border-radius: 8px; font-size: 12px; line-height: 18px } .artifact-code-render-preview-MtOZUq { position: relative; flex: 1; min-height: 0; z-index: 1 } .artifact-code-render-preview-MtOZUq .layer-DEFevx { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 } .artifact-code-render-preview-MtOZUq .refreshing-mask-oUwsjQ { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-bg-gray-secondary); display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 1 } .artifact-code-render-preview-MtOZUq .refreshing-mask-oUwsjQ p { margin-top: 8px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .code-preview-d1jV2- { flex: 1; min-height: 0; padding: 0 16px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; background-color: var(--theme-bg-gray-secondary) } .code-preview-d1jV2-::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .code-preview-d1jV2-::-webkit-scrollbar-track { background: transparent } .code-preview-d1jV2-::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .code-preview-d1jV2-::-webkit-scrollbar-thumb:hover { background: #00000062 } .code-preview-d1jV2-::-webkit-scrollbar-corner { background: transparent } .code-preview-d1jV2- .markdown-raw-OVTLE5 { white-space: pre-wrap; max-width: 100%; color: var(--theme-text-primary); font-size: 16px; line-height: 28px } .code-preview-d1jV2- .code-enhance--HZ6Bv .code-enhance-header-CEBO-P { display: none } ._monica-dark .upgrade-6DXgns .button-bVEUMn { background: linear-gradient(104deg, #1a2a3a 13.38%, #2a1a3a 89.83%) } ._monica-dark .upgrade-6DXgns .better-answer-tips-pdcFoZ { background: linear-gradient(180deg, rgba(104, 65, 234, .12) 0%, rgba(0, 0, 0, 0) 30%), #121212; box-shadow: none } .upgrade-6DXgns { position: relative; z-index: 1; min-width: 40px } .upgrade-6DXgns .button-bVEUMn { padding: 4px 8px; border-radius: 20px; background: linear-gradient(104deg, #eaf4ff 13.38%, #e7d8ff 89.83%); display: flex; align-items: center; color: var(--theme-text-primary); font-size: 13px; line-height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; max-width: 320px } .upgrade-6DXgns .button-bVEUMn:hover { color: var(--theme-text-brand) } .upgrade-6DXgns .button-bVEUMn .model-icon-IhvDCU { border-radius: 50%; border: 1px solid var(--theme-border-quaternary); width: 16px; height: 16px } .upgrade-6DXgns .button-bVEUMn .model-icon-IhvDCU:not(:first-of-type) { margin-left: -8px } .upgrade-6DXgns .button-bVEUMn .model-icon-IhvDCU:last-of-type { margin-right: 4px } .upgrade-6DXgns .button-bVEUMn .button-text-GRH24x { flex: 1; min-height: 0 } .upgrade-6DXgns .better-answer-tips-pdcFoZ { position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translate(-50%); width: 360px; padding: 20px; border-radius: 12px; background: linear-gradient(180deg, rgba(104, 65, 234, .12) 0%, rgba(255, 255, 255, 0) 30%), #fff; box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .upgrade-6DXgns .better-answer-tips-pdcFoZ .triangle-Qjs5YJ { position: absolute; left: 50%; bottom: -6px; transform: translate(-50%) } .upgrade-6DXgns .better-answer-tips-pdcFoZ .tips-header-7DyDIg { display: flex; align-items: flex-start } .upgrade-6DXgns .better-answer-tips-pdcFoZ .tips-header-7DyDIg h3 { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px; flex: 1; min-width: 0 } .upgrade-6DXgns .better-answer-tips-pdcFoZ p { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; margin-top: 4px } .upgrade-6DXgns .better-answer-tips-pdcFoZ p mark { background: transparent; color: var(--theme-text-primary); margin: 0 4px } .upgrade-6DXgns .better-answer-tips-pdcFoZ .compare-box-UWaV9g { margin-top: 16px; display: flex; position: relative } .upgrade-6DXgns .better-answer-tips-pdcFoZ .compare-box-UWaV9g .vs-kbvnO5 { position: absolute; top: 50%; left: 50%; transform: translate(-50%) translateY(-50%); color: var(--theme-text-white-primary); font-size: 19px; font-weight: 600; line-height: 26px; background: linear-gradient(104deg, #4faaff 13.38%, #6841ea 89.83%); width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; z-index: 1 } .upgrade-6DXgns .better-answer-tips-pdcFoZ .compare-box-UWaV9g .vs-kbvnO5:after { content: ""; width: 36px; height: 36px; border: 2px solid rgba(255, 255, 255, .4); border-radius: 50%; position: absolute; left: -2px; top: -2px; z-index: -1 } .upgrade-6DXgns .better-answer-tips-pdcFoZ .compare-box-UWaV9g .compare-item-ebJiy- { height: 180px; flex: 1; border-radius: 10px 0 0 10px; overflow: hidden; position: relative } .upgrade-6DXgns .better-answer-tips-pdcFoZ .compare-box-UWaV9g .compare-item-ebJiy-:last-of-type { border-radius: 0 10px 10px 0 } .upgrade-6DXgns .better-answer-tips-pdcFoZ .compare-box-UWaV9g .compare-item-ebJiy- .standard-nM0kNB, .upgrade-6DXgns .better-answer-tips-pdcFoZ .compare-box-UWaV9g .compare-item-ebJiy- .advanced-KTcqqb { position: absolute; color: var(--theme-text-white-primary); font-size: 13px; line-height: 20px; padding: 2px 6px } .upgrade-6DXgns .better-answer-tips-pdcFoZ .compare-box-UWaV9g .compare-item-ebJiy- .standard-nM0kNB { left: 0; bottom: 0; border-radius: 0 8px 0 0; background: var(--theme-text-secondary) } .upgrade-6DXgns .better-answer-tips-pdcFoZ .compare-box-UWaV9g .compare-item-ebJiy- .advanced-KTcqqb { right: 0; bottom: 0; border-radius: 8px 0 0; background: linear-gradient(98deg, #3bbfff 0%, #6841ea 100%) } .upgrade-6DXgns .better-answer-tips-pdcFoZ .primary-button-s-QDTh { margin-top: 16px; border-radius: 6px } .star-refresh-box-HYsbGG { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px } .favorited-tips-V4q-8T { border-radius: 12px; background: var(--theme-bg-white); width: 328px; padding: 20px; box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); color: var(--theme-text-primary) } .favorited-tips-V4q-8T:after { content: ""; position: absolute; bottom: -23px; left: 50%; transform: translate(-50%); border-width: 12px; border-style: solid; border-color: var(--theme-bg-white) transparent transparent transparent } .favorited-tips-V4q-8T .tips-header-7DyDIg { display: flex; align-items: flex-start } .favorited-tips-V4q-8T .tips-header-7DyDIg h3 { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px; flex: 1; min-width: 0 } .star-8qg8VD { position: relative; z-index: 1 } .star-8qg8VD p { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; margin-top: 4px; margin-bottom: 12px } .star-8qg8VD .img-cNIwfs { border-radius: 20px; overflow: hidden } .star-8qg8VD .button-bVEUMn { margin-top: 12px; border-radius: 10px } .setting--0RVAa { position: relative; display: flex } .setting--0RVAa .setting-tips-0MvYeV { position: absolute; top: calc(100% + 18px); right: -44px; border-radius: 12px; background: var(--theme-bg-white); padding: 20px; z-index: 1; width: 328px; max-width: calc(100vw - 100px); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .setting--0RVAa .setting-tips-0MvYeV:after { content: ""; position: absolute; top: -23px; right: 44px; border-width: 12px; border-style: solid; border-color: transparent transparent var(--theme-bg-white) transparent } .setting--0RVAa .setting-tips-0MvYeV p { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px } .setting--0RVAa .setting-tips-0MvYeV .tips-button-box-i4Jpmh { margin-top: 12px; display: flex; justify-content: flex-end } .setting-dropdown-menu-7Osta6 { width: max-content; max-width: 300px; padding: 8px 12px } .setting-dropdown-menu-7Osta6 .dropdown-menu-item-xCn6qw { display: flex; align-items: center; gap: 12px; padding: 6px 12px } .setting-dropdown-menu-7Osta6 .dropdown-menu-item-xCn6qw.click-9JbHQ1 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 8px; transition: background .2s } .setting-dropdown-menu-7Osta6 .dropdown-menu-item-xCn6qw.click-9JbHQ1:hover { background: var(--theme-fill-tsp-components-primary) } .setting-dropdown-menu-7Osta6 .dropdown-menu-item-xCn6qw span { color: var(--theme-text-primary); font-size: 14px; line-height: 22px } .privacy-tips-rweaCy { color: var(--theme-text-quaternary); display: flex; align-items: center } .privacy-tips-rweaCy .tips-3Ap3YQ { font-size: 12px; line-height: 18px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .privacy-dialog-wrapper-jM5LUS { position: absolute; width: 100%; height: 100%; inset: 0; display: flex; align-items: center; justify-content: center; background: var(--theme-bg-mask); z-index: 2 } .privacy-dialog-wrapper-jM5LUS .privacy-dialog-u8-JQl { width: 400px; max-width: 90%; border-radius: 16px; background: var(--theme-bg-white); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1); padding: 20px } .privacy-dialog-wrapper-jM5LUS .privacy-dialog-u8-JQl .privacy-dialog-title-5vTzO2 { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px } .privacy-dialog-wrapper-jM5LUS .privacy-dialog-u8-JQl .privacy-dialog-content-B2HVSB { margin-top: 4px; color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px } .privacy-dialog-wrapper-jM5LUS .privacy-dialog-u8-JQl .privacy-dialog-content-B2HVSB li { position: relative; padding-left: 18px } .privacy-dialog-wrapper-jM5LUS .privacy-dialog-u8-JQl .privacy-dialog-content-B2HVSB li:after { content: ""; position: absolute; width: 3px; height: 3px; border-radius: 50%; background: var(--theme-text-tertiary); left: 7px; top: 10px } .privacy-dialog-wrapper-jM5LUS .privacy-dialog-u8-JQl .privacy-dialog-footer-a1n0D7 { display: flex; justify-content: flex-end; margin-top: 12px } .publish-button-WKTzSH { position: relative; z-index: 1; min-width: 32px } .version-popover-pzRsZ2 { border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); padding: 8px; min-width: 140px; max-width: 240px; max-height: 240px; width: max-content; display: flex; flex-direction: column; gap: 4px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .version-popover-pzRsZ2::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .version-popover-pzRsZ2::-webkit-scrollbar-track { background: transparent } .version-popover-pzRsZ2::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .version-popover-pzRsZ2::-webkit-scrollbar-thumb:hover { background: #00000062 } .version-popover-pzRsZ2::-webkit-scrollbar-corner { background: transparent } .version-popover-pzRsZ2 li { width: 100%; padding: 6px 12px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 8px; border-radius: 6px } .version-popover-pzRsZ2 li:hover { background: var(--theme-fill-tsp-components-primary) } .version-popover-pzRsZ2 li .date-dNXWmF { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .version-popover-pzRsZ2 li strong { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } @media screen and (max-width: 400px) { .upgrade-6DXgns .better-answer-tips-pdcFoZ { width: 310px; transform: translate(calc(-50% + 48px)) } } ._monica-dark .standard-nM0kNB { color: #262626 !important; background: #fff !important } .artifact-renderer-iuiKm5 { border: none; width: 100%; height: 100% } .artifact-preview-panel-PTbA1X { padding: 16px; width: 50%; position: relative; display: flex; max-width: 80% } .artifact-preview-panel-PTbA1X.slide-in-w9QLN9 { animation: slideIn-iEiTr8 .25s ease-in-out } .artifact-preview-panel-PTbA1X .content-rLneNr { box-shadow: 0 11px 23px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); flex: 1; min-width: 0 } .artifact-preview-panel-PTbA1X .dragging-mask--Mbnqw { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 3 } .artifact-preview-panel-PTbA1X .dragging-mask--Mbnqw+.drag-slvVXj { position: relative; z-index: 1 } .artifact-preview-panel-PTbA1X .drag-slvVXj { width: 100%; padding: 0 6px } @keyframes slideIn-iEiTr8 { 0% { transform: translate(100%); opacity: 0 } to { transform: translate(0); opacity: 1 } } .window-root-ERNrXd { position: fixed; left: 0; top: 0; z-index: 5000; width: 0; height: 0 } .file-resource-window-5GuBVL { position: relative; border-radius: 16px; box-shadow: 0 11px 23px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); background: var(--theme-bg-menu-white); border: 1px solid var(--theme-border-white); display: flex; flex-direction: column; align-items: center; align-self: stretch; overflow: hidden } .file-resource-window-5GuBVL .header-MjL2rM { display: flex; align-items: center; justify-content: space-between; height: 48px; padding: 12px 12px 12px 16px; gap: 12px; align-self: stretch; border-bottom: 1px solid var(--theme-border-primary) } .file-resource-window-5GuBVL .header-MjL2rM .title-SsGtOO { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .file-resource-window-5GuBVL .header-MjL2rM .tools-UfjHcn { display: flex; justify-content: flex-end; align-items: center; gap: 8px } .file-resource-window-5GuBVL .content-rDh4U4 { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; padding: 8px; flex-direction: column; align-items: center; gap: 4px; flex: 1 0 0; align-self: stretch; height: 100% } .file-resource-window-5GuBVL .content-rDh4U4::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .file-resource-window-5GuBVL .content-rDh4U4::-webkit-scrollbar-track { background: transparent } .file-resource-window-5GuBVL .content-rDh4U4::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .file-resource-window-5GuBVL .content-rDh4U4::-webkit-scrollbar-thumb:hover { background: #00000062 } .file-resource-window-5GuBVL .content-rDh4U4::-webkit-scrollbar-corner { background: transparent } .file-resource-window-5GuBVL .content-rDh4U4 .image-U4YLKb img { height: 100%; object-fit: cover } .file-resource-window-5GuBVL .content-rDh4U4 .empty-hu6BQC { margin-top: -48px; height: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; align-self: stretch; justify-content: center; text-align: center } .file-resource-window-5GuBVL .content-rDh4U4 .empty-hu6BQC .image-U4YLKb { width: 80px; height: 80px } .file-resource-window-5GuBVL .content-rDh4U4 .empty-hu6BQC .title-SsGtOO { margin-top: 4px; color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .file-resource-window-5GuBVL .content-rDh4U4 .empty-hu6BQC .desc-dU08yU { padding: 0 40px; font-size: 13px; line-height: 18px; color: var(--theme-text-quaternary) } .file-resource-window-5GuBVL .resource-item-tWuLjO { position: relative; width: 100%; padding: 8px; border-radius: 12px; display: flex; align-items: center; gap: 12px; transition: backgroundColor .2s; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .file-resource-window-5GuBVL .resource-item-tWuLjO:hover { background: var(--theme-fill-tsp-components-secondary) } .file-resource-window-5GuBVL .resource-item-tWuLjO .resource-icon-ANEkyr { flex-shrink: 0; width: 40px; height: 40px; border: 1px solid var(--theme-border-primary, rgba(79, 89, 102, .12)); border-radius: 8px; overflow: hidden } .file-resource-window-5GuBVL .resource-item-tWuLjO .resource-info-UGJSOt { flex: 1; display: flex; flex-direction: column; gap: 2px } .file-resource-window-5GuBVL .resource-item-tWuLjO .resource-info-UGJSOt .resource-name-GWrWrN { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--theme-text-primary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .file-resource-window-5GuBVL .resource-item-tWuLjO .resource-info-UGJSOt .resource-desc-hBbQaa { font-size: 12px; line-height: 18px; color: var(--theme-text-quaternary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .search-resource-window-t0m6Pw { position: relative; border-radius: 16px; box-shadow: 0 11px 23px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); background: var(--theme-bg-menu-white); border: 1px solid var(--theme-border-white); display: flex; flex-direction: column; align-items: center; align-self: stretch; overflow: hidden } .search-resource-window-t0m6Pw .header-Ok9DRB { display: flex; align-items: center; justify-content: space-between; padding: 12px 12px 12px 16px; gap: 12px; align-self: stretch; border-bottom: 1px solid var(--theme-border-primary) } .search-resource-window-t0m6Pw .header-Ok9DRB .title-USQdPg { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 24px } .search-resource-window-t0m6Pw .header-Ok9DRB .tools-CJ-Ixw { flex: 1; display: flex; justify-content: flex-end; align-items: center; gap: 8px } .search-resource-window-t0m6Pw .header-Ok9DRB .tools-CJ-Ixw .search-qlCYFp { flex: 1; display: flex; justify-content: flex-end } .search-resource-window-t0m6Pw .header-Ok9DRB .tools-CJ-Ixw .search-qlCYFp .hide-Raazbl { position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden } .search-resource-window-t0m6Pw .header-Ok9DRB .tools-CJ-Ixw .search-qlCYFp .hide-Raazbl .switch-GSvZde { display: inline-flex } .search-resource-window-t0m6Pw .header-Ok9DRB .tools-CJ-Ixw .search-qlCYFp .action-btn-DUWALW { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-secondary) } .search-resource-window-t0m6Pw .header-Ok9DRB .tools-CJ-Ixw .search-qlCYFp .action-btn-DUWALW:hover { background-color: var(--theme-fill-tsp-components-secondary) } .search-resource-window-t0m6Pw .header-Ok9DRB .tools-CJ-Ixw .search-qlCYFp .action-btn-DUWALW.disabled-rObZTY { color: var(--theme-icon-disable); cursor: not-allowed } .search-resource-window-t0m6Pw .header-Ok9DRB .tools-CJ-Ixw .search-qlCYFp .text-Nubb-A { color: var(--theme-text-secondary); font-size: 12px; font-weight: 400; line-height: 16px } .search-resource-window-t0m6Pw .header-Ok9DRB .tools-CJ-Ixw .others-nJ1zhf { display: flex; align-items: center; gap: 8px } .search-resource-window-t0m6Pw .content-PCH2tm { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; padding: 8px; flex-direction: column; align-items: center; flex: 1 0 0; align-self: stretch; height: 100% } .search-resource-window-t0m6Pw .content-PCH2tm::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .search-resource-window-t0m6Pw .content-PCH2tm::-webkit-scrollbar-track { background: transparent } .search-resource-window-t0m6Pw .content-PCH2tm::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .search-resource-window-t0m6Pw .content-PCH2tm::-webkit-scrollbar-thumb:hover { background: #00000062 } .search-resource-window-t0m6Pw .content-PCH2tm::-webkit-scrollbar-corner { background: transparent } .search-resource-window-t0m6Pw .content-PCH2tm .search-item-yv57cK { cursor: pointer; display: flex; padding: 12px; flex-direction: column; align-items: flex-start; gap: 6px; align-self: stretch; border-radius: 8px } .search-resource-window-t0m6Pw .content-PCH2tm .search-item-yv57cK .search-header-wdFwmp { display: flex; justify-content: center; align-items: center; gap: 4px } .search-resource-window-t0m6Pw .content-PCH2tm .search-item-yv57cK .search-header-wdFwmp .icon-JEYW4O { width: 16px; height: 16px; border-radius: 100% } .search-resource-window-t0m6Pw .content-PCH2tm .search-item-yv57cK .search-header-wdFwmp .source-GddMt1 { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 500; line-height: 16px } .search-resource-window-t0m6Pw .content-PCH2tm .search-item-yv57cK .search-title-ZIT1o5 { color: var(--theme-text-secondary); font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .search-resource-window-t0m6Pw .content-PCH2tm .search-item-yv57cK:hover { border-radius: 8px; background: var(--theme-fill-tsp-components-secondary) } .search-resource-window-t0m6Pw .content-PCH2tm .divider-pzQW4M { flex-shrink: 0; width: 100%; padding: 4px 12px } .search-resource-window-t0m6Pw .content-PCH2tm .divider-pzQW4M .line-1pWzpx { width: 100%; height: 1px; background: var(--theme-border-primary) } .search-resource-window-t0m6Pw .content-PCH2tm .empty-uCEw86 { height: 100%; display: flex; flex-direction: column; align-items: center; gap: 16px; align-self: stretch; justify-content: center } .search-resource-window-t0m6Pw .content-PCH2tm .empty-uCEw86 .image-NpO-DU { width: 80px; height: 80px } .search-resource-window-t0m6Pw .content-PCH2tm .empty-uCEw86 .text-Nubb-A { overflow: hidden; color: var(--theme-text-primary); text-overflow: ellipsis; font-size: 16px; font-weight: 600; line-height: 22px } .nav-bots-view-wrapper-IPLvcL { background: var(--theme-bg-white); flex-shrink: 0; overflow: hidden } .nav-bots-view-wrapper-IPLvcL.desktop-V4Juti { background: none; border-top-left-radius: 20px; border-bottom-left-radius: 20px } .nav-bots-view-wrapper-IPLvcL.desktop-V4Juti .nav-bots-view-hHFN3d { padding: 0 12px } .nav-bots-view-hHFN3d { padding: 0 12px; border-right: 1px solid var(--theme-border-primary); height: 100%; position: relative } .nav-bots-view-hHFN3d .header-yQilpK { position: sticky; top: 0; padding: 20px 0 0; background: var(--theme-bg-white); z-index: 2; display: flex; align-items: center; gap: 8px; margin-bottom: 16px } .nav-bots-view-hHFN3d .header-yQilpK .search-input-g66ef6 { flex: 1; height: 36px; border-radius: 12px; background: var(--theme-bg-gray-primary) } .nav-bots-view-hHFN3d .content-wrapper-LHPKAm { display: flex; flex-direction: column; min-height: 100% } .nav-bots-view-hHFN3d .content-wrapper-LHPKAm .content-loading-gO0u1h { flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center } .nav-bots-view-hHFN3d .content-S3YSHq { display: flex; flex-direction: column } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw { display: flex; flex-direction: column; gap: 4px } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .title-Dxgv-B { color: var(--theme-text-quaternary); padding: 8px 12px; font-size: 14px; font-weight: 400; line-height: 22px } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 100%; display: flex; padding: 6px 12px; align-items: center; border-radius: 8px; gap: 12px } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG.active-1O0mUW, .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG:hover { background: var(--theme-fill-tsp-components-secondary) } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG:hover .bot-item-actions-FT9DlF .bot-item-action-ji22iC { display: flex } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG .bot-avatar-H8Aipp { width: 24px; height: 24px; border-radius: 50%; overflow: hidden; flex-shrink: 0 } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG .bot-title-GEiwFM { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; flex: 1; min-width: 0; line-height: normal } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG .highlight-rkrNhf { color: var(--theme-text-brand); background: transparent } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG .bot-type-4bnoEF { margin-left: auto; flex-shrink: 0; color: var(--theme-text-disable); font-size: 12px; font-weight: 400; line-height: 12px } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG .bot-item-actions-FT9DlF { display: flex; align-items: center; gap: 4px; flex-shrink: 0 } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG .bot-item-actions-FT9DlF .bot-item-action-ji22iC { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: none } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG .bot-item-actions-FT9DlF .bot-item-action-ji22iC:hover { background-color: var(--theme-fill-tsp-components-secondary) } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .bot-item-No-DRG .bot-item-actions-FT9DlF .bot-item-action-ji22iC.pinned-Rn-Nxn { display: flex } .nav-bots-view-hHFN3d .content-S3YSHq .bots-wrapper-Y7j-uw .explore-bot-uPP6Nz .icon-dTGMX4 { width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center } .nav-bots-view-hHFN3d .content-S3YSHq .more-item-xWL2h3 { width: 100%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 6px; padding: 6px 8px 6px 12px; color: var(--theme-text-quaternary) } .nav-bots-view-hHFN3d .content-S3YSHq .more-item-xWL2h3 svg { transition: transform .3s ease-in-out } .nav-bots-view-hHFN3d .content-S3YSHq .more-item-xWL2h3 .text-W1J--Z { font-size: 14px } .nav-bots-view-hHFN3d .content-S3YSHq .more-item-xWL2h3:hover { opacity: .8 } .nav-bots-view-hHFN3d .scroll-loading-iW60iq { padding-bottom: 5px } .nav-bots-view-hHFN3d .driver-UcyFNz { height: 1px; min-height: 1px; background: var(--theme-border-primary); margin-top: 12px; margin-bottom: 12px } .empty-JBlB3X { width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center } .empty-JBlB3X .empty-logo-ZINQOC { width: 100px; height: 100px; flex-shrink: 0 } .empty-JBlB3X .empty-text-5XJv1C { color: var(--theme-text-quaternary); text-align: center; white-space: pre-line; font-size: 14px; font-weight: 400; line-height: 22px } .empty-JBlB3X .empty-text-5XJv1C .blue-DbU-IZ { color: var(--theme-text-link) } .fixed-fold-btn-RKAV2T { margin-top: 20px; margin-left: 12px } .conversation-hhJkED { position: relative; display: flex; flex-direction: column; gap: 12px } .conversation-hhJkED .conversation-list-y-e383 { display: flex; flex-direction: column } .conversation-hhJkED .conversation-list-y-e383 .conversation-title-KM2ba6 { padding: 8px 12px } .conversation-hhJkED .conversation-list-y-e383 .conversation-title-KM2ba6 .title-SyIh2F { display: flex; font-weight: 500; color: var(--theme-text-primary); font-size: 16px; line-height: 20px } .conversation-hhJkED .conversation-list-y-e383 .recent-title-SVjOvH { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px } .conversation-hhJkED .conversation-list-y-e383 .recent-title-SVjOvH .action-btn-jijCd9 { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-secondary) } .conversation-hhJkED .conversation-list-y-e383 .recent-title-SVjOvH .action-btn-jijCd9:hover { background-color: var(--theme-fill-tsp-components-secondary) } .conversation-hhJkED .conversation-list-y-e383 .recent-title-SVjOvH .action-btn-jijCd9.disabled-rYRAS0 { color: var(--theme-icon-disable); cursor: not-allowed } .conversation-hhJkED .conversation-list-y-e383 .select-operation-h7xIrR .select-operation-right-uAxNNp { display: flex; gap: 6px } .conversation-hhJkED .conversation-list-y-e383 .content-wP0vrV { display: flex; flex-direction: column } .conversation-hhJkED.top-border-PdiqwR { border-top: 1px solid var(--theme-border-primary) } .conversation-hhJkED .loading-box-7wSP-u { margin: auto; max-width: 40px } .conversation-hhJkED .add-loading-kT5opc { width: 100%; min-height: 1px; display: flex; justify-content: center; align-items: center } .conversation-hhJkED .conversation-item-6ziUc2 { display: flex; flex-direction: column; font-size: 14px } .conversation-hhJkED .conversation-item-6ziUc2 .conversation-day-qCQEtf { display: flex; padding: 0 12px 6px; color: var(--theme-text-quaternary); font-size: 12px; line-height: 16px; font-weight: 400 } .conversation-hhJkED .select-checkbox-RE-cVw { display: flex; flex-direction: row; justify-content: center; align-items: center; padding-left: 12px; margin-right: -12px } .conversation-hhJkED .incognito-mode-mask-G50HCl { position: absolute; inset: -12px -12px 0; background: rgba(255, 255, 255, .9); z-index: 2; cursor: not-allowed } ._monica-dark .incognito-mode-mask-G50HCl { background: rgba(32, 32, 32, .9) } .added-to-favorite-dialog-agYeOb { display: flex; justify-content: space-between; align-items: center; position: absolute; left: 50%; transform: translate(-50%); margin: 0 auto; top: 20px; border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); width: 358px; max-width: calc(100% - 32px); padding: 12px 16px; z-index: 5000; opacity: 0; animation: fadeIn-7US85A .3s forwards } .added-to-favorite-dialog-agYeOb .left-vUHzPI { display: flex; align-items: center; gap: 12px } .added-to-favorite-dialog-agYeOb .favorite-tip-text-y1jGYs { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .added-to-favorite-dialog-agYeOb .favorite-tip-link-qpwKiZ { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .added-to-favorite-dialog-agYeOb .favorite-tip-link-qpwKiZ:hover, .added-to-favorite-dialog-agYeOb .favorite-tip-link-qpwKiZ:active { opacity: .8 } @keyframes fadeIn-7US85A { to { opacity: 1 } } .favorite-group-dialog-g4I6To { padding: 20px; display: flex; flex-direction: column; gap: 12px } .favorite-group-dialog-g4I6To .title-OE-9GG { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .favorite-group-dialog-g4I6To .footer-hDMRbq { display: flex; justify-content: flex-end; gap: 12px } .favorite-group-dialog-g4I6To .footer-hDMRbq .footer-btn-bQVdzZ { border-radius: 8px } .group-list-EgLAe3 { width: 280px } .dropdown-label-NeSuHw { padding: 12px 12px 12px 16px } .dropdown-label-NeSuHw .empty-placeholder-07SWT- { color: var(--theme-text-quaternary) } .dropdown-input-Cox-xn { padding: 6px 12px; border-radius: 6px; border: 1px solid var(--theme-border-active); height: 38px; gap: 0 } .dropdown-input-Cox-xn .input-5Mbb8- { padding: 0; width: 100%; border: none; background: transparent } .move-group-item-HjX06y { width: 100%; display: flex } .move-group-item-HjX06y>span { width: 100% } .dropdown-menu-item-hover-mhPBXv { background-color: var(--theme-fill-tsp-components-secondary) } .conversation-name-item-wrapper-c6iMMo { display: flex; align-items: center; border-radius: 8px; gap: 4px; cursor: pointer } .conversation-name-item-wrapper-c6iMMo.active-QxityP { background: var(--theme-fill-tsp-components-secondary) } .conversation-name-item-wrapper-c6iMMo.active-QxityP .conversation-name-item-jx53Ep .conversation-more-B3N5Zt { visibility: visible } .conversation-name-item-wrapper-c6iMMo:hover { background: var(--theme-fill-tsp-components-secondary) } .conversation-name-item-wrapper-c6iMMo:hover .conversation-name-item-jx53Ep .conversation-more-B3N5Zt { visibility: visible } .conversation-name-item-wrapper-c6iMMo:hover .shadow-TenPv6:after { height: 34px; width: 60px } .conversation-name-item-wrapper-c6iMMo:hover .conversation-name-item-jx53Ep .name-BJcxGq { text-decoration: underline } .conversation-name-item-wrapper-c6iMMo .conversation-name-item-jx53Ep { opacity: unset; color: unset; cursor: unset; user-select: unset; padding: 6px 12px; position: relative; width: 100%; display: flex; align-items: center; font-size: 14px; font-weight: 400; line-height: 22px; justify-content: space-between } .conversation-name-item-wrapper-c6iMMo .conversation-name-item-jx53Ep:hover { opacity: unset } .conversation-name-item-wrapper-c6iMMo .conversation-name-item-jx53Ep.line-qSKgDk:after { position: absolute; left: 0; content: ""; bottom: 0; height: 1px; background-color: var(--theme-fill-tsp-components-primary); width: 100% } .conversation-name-item-wrapper-c6iMMo .conversation-name-item-jx53Ep .shadow-TenPv6 { position: relative; margin-left: auto; width: 0 } .conversation-name-item-wrapper-c6iMMo .conversation-name-item-jx53Ep .shadow-TenPv6:after { position: absolute; content: ""; top: -17px; right: 0; height: 34px; width: 40px } .conversation-name-item-wrapper-c6iMMo .conversation-name-item-jx53Ep .name-BJcxGq { text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; width: 100%; height: 22px } .conversation-name-item-wrapper-c6iMMo .conversation-name-item-jx53Ep:hover .action-item-ciPYPw { display: flex } .conversation-name-item-wrapper-c6iMMo.line-qSKgDk:after { position: absolute; left: 0; content: ""; bottom: 0; height: 1px; background-color: var(--theme-fill-tsp-components-primary); width: 100% } .conversation-name-item-wrapper-c6iMMo .name-wrapper--Z3nmc { display: flex; align-items: center } .conversation-name-item-wrapper-c6iMMo .name-wrapper--Z3nmc .action-item-ciPYPw { display: none; justify-content: center; align-items: center; flex-shrink: 0 } .conversation-name-item-wrapper-c6iMMo .name-BJcxGq { text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; width: 100%; height: 22px } .conversation-name-item-wrapper-c6iMMo .highlight-G7APaI { color: var(--theme-text-brand); background: transparent } .conversation-name-item-wrapper-c6iMMo .time-wrapper-a-n3xf { margin-left: auto; flex-shrink: 0; color: var(--theme-text-disable); font-size: 12px; font-weight: 400 } .conversation-name-item-wrapper-c6iMMo .action-item-ciPYPw { margin-left: 4px } .conversation-name-item-wrapper-c6iMMo .conversation-more-B3N5Zt { position: relative; visibility: hidden; margin-left: 6px; color: var(--theme-text-primary); font-weight: 500; z-index: 2; display: flex; border-radius: 8px } .conversation-name-item-wrapper-c6iMMo .conversation-more-B3N5Zt.active-QxityP { background: var(--theme-fill-tsp-components-secondary) } .conversation-name-item-wrapper-c6iMMo .conversation-more-B3N5Zt .highlight-G7APaI { color: var(--theme-text-brand); background: transparent } .conversation-name-item-wrapper-c6iMMo .conversation-more-B3N5Zt .time-wrapper-a-n3xf { margin-left: auto; flex-shrink: 0; color: var(--theme-text-disable); font-size: 12px; font-weight: 400 } .conversation-name-item-wrapper-c6iMMo .conversation-more-B3N5Zt .text--VUX2e { height: 22px; width: 22px; display: flex; justify-content: center; align-items: center } .collapse-mokrT5 { width: 100%; border-radius: 2px } .item-v2VYrG .header-X7wGgC { display: flex; align-items: center; cursor: pointer; transition: all .3s } .item-v2VYrG .header-X7wGgC:hover { background-color: var(--theme-bg-secondary) } .item-v2VYrG .icon-UnzalO { display: flex; align-items: center } .item-v2VYrG .label-ZkF46v { flex: 1 } .item-v2VYrG .content-9YHU1n { overflow: hidden; transition: height .2s ease-in-out } .item-v2VYrG .inner-3HeYAu { padding: 0 16px } .favorite-group-action-item-mbmpzn.active-EsU3eR { background-color: var(--theme-fill-tsp-components-secondary) } .favorite-group-action-item-mbmpzn.active-EsU3eR .action-icon-ayYw-e { background-color: var(--theme-fill-tsp-components-secondary); display: flex } .favorite-group-action-item-mbmpzn:hover .action-icon-ayYw-e { display: flex } .favorite-group-action-item-mbmpzn .custom-node-s9n6l3 { height: 16px; gap: 4px; display: flex; flex-direction: row; justify-content: center; align-items: center } .favorite-group-action-item-mbmpzn .action-icon-ayYw-e { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: none } .favorite-group-action-item-mbmpzn .action-icon-ayYw-e:hover { background-color: var(--theme-fill-tsp-components-secondary) } .nav-favorite-list-N-cUW7 { display: flex; flex-direction: column; gap: 4px } .nav-favorite-list-N-cUW7 .header-jyhQl- { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; width: 100% } .nav-favorite-list-N-cUW7 .header-jyhQl- .title-QFxANN { padding: 8px 8px 8px 12px; color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .nav-favorite-list-N-cUW7 .header-jyhQl- .plus-add--wtlMA { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: none; padding: 8px; color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px } .nav-favorite-list-N-cUW7 .header-jyhQl- .plus-add--wtlMA:hover { color: var(--theme-text-primary) } .nav-favorite-list-N-cUW7 .header-jyhQl-:hover .plus-add--wtlMA { display: block } .nav-favorite-list-N-cUW7 .favorite-group-list-7lDzaL { padding: 6px 8px 6px 6px; align-items: center; border-radius: 8px; gap: 4px; width: 100%; display: flex; flex-direction: column } .nav-favorite-list-N-cUW7 .fold-item-auhcw4 { display: flex; align-items: center; border-radius: 8px; width: 100%; gap: 4px; color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px; padding: 6px 8px 6px 12px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .nav-favorite-list-N-cUW7 .fold-item-auhcw4:hover { opacity: .8 } .nav-favorite-list-N-cUW7 .collapse-0Fu-Ci { display: flex; flex-direction: column } .nav-favorite-list-N-cUW7 .collapse-0Fu-Ci .group-item-wrapper-laUJmD { padding: 6px 8px 6px 6px; display: flex; align-items: center; border-radius: 8px; width: 100%; gap: 4px } .nav-favorite-list-N-cUW7 .collapse-0Fu-Ci .group-item-wrapper-laUJmD.input-content-COWQHg { padding: 1px 6px } .nav-favorite-list-N-cUW7 .collapse-0Fu-Ci .group-item-hIvHhC { display: flex; gap: 4px; align-items: center } .nav-favorite-list-N-cUW7 .collapse-0Fu-Ci .group-item-hIvHhC .icon-KubGCL { margin-right: 2px } .nav-favorite-list-N-cUW7 .collapse-0Fu-Ci .empty-group-wrapper-BmfaLR { padding: 4px 4px 4px 12px } .nav-favorite-list-N-cUW7 .collapse-0Fu-Ci .empty-group-wrapper-BmfaLR .empty-group-gfP2jH { border-radius: 8px; border: 1px dashed var(--theme-border-primary); padding: 9px 12px; color: var(--theme-text-quaternary); font-size: 13px; font-weight: 400; line-height: 18px; text-align: center } .nav-favorite-list-N-cUW7 .arrow-icon-PNrIJh { transition: transform .2s } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB { display: flex; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 8px; gap: 4px } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB.active-TcUQMj { background: var(--theme-fill-tsp-components-secondary) } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB.active-TcUQMj .conversation-name-item-j2FwVs .conversation-more-vhwPWr { visibility: visible } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB:hover { background: var(--theme-fill-tsp-components-secondary) } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB:hover .conversation-name-item-j2FwVs .conversation-more-vhwPWr { visibility: visible } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB:hover .shadow-A9d92t:after { height: 34px; width: 60px } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB:hover .conversation-name-item-j2FwVs .name-cIsowW { text-decoration: underline } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .select-checkbox-Y0ED8P { display: flex; flex-direction: row; justify-content: center; align-items: center; padding-left: 12px; margin-right: -12px } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .conversation-name-item-j2FwVs { opacity: unset; color: unset; cursor: unset; user-select: unset; padding: 6px 12px; position: relative; width: 100%; display: flex; align-items: center; font-size: 14px; font-weight: 400; line-height: 22px } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .conversation-name-item-j2FwVs:hover { opacity: unset } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .conversation-name-item-j2FwVs.line-gvwOJb:after { position: absolute; left: 0; content: ""; bottom: 0; height: 1px; background-color: var(--theme-fill-tsp-components-primary); width: 100% } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .conversation-name-item-j2FwVs .shadow-A9d92t { position: relative; margin-left: auto; width: 0 } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .conversation-name-item-j2FwVs .shadow-A9d92t:after { position: absolute; content: ""; top: -17px; right: 0; height: 34px; width: 40px } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .conversation-name-item-j2FwVs .name-cIsowW { text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; width: 100%; height: 22px } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB.line-gvwOJb:after { position: absolute; left: 0; content: ""; bottom: 0; height: 1px; background-color: var(--theme-fill-tsp-components-primary); width: 100% } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .shadow-A9d92t { position: relative; margin-left: auto; width: 0 } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .shadow-A9d92t:after { position: absolute; content: ""; top: -17px; right: 0; height: 34px; width: 40px } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .name-cIsowW { text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; width: 100%; height: 22px; display: flex } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .highlight-6CqMGt { color: var(--theme-text-brand); background: transparent } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .time-wrapper-Tda50r { margin-left: auto; flex-shrink: 0; color: var(--theme-text-disable); font-size: 12px; font-weight: 400 } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .conversation-more-vhwPWr { position: relative; visibility: hidden; margin-left: auto; border-radius: 4px; color: var(--theme-text-primary); font-weight: 500; height: 22px; width: 22px; z-index: 2 } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .conversation-more-vhwPWr:hover { background-color: var(--theme-fill-tsp-components-primary) } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .conversation-more-vhwPWr .highlight-6CqMGt { color: var(--theme-text-brand); background: transparent } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .conversation-more-vhwPWr .time-wrapper-Tda50r { margin-left: auto; flex-shrink: 0; color: var(--theme-text-disable); font-size: 12px; font-weight: 400 } .nav-favorite-list-N-cUW7 .conversation-name-item-wrapper-9pernB .conversation-more-vhwPWr .text-l9NzkU { height: 22px; width: 22px; display: flex; justify-content: center; align-items: center } .list-item-PuSmm5 { padding: 6px 8px 6px 6px; display: flex; align-items: center; border-radius: 8px; width: 100%; gap: 4px } .is-group-bQuYRO { padding-left: 12px } .ai-draw-img-result-b02wN1 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; object-fit: contain; border-radius: 8px; overflow: hidden; margin-bottom: 8px; margin-top: 8px } .reply-operations-igE1Z0 { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: left; white-space: nowrap; flex-wrap: nowrap; margin-bottom: -6px; width: 100%; gap: 4px; justify-content: space-between; align-items: flex-end } .reply-operations-igE1Z0 .reply-operations-left--8oatk { margin-left: -10px; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: left } .reply-operations-igE1Z0 .reply-operation-item-hsoM2z { padding: 0 8px; height: 30px; min-height: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px; font-size: 14px; color: var(--theme-icon-quaternary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .reply-operations-igE1Z0 .reply-operation-item-hsoM2z:hover { opacity: .8 } .cancel-Lum39f { color: var(--theme-icon-quaternary) } .error-vcQP7S { color: red } .make-it-more-OhHz6q { height: 100%; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; width: 100% } .make-it-more-OhHz6q .wrapper-mEyr-Z { flex: 1; min-height: 0; position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 16px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden; justify-content: space-between } .make-it-more-OhHz6q .wrapper-mEyr-Z .inner-qKc10L { width: 100%; max-width: 720px; padding: 20px } .make-it-more-OhHz6q .wrapper-mEyr-Z::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .make-it-more-OhHz6q .wrapper-mEyr-Z::-webkit-scrollbar-track { background: transparent } .make-it-more-OhHz6q .wrapper-mEyr-Z::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .make-it-more-OhHz6q .wrapper-mEyr-Z::-webkit-scrollbar-thumb:hover { background: #00000062 } .make-it-more-OhHz6q .wrapper-mEyr-Z::-webkit-scrollbar-corner { background: transparent } .make-it-more-OhHz6q .input-area-uG5qN- { width: 100%; max-width: 720px; padding: 20px } .make-it-more-OhHz6q .loading-6ytQaU { margin-bottom: 50px; display: flex; align-items: center } .make-it-more-OhHz6q .loading-6ytQaU span { color: var(--Light-Grayblue-800, var(--theme-text-primary)); font-size: 12px; font-style: normal; font-weight: 400; line-height: 22px; margin-left: 5px } .chat-toolbar-dN0u6q { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .chat-toolbar-dN0u6q .chat-toolbar-top-9-Q-Yg { position: absolute; width: 100%; top: -46px; z-index: 11; gap: 12px; display: flex; flex-direction: row; justify-content: center; align-items: center } .chat-toolbar-dN0u6q .chat-toolbar-left-whb9Zn { flex: 1; min-width: 0px; gap: 2px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start } .chat-toolbar-dN0u6q .chat-toolbar-right-e3iyVF { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px; justify-content: right } .chat-toolbar-dN0u6q .chat-toolbar-right-e3iyVF .generate-video-VB7yl6 { border-radius: 40px; border: 1px solid var(--theme-text-brand); background: var(--theme-fill-black-none); color: var(--theme-text-white-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: normal } .pages-wZv6wJ { width: 100% } .pages-wZv6wJ .welcome-introduce-tIVvhv { visibility: visible; height: auto; max-width: 350px; background-color: var(--theme-bg-menu-white); border-radius: 16px; padding: 12px; border: 1px solid var(--theme-border-primary) } .pages-wZv6wJ .welcome-introduce-tIVvhv .upside-e-kRcy { position: relative } .pages-wZv6wJ .welcome-introduce-tIVvhv .upside-e-kRcy .image-container-37JHiY img { position: relative; width: 100%; border-radius: 12px } .pages-wZv6wJ .welcome-introduce-tIVvhv .upside-e-kRcy .image-container-37JHiY:after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 45%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3) 30%, rgba(255, 255, 255, .7) 65%, var(--theme-text-white-primary) 100%) } .pages-wZv6wJ .welcome-introduce-tIVvhv .upside-e-kRcy .playVideo-Ggz8Dc { width: 70px; height: 70px; background: var(--theme-fill-tsp-gray); border-radius: 50%; position: absolute; padding: 16px 16px 16px 20px; top: 50%; left: 50%; transform: translate(-50%, -125%); cursor: pointer; display: flex; align-items: center; justify-content: center; border: 1px solid white } .pages-wZv6wJ .welcome-introduce-tIVvhv .introduction-P1NXH3 { position: relative; top: -40px; margin-bottom: -40px; padding: 5px; width: 100%; font-style: normal; font-weight: 400; line-height: 50px } .pages-wZv6wJ .welcome-introduce-tIVvhv .introduction-P1NXH3 .title-aeeCnm { position: relative; height: 100px; width: 100% } .pages-wZv6wJ .welcome-introduce-tIVvhv .introduction-P1NXH3 .title-aeeCnm .make-it-more-icon-gbHe-r { position: absolute; left: 0; top: -86px } .pages-wZv6wJ .welcome-introduce-tIVvhv .introduction-P1NXH3 .title-aeeCnm img { position: absolute; right: 0; top: -6px; width: 24px; height: 24px } .pages-wZv6wJ .welcome-introduce-tIVvhv .introduction-P1NXH3 .title-aeeCnm span { position: absolute; color: var(--theme-text-white-primary); width: 75px; height: 25px; text-align: center; font-size: 12px; font-weight: 600; flex-shrink: 0; line-height: 23px; border-radius: 30.141px; border: 2px solid var(--theme-text-white-primary); box-shadow: 0 7.2px 36px 0 var(--theme-shadow-s2), 0 0 .9px 0 var(--theme-shadow-s2) } .pages-wZv6wJ .welcome-introduce-tIVvhv .introduction-P1NXH3 .title-aeeCnm span:nth-last-child(3) { transform: rotate(7deg); background: #b947ff; left: -13px; top: -30px } .pages-wZv6wJ .welcome-introduce-tIVvhv .introduction-P1NXH3 .title-aeeCnm span:nth-last-child(2) { transform: rotate(4deg); background: #69cc07; right: -16px; top: 30px } .pages-wZv6wJ .welcome-introduce-tIVvhv .introduction-P1NXH3 .title-aeeCnm span:nth-last-child(1) { transform: rotate(-11deg); background: var(--theme-text-link); right: 62px; bottom: 0 } .pages-wZv6wJ .welcome-introduce-tIVvhv .introduction-P1NXH3 .summarize-4OQQn7 { margin-top: 20px; color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal } .pages-wZv6wJ .welcome-introduce-tIVvhv .introduction-P1NXH3 .summarize-4OQQn7 span { color: var(--theme-text-brand); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px } .chinese-user-sign-up-error-alert-CtZ4mw { visibility: visible } .divider-n-EgRF { width: 100%; color: var(--theme-text-tertiary); font-size: 14px; display: inline-flex; align-items: center; gap: 20px; margin: 8px 0 } .divider-n-EgRF .line-kGxGvj { flex: 1; height: 1px; background-color: var(--theme-btn-fill-secondary-hover) } .divider-n-EgRF .or-CkE33v { width: fit-content } .sign-in-dialog-bps0yc { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 24px; padding: 28px 28px 24px; max-width: calc(100vw - 10px) } .sign-in-dialog-bps0yc .header-EbSWdK { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 4px } .sign-in-dialog-bps0yc .header-EbSWdK .logo-3x6S0L { color: var(--theme-text-primary); font-size: 24px; font-weight: 600; line-height: 36px } .sign-in-dialog-bps0yc .content-M3ZYlU { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 16px } .sign-in-dialog-bps0yc .content-M3ZYlU .google-btn-Ji68WV { border: 1px solid var(--theme-btn-fill-secondary-active) !important; font-size: 14px; font-weight: 600; color: var(--theme-text-primary) } .sign-in-dialog-bps0yc .content-M3ZYlU .google-btn-Ji68WV:hover { border-color: var(--theme-btn-fill-tertiary-active); background-color: #8cc9ff14 } .sign-in-hint-j99JcT { color: var(--theme-icon-tertiary); font-size: 14px; line-height: 22px } .sign-in-hint-j99JcT>.link-JnBHZZ { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-btn-fill-primary-active) } .sign-in-hint-j99JcT>.link-JnBHZZ:hover { color: var(--theme-icon-brand) } .sign-in-hint-j99JcT>.link-JnBHZZ.disabled-CZrd3z { color: var(--theme-text-disable) } .sign-in-hint-j99JcT>.link-JnBHZZ.disabled-CZrd3z:hover { color: var(--theme-text-disable) } .sign-in-terms-yGILv7 { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 12px; line-height: 18px; align-items: flex-start; color: var(--theme-icon-quaternary); gap: 4px } .sign-in-terms-yGILv7 .icon-IybV8Y { display: inline-flex; padding-top: 3px } .sign-in-terms-yGILv7 a { color: var(--theme-btn-fill-primary-active); text-decoration: none; margin: 0 4px } .sign-in-terms-yGILv7 a:hover { color: var(--theme-icon-brand) } .sign-in-with-apple-GIljN- { width: 100%; height: 44px !important; min-height: 44px !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; font-size: 14px; font-weight: 400 } .sign-in-with-email-jKoyaE { width: 100%; height: 44px !important; min-height: 44px !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; font-size: 14px; font-weight: 400 } .email-form-XOS6v0 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; width: 100% } .email-form-XOS6v0 .title-Ab4RzM { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .email-form-XOS6v0 .content-dKiBNO { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 32px; width: 100% } .email-form-XOS6v0 .content-dKiBNO .form-item-Ra9kjT { width: 100% } .email-form-XOS6v0 .content-dKiBNO .form-item-Ra9kjT .input-syLAwO { width: 100%; border-radius: 12px; font-size: 14px } .email-form-XOS6v0 .footer-1KFuxj { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 16px; width: 100%; margin-top: 16px } .email-form-XOS6v0 .continue-btn-f9q17K, .email-form-XOS6v0 .sign-up-btn-hF90S8 { width: 100%; height: 40px !important; min-height: 40px !important; border-radius: 12px !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; font-size: 14px; font-weight: 600 } .forgot-password-P56cZp { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-btn-fill-primary-active); font-size: 14px; line-height: 22px; text-decoration: underline } .forgot-password-P56cZp:hover { color: var(--theme-icon-brand) } .sign-in-with-google-jRbbdk { width: 100%; height: 44px !important; min-height: 44px !important; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; font-size: 14px; font-weight: 400 } .verify-email-dialog-wrapper-UMNaHs { max-width: calc(100vw - 10px) } .verify-email-dialog-4tFOuv { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center } .verify-email-dialog-4tFOuv .container-SzBOIL { background-color: var(--theme-bg-menu-white); border: 1px solid var(--theme-border-white); padding: 32px 44px; border-radius: 16px; display: flex; flex-direction: column; align-items: center; width: 100% } .verify-email-dialog-4tFOuv .container-SzBOIL .title-dHVDkU { font-weight: 600; font-size: 32px; color: var(--theme-text-primary); margin: 19px 0 24px } .verify-email-dialog-4tFOuv .container-SzBOIL .email-cEZXgp { user-select: none; width: 392px; max-width: 100%; height: 64px; margin-bottom: 20px; background: var(--theme-fill-tsp-components-primary); border-radius: 4px; padding: 8px 16px; font-weight: 700; font-size: 13px; color: var(--theme-text-quaternary) } .verify-email-dialog-4tFOuv .container-SzBOIL .email-cEZXgp .email-address-D2xH16 { font-weight: 400; font-size: 16px; line-height: 24px; color: var(--theme-text-quaternary) } .verify-email-dialog-4tFOuv .container-SzBOIL .tips-JjoTzF { margin-bottom: 24px; font-weight: 400; font-size: 12px; display: flex; justify-content: center; align-items: center; flex-direction: column; color: var(--theme-text-tertiary) } .verify-email-dialog-4tFOuv .container-SzBOIL .chinese-tips-0pqEce { font-weight: 400; font-size: 12px; line-height: 18px; color: var(--theme-shadow-s3); display: flex; flex-direction: column; width: 100%; justify-content: left; margin-top: 10px } .verify-email-dialog-4tFOuv .container-SzBOIL .add-content-LLl45u { cursor: not-allowed; font-weight: 400; font-size: 14px; color: var(--theme-text-quaternary); border-left: 1px solid var(--theme-shadow-s2); padding-left: 21px; padding-right: 5px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: #3872e0 } .verify-email-dialog-4tFOuv .container-SzBOIL .add-content-number-Bk1sdw { padding-right: 16px; padding-left: 32px; width: 77px; cursor: not-allowed } .verify-email-dialog-4tFOuv .container-SzBOIL .button-verify-5dq91D { width: 100%; margin-top: 24px; height: 44px; min-height: 44px; font-weight: 700 } .verify-email-dialog-4tFOuv .container-SzBOIL .or-T6cHzl { color: var(--theme-text-tertiary); font-size: 14px; display: inline-flex; align-items: center; gap: 20px; margin-bottom: 24px; margin-top: 24px } .verify-email-dialog-4tFOuv .container-SzBOIL .or-T6cHzl .line-OCo7MU { width: 153px; height: 1px; background-color: var(--theme-btn-fill-secondary-hover) } .verify-email-dialog-4tFOuv .container-SzBOIL .google-btn-YXLSYx { border: 1px solid var(--theme-btn-fill-secondary-active) !important; font-size: 14px; font-weight: 600; color: var(--theme-text-primary) } .verify-email-dialog-4tFOuv .container-SzBOIL .google-btn-YXLSYx:hover { border-color: var(--theme-btn-fill-tertiary-active); background-color: #8cc9ff14 } .conv-history-drawer-74RWCb { height: 100%; display: flex; gap: 12px; flex-direction: column; padding-top: 12px } .conv-history-drawer-74RWCb .banner-2lfsM5 { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; background: var(--theme-bg-gray-primary); padding: 12px; gap: 12px; margin-top: -12px } .conv-history-drawer-74RWCb .banner-2lfsM5 .banner-content-pD7yuT { color: var(--theme-text-secondary); font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px } .conv-history-drawer-74RWCb .banner-2lfsM5 .banner-btn-TCMCFH { border-radius: 6px; border: 1px solid var(--theme-border-quaternary); color: var(--theme-text-secondary); font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; height: 28px; padding: 0 6px; flex-shrink: 0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .conv-history-drawer-74RWCb .banner-2lfsM5 .banner-btn-TCMCFH:hover { opacity: .8 } .conv-history-drawer-74RWCb .search-VW4Ydp { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0 16px; font-size: 14px; gap: 10px } .conv-history-drawer-74RWCb .search-VW4Ydp .input-wrapper-7P6lTK { width: 100%; height: 40px; overflow: hidden; background: var(--theme-bg-gray-primary); display: flex; gap: 10px; border-radius: 10px; border: 1px solid transparent; transition: all .2s ease-in-out } .conv-history-drawer-74RWCb .search-VW4Ydp .input-wrapper-7P6lTK .left-extra-WsbbXl { max-width: 30%; width: max-content; height: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; height: 40px } .conv-history-drawer-74RWCb .search-VW4Ydp .input-wrapper-7P6lTK .left-extra-WsbbXl .input-group-9eS5QV { display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 60px; justify-content: space-between; gap: 4px; color: var(--theme-text-tertiary); font-size: 14px; font-weight: 500; line-height: 20px; padding-left: 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .conv-history-drawer-74RWCb .search-VW4Ydp .input-wrapper-7P6lTK .left-extra-WsbbXl .input-group-9eS5QV:hover { opacity: .8 } .conv-history-drawer-74RWCb .search-VW4Ydp .input-wrapper-7P6lTK .left-extra-WsbbXl .divider-ZAxpwO { width: 1px; height: 20px; background: var(--theme-border-primary) } .conv-history-drawer-74RWCb .search-VW4Ydp .input-wrapper-7P6lTK .input-OPVS-v { color: var(--theme-icon-primary); flex: 1; min-width: 0; padding-left: 0; width: 100%; display: flex; align-items: center; height: 40px; line-height: 40px; border: none; border-radius: 0; background: inherit } .conv-history-drawer-74RWCb .search-VW4Ydp .input-wrapper-7P6lTK .input-OPVS-v::placeholder { color: var(--theme-text-primary); opacity: .3 } .conv-history-drawer-74RWCb .search-VW4Ydp .input-wrapper-7P6lTK:hover { border-color: var(--theme-border-active) } .conv-history-drawer-74RWCb .search-VW4Ydp .input-wrapper-7P6lTK:focus-within { border-color: var(--theme-border-active) } .conv-history-drawer-74RWCb .conv-list-LD2V1I { padding: 0 8px; display: flex; flex-direction: column; flex: 1; min-height: 0px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .conv-history-drawer-74RWCb .conv-list-LD2V1I::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .conv-history-drawer-74RWCb .conv-list-LD2V1I::-webkit-scrollbar-track { background: transparent } .conv-history-drawer-74RWCb .conv-list-LD2V1I::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .conv-history-drawer-74RWCb .conv-list-LD2V1I::-webkit-scrollbar-thumb:hover { background: #00000062 } .conv-history-drawer-74RWCb .conv-list-LD2V1I::-webkit-scrollbar-corner { background: transparent } .conv-history-drawer-74RWCb .conv-list-LD2V1I .divider-ZAxpwO { margin: 4px 12px; height: 1px; background-color: var(--theme-fill-tsp-components-primary) } .conv-history-drawer-74RWCb .conv-list-LD2V1I .history-chats-VPH-U2 { display: flex; flex-direction: column; gap: 9px } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE { display: flex; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 12px } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE:hover, .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE.conv-item-wrapper-active-p9v1b6 { background-color: var(--theme-fill-tsp-components-secondary) } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE:not(:last-child):after { content: ""; position: absolute; width: calc(100% - 24px); height: 1px; background: var(--theme-btn-border-secondary); bottom: -4px } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE .conv-item-inner-XbB2Ly { width: 100%; opacity: unset; color: unset; cursor: unset; user-select: unset; padding: 12px; display: flex; flex-direction: column; gap: 6px } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE .conv-item-inner-XbB2Ly:hover { opacity: unset } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE .conv-item-inner-XbB2Ly:hover .edit-Cm-fza, .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE .conv-item-inner-XbB2Ly:hover .move-favorite-B063G- { opacity: 1 } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE .conv-item-inner-XbB2Ly:hover .chat-item-operation-RavBS4 .operation-action-IwoRlM { display: flex } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE .conv-item-inner-XbB2Ly:hover .action-item-V8TLqG { opacity: 1 } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE .conv-item-inner-XbB2Ly:hover .conv-item-G5Yfbw .title-sXyg5e .title-text-MUeCWb { text-decoration: underline } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE .select-item-KKCfT5 { display: flex; flex-direction: row; justify-content: center; align-items: center; padding-left: 8px } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE .move-favorite-B063G- { width: 22px; height: 22px; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; opacity: 0 } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE .move-favorite-B063G-:hover { background-color: var(--theme-fill-tsp-components-secondary) } .conv-history-drawer-74RWCb .conv-list-LD2V1I .conv-item-wrapper-KC0SuE .move-favorite-B063G-:hover { opacity: 1 } .conv-item-G5Yfbw { display: flex; flex-direction: column; gap: 4px } .conv-item-G5Yfbw .conv-item-header-Xk6O8F { display: flex; align-items: center; height: 24px; line-height: 24px; min-height: 24px; justify-content: space-between; gap: 8px } .conv-item-G5Yfbw .conv-item-header-Xk6O8F .title-sXyg5e { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 24px; font-size: 14px; font-weight: 600; flex: 1; min-width: 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; justify-content: flex-start } .conv-item-G5Yfbw .conv-item-header-Xk6O8F .title-sXyg5e .title-text-MUeCWb { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .conv-item-G5Yfbw .conv-item-header-Xk6O8F .title-sXyg5e .title-text-MUeCWb>mark { padding: 0; background-color: unset; color: var(--theme-icon-brand) } .conv-item-G5Yfbw .conv-item-header-Xk6O8F .title-sXyg5e .tag-7cVP-u { background-color: var(--common-black); color: var(--theme-icon-white-primary); padding: 2px 6px; font-size: 12px; line-height: 20px; border-radius: 8px; display: inline-block; font-weight: 600; white-space: nowrap } .conv-item-G5Yfbw .conv-item-header-Xk6O8F .title-sXyg5e .edit-Cm-fza { opacity: 0; width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .conv-item-G5Yfbw .conv-item-header-Xk6O8F .title-sXyg5e .edit-Cm-fza:hover { background-color: var(--theme-fill-tsp-components-secondary) } .conv-item-G5Yfbw .conv-item-header-Xk6O8F .title-sXyg5e .action-item-V8TLqG { opacity: 0 } .conv-item-G5Yfbw .conv-item-header-Xk6O8F .title-content-hdSelk { flex: 1; display: flex; gap: 4px } .conv-item-G5Yfbw .conv-item-header-Xk6O8F .date-BYno8F { color: var(--theme-text-disable); font-size: 12px; font-weight: 400; line-height: 18px } .conv-item-G5Yfbw .conv-item-content-uF0v74 { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--theme-icon-quaternary); font-size: 14px; font-weight: 400; line-height: 22px } .conv-item-G5Yfbw .conv-item-content-uF0v74 .conv-item-content-text-Z9ref0 { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .conv-item-G5Yfbw .conv-item-content-uF0v74 .conv-item-content-text-Z9ref0>mark { padding: 0; background-color: unset; color: var(--theme-icon-brand) } .chat-item-operation-RavBS4 { display: flex; gap: 4px; height: 22px } .chat-item-operation-RavBS4 .operation-action-IwoRlM { width: 22px; height: 22px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: none } .chat-item-operation-RavBS4 .operation-action-IwoRlM:hover { background-color: var(--theme-fill-tsp-components-secondary) } .highlight-jO0ySn { padding: 0; background-color: unset; color: var(--theme-icon-brand) } .link-iWJNzy { display: inline-flex; cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .link-iWJNzy:hover, .link-iWJNzy:active { opacity: .8 } .conv-tag-group-dJOG5Y { padding: 0 16px } .tag-header-OrrHDg { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; padding-right: 10px } .tag-header-OrrHDg .tag-group-Ar9w5e { display: flex; flex-wrap: wrap; gap: 8px } .tag-header-OrrHDg .tag-group-Ar9w5e .tag-button-LlKPW8 { padding: 5px 12px; color: var(--theme-text-primary); white-space: nowrap; font-size: 12px; font-weight: 400; line-height: 18px; border-radius: 16px; background: var(--theme-tab-fill); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .tag-header-OrrHDg .tag-group-Ar9w5e .tag-button-LlKPW8:hover { background: var(--theme-fill-tsp-components-primary) } .tag-header-OrrHDg .tag-group-Ar9w5e .tag-button-LlKPW8.active-8jJDlt { background: var(--theme-tab-fill-active); color: var(--theme-text-white-primary) } .tag-header-OrrHDg .action-btn-gJHZqT { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 28px; height: 28px; flex-shrink: 0; color: var(--theme-icon-quaternary); border-radius: 10px } .tag-header-OrrHDg .action-btn-gJHZqT:hover { color: var(--theme-icon-primary) } .action-1aMDTx { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center } .action-1aMDTx.operation-action-IwoRlM { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .action-1aMDTx.operation-action-IwoRlM:hover { background-color: var(--theme-fill-tsp-components-secondary) } .favorited-xry1Fv svg { color: var(--yellow-300) } .conv-bot-info-cWXcG2 { display: flex; justify-content: space-between; align-items: center; gap: 10px } .conv-bot-info-cWXcG2 .left-G8W187 { flex: 1; display: flex; align-items: center } .conv-bot-info-cWXcG2 .bot-pTKnjA { display: flex; align-items: center; gap: 4px } .conv-bot-info-cWXcG2 .bot-pTKnjA .bot-logo-uXgjNY { width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0; overflow: hidden } .conv-bot-info-cWXcG2 .bot-pTKnjA .bot-name-ScFULQ { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .conv-bot-info-cWXcG2 .pdf-link-caxI9i { display: flex; align-items: center; gap: 4px; color: var(--theme-icon-quaternary) } .conv-bot-info-cWXcG2 .pdf-link-caxI9i .text-KCffRY { font-size: 12px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .conv-bot-info-cWXcG2 .pdf-link-caxI9i:hover { text-decoration: underline } .conv-bot-info-cWXcG2 .from-tab-iMaWBO { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; font-weight: 400; font-size: 12px; gap: 5px; flex: 1; position: relative; color: #3b60a6; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .conv-bot-info-cWXcG2 .page-link-Xc61-- { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .empty-cdANuX { display: flex; flex: 1; min-height: 0px; align-items: center; justify-content: center } .empty-cdANuX .empty-content-DWC1HD { display: flex; flex-direction: column; gap: 16px; align-items: center } .empty-cdANuX .empty-content-DWC1HD .empty-logo-tJvfy6 { width: 114px; height: 114px } .empty-cdANuX .empty-content-DWC1HD .empty-text-JKemhb { font-size: 16px; color: var(--theme-text-quaternary); display: flex; align-items: center; height: 24px; line-height: 24px } .incognito-mode-card-ruBHNL { position: absolute; inset: 0; background: rgba(255, 255, 255, .9); z-index: 2; cursor: not-allowed } .select-operation-K6uO9P { display: flex; padding: 0 16px; justify-content: space-between; gap: 16px } .select-operation-K6uO9P .select-operation-left-8nk1c3 { display: flex; align-items: center; gap: 10px; flex-shrink: 0 } .select-operation-K6uO9P .select-operation-left-8nk1c3 .checkbox-label-pCxeVk { gap: 12px } .select-operation-K6uO9P .select-operation-right-T-u1rT { display: flex; align-items: center; gap: 8px; flex-shrink: 0 } .select-operation-K6uO9P .select-operation-right-T-u1rT .btn-0ZYzae { height: 28px; border-radius: 6px } .group-item-6c6B1W:hover .show-action-xfy5l7 .check-icon-P-eva5 { display: none } .group-item-6c6B1W:hover .show-action-xfy5l7 .more-icon-YcWMSb { opacity: 1 } .group-item-6c6B1W .group-operation-8o633- { width: 20px; height: 20px } .group-item-6c6B1W .more-icon-YcWMSb { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; opacity: 0 } .group-item-6c6B1W .more-icon-YcWMSb:hover { background-color: var(--theme-fill-tsp-components-secondary) } ._monica-dark .incognito-mode-card-ruBHNL { background: rgba(40, 40, 40, .9) } .bot-renderer-6si42c { width: 100%; height: 100%; position: relative; display: flex } .bot-renderer-6si42c .bot-nav-wrapper-WxARSn { position: relative; display: flex } .bot-renderer-6si42c .bot-nav-wrapper-in-desktop-CVuqkX { border-radius: 20px } .fixed-fold-btn-HdZ11b { position: absolute; top: 22px; z-index: 1 } .chat-resources-k4w0AQ { position: relative; padding: 16px } .download-mobile-popover-PU69tt { visibility: visible } .popover-content-zjhcnq { padding: 20px; border-radius: 12px; background: var(--theme-bg-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); width: 340px } .popover-content-zjhcnq .popover-title-r431CH { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .popover-content-zjhcnq ul { margin-top: 8px } .popover-content-zjhcnq ul li { color: var(--theme-text-primary); font-size: 13px; line-height: 18px; display: flex; align-items: flex-start; gap: 4px } .popover-content-zjhcnq ul li+li { margin-top: 6px } .popover-content-zjhcnq ul li .text-MJRgBq { flex: 1; min-width: 0 } .popover-content-zjhcnq .banner-DYE-F5 { margin-top: 16px; height: 148px; border-radius: 6px; background: linear-gradient(180deg, #e4dbff 0%, #f2efff 100%); display: flex; justify-content: center; gap: 20px } .popover-content-zjhcnq .banner-DYE-F5 .monica-app-k8gfei { height: 100%; display: flex; align-items: flex-end } .popover-content-zjhcnq .banner-DYE-F5 .qr-6Zdm9Q { height: 100%; display: flex; align-items: center; justify-content: center } .popover-content-zjhcnq .banner-DYE-F5 .qr-6Zdm9Q .qr-inner-Jxy-EW { width: 72px; height: 72px; padding: 6.5px; border-radius: 4px; background: var(--theme-bg-white) } .tabs-5hE-4S { visibility: visible; max-width: 100%; width: 100%; --active-bg-color: var(--theme-fill-white) } .tabs-5hE-4S .wrapper--DZ1bD { width: 100%; position: relative; z-index: 0; padding: 4px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-radius: 20px; background-color: var(--theme-bg-gray-primary); --active-tab-animation-duration: .2s; --monica-tab-width: calc((100% - 8px) / var(--monica-tab-length)); --monica-tab-left: calc(var(--monica-tab-width) * var(--monica-tab-index) + 4px) } .tabs-5hE-4S .wrapper--DZ1bD:before { content: ""; position: absolute; z-index: -1; height: calc(100% - 8px); top: 4px; width: var(--monica-tab-width); background-color: var(--active-bg-color); left: var(--monica-tab-left); border-radius: 20px; transition: var(--active-tab-animation-duration) ease-in-out } .tabs-5hE-4S .wrapper--DZ1bD .tab-xK0HKf { padding: 3px 0; font-size: 14px; font-weight: 500; line-height: 22px; width: var(--monica-tab-width); display: flex; align-items: center; justify-content: center; color: var(--theme-text-tertiary); gap: 4px; cursor: pointer } .tabs-5hE-4S .wrapper--DZ1bD .tab-xK0HKf.equal-width-P-Z0zG { flex: 1; text-align: center } .tabs-5hE-4S .wrapper--DZ1bD .tab-xK0HKf .tab-label-7CDF12 { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .tabs-5hE-4S .wrapper--DZ1bD .active-tab-9Ij2iL { color: var(--theme-text-primary); transition: var(--active-tab-animation-duration) ease-in-out } .light-theme-NHZPwq .wrapper--DZ1bD:before { background-color: var(--theme-bg-white) } .light-theme-NHZPwq .wrapper--DZ1bD .active-tab-9Ij2iL { color: var(--theme-text-primary) } .small-size-FFZWdo .wrapper--DZ1bD { padding: 4px; border-radius: 16px } .small-size-FFZWdo .wrapper--DZ1bD .tab-xK0HKf { padding: 1px 6px; font-size: 12px; line-height: 18px } .middle-size-Z5y-BV .wrapper--DZ1bD { padding: 4px; border-radius: 20px } .middle-size-Z5y-BV .wrapper--DZ1bD .tab-xK0HKf { padding: 6px 0; font-size: 14px; line-height: 22px } .large-size-hS7qYN .wrapper--DZ1bD { padding: 4px; border-radius: 64px } .large-size-hS7qYN .wrapper--DZ1bD .tab-xK0HKf { padding: 15px 20px; font-size: 18px; font-weight: 500; line-height: 26px } .primary-8W-SC- { --active-bg-color: var(--theme-btn-fill-primary) } .no-transition-SsHPwE .wrapper--DZ1bD:before { transition: none } .no-transition-SsHPwE .wrapper--DZ1bD .active-tab-9Ij2iL { transition: none } .history-eCn-cR { width: 296px; max-width: calc(100vw - 20px); border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .history-eCn-cR .header-Fv3A2H { display: flex; justify-content: space-between; align-items: center; color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; padding: 16px 16px 0 } .history-eCn-cR .header-Fv3A2H .btn-bHpKHq { width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .history-eCn-cR .header-Fv3A2H .btn-bHpKHq:hover { background-color: var(--theme-fill-tsp-components-secondary) } .history-eCn-cR .main-bs-gsc { padding: 16px 0; height: min(500px, 80vh); max-height: min(600px, calc(100vh - 140px)); display: flex; flex-direction: column } .history-eCn-cR .main-bs-gsc .tabs-KGnYEM { padding: 0 8px } .history-eCn-cR .main-bs-gsc .content-olh6E0 { padding: 8px 16px 0; flex: 1; display: flex; flex-direction: column; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .history-eCn-cR .main-bs-gsc .content-olh6E0::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .history-eCn-cR .main-bs-gsc .content-olh6E0::-webkit-scrollbar-track { background: transparent } .history-eCn-cR .main-bs-gsc .content-olh6E0::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .history-eCn-cR .main-bs-gsc .content-olh6E0::-webkit-scrollbar-thumb:hover { background: #00000062 } .history-eCn-cR .main-bs-gsc .content-olh6E0::-webkit-scrollbar-corner { background: transparent } .history-eCn-cR .main-bs-gsc .content-olh6E0 .group-SSBPvL .label-9j-eof { margin: 8px 0; color: var(--theme-text-quaternary); font-size: 13px; font-weight: 500; line-height: 18px } .history-eCn-cR .footer-Sh5jzV { position: sticky; padding: 16px } .history-eCn-cR .empty-CjhsuI { display: flex; justify-content: center; align-items: center; align-self: center; gap: 8px; min-height: 56px; width: 100%; flex-direction: column } .history-eCn-cR .empty-CjhsuI .image-rnIG7K { height: 64px } .history-eCn-cR .empty-CjhsuI .notice-PoLkjO { color: var(--theme-text-quaternary); text-align: center; font-size: 14px; line-height: 22px } .list-iXCncV { display: flex; gap: 8px; flex-wrap: wrap } .list-iXCncV .image-item-UQ5lYm { width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 4px; background: var(--theme-bg-gray-primary); position: relative } .list-iXCncV .image-item-UQ5lYm .image-link-cnBoHk { display: block; width: 100%; height: 100% } .list-iXCncV .image-item-UQ5lYm:hover .more-eUVNcU { opacity: 1 } .list-iXCncV .image-item-UQ5lYm:hover .video-indicator-abHoCD { display: none } .list-iXCncV .image-item-UQ5lYm.fail-K7-c2k { cursor: help } .list-iXCncV .image-item-UQ5lYm.skeleton-cIhske { background: linear-gradient(90deg, var(--theme-shadow-s1) 25%, var(--theme-shadow-s2) 37%, var(--theme-shadow-s1) 63%); background-size: 400% 100%; animation-name: skeleton-loading-XlJTtf; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } @keyframes skeleton-loading-XlJTtf { 0% { background-position: 100% 50% } to { background-position: 0 50% } } .list-iXCncV .image-item-UQ5lYm .video-indicator-abHoCD { position: absolute; top: 4px; right: 4px } .list-iXCncV .image-item-UQ5lYm .more-eUVNcU { position: absolute; top: 4px; right: 4px; opacity: 0; width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; background-color: var(--theme-bg-mask) } .list-iXCncV .image-item-UQ5lYm .more-eUVNcU::hover { opacity: .7 } .list-iXCncV .image-item-UQ5lYm .loading-BkmOlc { width: 100%; height: 100%; border-radius: 4px; background: var(--theme-bg-mask); display: flex; justify-content: center; align-items: center } .list-iXCncV .image-item-UQ5lYm .image-rnIG7K { width: 100%; height: 100%; max-width: 100%; max-height: 100%; border-radius: 4px; object-fit: cover; display: none; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .list-iXCncV .image-item-UQ5lYm .image-rnIG7K.has-src-vbbI0o { display: block } .nav-dropdown--ee9Uk { min-width: 120px } .nav-dropdown--ee9Uk .drop-item-8tStcS { color: var(--theme-function-error) } .edit-image-KW-nm1 { width: 100%; height: 100%; position: relative } .actions-8L6Kwt { visibility: visible; display: flex; gap: 4px } .actions-8L6Kwt .btn-qI5SvD { border-radius: 8px } .scale-notice-422mDo { display: inline-flex; height: 48px; padding: 4px 12px; align-items: center; border-radius: 8px; background: var(--theme-bg-menu-white); white-space: pre; box-shadow: var(--theme-box-shadow-s2) } .expand-drawer-fsKj-o { position: fixed; bottom: 0; left: 0; right: 0; height: calc(80vh - 25px); transform: translateY(calc(80vh - 160px)); transition: transform .3s ease-out; background: var(--theme-bg-menu-white); border-radius: 20px 20px 0 0; box-shadow: 0 -2px 10px #0000001a; padding: 0 20px 93px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; touch-action: none } .expand-drawer-fsKj-o::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .expand-drawer-fsKj-o::-webkit-scrollbar-track { background: transparent } .expand-drawer-fsKj-o::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .expand-drawer-fsKj-o::-webkit-scrollbar-thumb:hover { background: #00000062 } .expand-drawer-fsKj-o::-webkit-scrollbar-corner { background: transparent } .expand-drawer-fsKj-o .drag-kaK0sh { width: 100%; height: 32px; background: var(--theme-bg-menu-white); display: flex; align-items: center; justify-content: center; z-index: 2; position: sticky; top: 0 } .expand-drawer-fsKj-o .drag-kaK0sh .drag-bar-OT23Gk { width: 36px; height: 5px; border-radius: 2.5px; background: var(--theme-border-quaternary) } .expand-drawer-fsKj-o .content-KeONeS { min-height: 100%; padding-top: 4px } .expand-drawer-fsKj-o.expand-yrlBvP { touch-action: unset } .generate-loading-oGUUgQ { display: flex; gap: 12px; flex-direction: column; position: relative; align-items: center } .generate-loading-oGUUgQ.full-1YQlvS { width: 100%; height: 100%; align-items: center; justify-content: center; overflow: hidden; border-radius: 8px } .generate-loading-oGUUgQ.mobile-fXHJV8.full-1YQlvS, .generate-loading-oGUUgQ.mobile-fXHJV8 .lottie-c1b2HI { min-width: 100%; min-height: 100%; width: unset; height: unset } .generate-loading-oGUUgQ.light-x6NIWL .time-dUgQZd, .generate-loading-oGUUgQ.light-x6NIWL .image-content-SUOrX7, .generate-loading-oGUUgQ.light-x6NIWL .content-56ksij .contact-bspFEw { color: var(--theme-text-white-primary) } .generate-loading-oGUUgQ .loading-icon-4d-Dr0 { z-index: 99 } .generate-loading-oGUUgQ .content-56ksij { display: flex; flex-direction: column; gap: 4px; z-index: 2 } .generate-loading-oGUUgQ .content-56ksij .contact-bspFEw { color: var(--theme-text-quaternary); text-align: center; font-size: 13px; font-weight: 400; line-height: 20px; margin-top: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .generate-loading-oGUUgQ .content-56ksij .contact-bspFEw .link-NKzWMT { text-decoration: underline } .generate-loading-oGUUgQ .time-dUgQZd { color: #262626; text-align: center; font-size: 14px; font-weight: 500; line-height: 20px } .video-queue-YWARgm { display: flex; gap: 4px; flex-direction: column } .video-queue-YWARgm .steps-XLOpM8 { display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: center; margin-bottom: 8px } .video-queue-YWARgm .steps-XLOpM8 .step-line-9W1oll { width: 24px; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, .8); position: relative } .video-queue-YWARgm .steps-XLOpM8 .step-line-9W1oll.stared-Ma443K:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: var(--theme-icon-brand); border-radius: 8px } .video-queue-YWARgm .steps-XLOpM8 .step-line-9W1oll.finished-MngGxP { background: var(--theme-icon-brand) } .video-queue-YWARgm .title--IkM8c { color: #262626; text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px } .video-queue-YWARgm .title--IkM8c { color: var(--theme-text-primary); text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px } .video-queue-YWARgm .desc-Nz5wpc { color: var(--theme-text-tertiary); text-align: center; font-size: 13px; font-style: normal; line-height: 18px } .video-queue-YWARgm .desc-Nz5wpc .link-NKzWMT { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-tertiary); font-size: 13px; line-height: 18px; text-decoration-line: underline; text-decoration-style: solid } .video-queue-YWARgm .desc-Nz5wpc .link-NKzWMT:hover { opacity: .85 } .video-content-XElasO { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4px; color: var(--theme-text-tertiary); text-align: center; font-size: 13px; line-height: 20px } .video-content-XElasO .title--IkM8c { color: #262626; text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px } .video-content-XElasO .desc-Nz5wpc { color: #262626; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px } .image-content-SUOrX7 { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4px; padding: 0 16px; color: var(--theme-text-tertiary); font-size: 14px; font-weight: 500; line-height: 20px; text-align: center } .image-content-SUOrX7 .clock-n8X5ic { display: inline-flex; top: 5px; position: relative } .lottie-c1b2HI { position: absolute; width: 100%; height: 100%; border-radius: 8px; --y-0: 88%; --c-0: hsl(334, 80%, 86%); --x-0: 20%; --y-1: 65%; --c-1: hsl(260, 100%, 97%); --x-1: 13%; --y-2: 58%; --c-2: hsl(262, 60%, 88%); --x-2: 4%; --y-3: 11%; --x-3: 17%; --c-3: hsl(250, 67%, 79%); background-color: #a483dd; background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)); animation: hero-gradient-animation-8qk8Uf 1.4s ease-in-out infinite alternate; background-blend-mode: normal, normal, normal, normal; top: 0; left: 0; z-index: 1; filter: blur(30px) } @keyframes hero-gradient-animation-8qk8Uf { 0% { --y-0: 88%; --c-0: hsl(334, 80%, 86%); --x-0: 20%; --s-start-0: 4%; --s-end-0: 64%; --y-1: 65%; --c-1: hsl(260, 100%, 97%); --s-start-1: 17%; --s-end-1: 76%; --x-1: 13%; --y-2: 58%; --c-2: hsl(262, 60%, 88%); --x-2: 4%; --s-start-2: 19%; --s-end-2: 52%; --s-start-3: 5%; --s-end-3: 57%; --y-3: 11%; --x-3: 17%; --c-3: hsl(250, 67%, 79%) } to { --y-0: 79%; --c-0: hsl(216, 55%, 91%); --x-0: 92%; --s-start-0: 15%; --s-end-0: 76%; --y-1: 42%; --c-1: hsl(198, 64%, 56%); --s-start-1: 2%; --s-end-1: 80%; --x-1: 32%; --y-2: 83%; --c-2: hsl(335, 93%, 95%); --x-2: 15%; --s-start-2: 15%; --s-end-2: 77%; --s-start-3: 0%; --s-end-3: 72%; --y-3: 37%; --x-3: 56%; --c-3: hsl(271, 88%, 97%) } } @property --y-0 { syntax: ""; inherits: false; initial-value: 88%; } @property --c-0 { syntax: ""; inherits: false; initial-value: hsl(334, 80%, 86%); } @property --x-0 { syntax: ""; inherits: false; initial-value: 20%; } @property --s-start-0 { syntax: ""; inherits: false; initial-value: 4%; } @property --s-end-0 { syntax: ""; inherits: false; initial-value: 64%; } @property --y-1 { syntax: ""; inherits: false; initial-value: 65%; } @property --c-1 { syntax: ""; inherits: false; initial-value: hsl(260, 100%, 97%); } @property --s-start-1 { syntax: ""; inherits: false; initial-value: 17%; } @property --s-end-1 { syntax: ""; inherits: false; initial-value: 76%; } @property --x-1 { syntax: ""; inherits: false; initial-value: 13%; } @property --y-2 { syntax: ""; inherits: false; initial-value: 58%; } @property --c-2 { syntax: ""; inherits: false; initial-value: hsl(262, 60%, 88%); } @property --x-2 { syntax: ""; inherits: false; initial-value: 4%; } @property --s-start-2 { syntax: ""; inherits: false; initial-value: 19%; } @property --s-end-2 { syntax: ""; inherits: false; initial-value: 52%; } @property --s-start-3 { syntax: ""; inherits: false; initial-value: 5%; } @property --s-end-3 { syntax: ""; inherits: false; initial-value: 57%; } @property --y-3 { syntax: ""; inherits: false; initial-value: 11%; } @property --x-3 { syntax: ""; inherits: false; initial-value: 17%; } @property --c-3 { syntax: ""; inherits: false; initial-value: hsl(250, 67%, 79%); } .image-dragger-WqtNgI { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; padding: 16px; flex-direction: column; align-items: flex-start; gap: 12px; z-index: 99; background: var(--theme-bg-white) } .image-dragger-WqtNgI .uploader-ODK2v9 { flex: 1 } .image-dragger-WqtNgI .uploader-ODK2v9 .placeholder-b6m9p6 { border-radius: 8px; border: 1px dashed var(--theme-border-active); background: var(--theme-fill-tsp-brand) } .image-dragger-WqtNgI .uploader-ODK2v9 .placeholder-b6m9p6:hover { background: var(--theme-fill-tsp-brand-tertiary) } .image-dragger-WqtNgI .brand-UcH9fj { color: var(--theme-text-brand) } .frame-uploader-5O6UJa { position: relative; height: 175px; width: 100% } .frame-uploader-5O6UJa.dragging-LwQhGk .placeholder-hSZYAt { background: var(--theme-fill-tsp-brand-tertiary) } .frame-uploader-5O6UJa.is-tight-ldHMPh .upload-tips-qXMwoq { margin-top: 0 !important } .frame-uploader-5O6UJa .loading-P9TIoa { position: absolute; inset: 0; z-index: 1; background: var(--theme-bg-mask); border-radius: 12px } .frame-uploader-5O6UJa .placeholder-hSZYAt { height: 100%; border-radius: 8px; border: 1px dashed rgba(79, 89, 102, .12); background: rgba(79, 89, 102, .04); padding: 24px 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: border-color .2s } .frame-uploader-5O6UJa .placeholder-hSZYAt:hover { border-color: var(--theme-border-active) } .frame-uploader-5O6UJa .placeholder-hSZYAt .upload-tips-qXMwoq { margin-top: 12px; color: var(--theme-text-primary); text-align: center; font-size: 13px; font-weight: 500; line-height: 18px } .frame-uploader-5O6UJa .image-preview-aT-y7I { position: relative; height: 100%; border-radius: 12px; background: #000 } .frame-uploader-5O6UJa .image-preview-aT-y7I img { object-fit: contain } .frame-uploader-5O6UJa .image-preview-aT-y7I .tip-1g92S1 { height: 52px; position: absolute; bottom: 0; left: 0; right: 0; border-radius: 0 0 12px 12px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); padding: 12px; text-shadow: 0px 2px 4px rgba(0, 0, 0, .5); color: #fff; text-align: center; font-size: 12px; font-weight: 500; line-height: 16px; display: flex; align-items: flex-end; justify-content: center } .frame-uploader-5O6UJa .image-preview-aT-y7I .change-layer-XBpkPG { position: absolute; inset: 0; background: var(--theme-bg-mask); align-items: center; justify-content: center; gap: 11px; padding: 34px; display: none; border-radius: 12px } .frame-uploader-5O6UJa .image-preview-aT-y7I:hover .change-layer-XBpkPG { display: flex } .file-limit-Uz3DIQ { font-size: 12px; font-weight: 400; line-height: 18px; color: var(--theme-text-quaternary); margin-top: 4px; text-align: center } .file-limit-Uz3DIQ .divider-Emfwvy { width: 1px; height: 12px; background: var(--theme-text-quaternary); display: inline-block; margin: 0 5px; position: relative; top: 2px } .back-yC7Y3E { display: flex; gap: 2px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .back-yC7Y3E .breadcrumb-XamF6- { display: flex; align-items: center; gap: 4px } .back-yC7Y3E .breadcrumb-XamF6- .breadcrumb-back-hQ65tt { color: var(--theme-text-quaternary) } .back-yC7Y3E .breadcrumb-XamF6- .breadcrumb-gap-PcQdDR, .back-yC7Y3E .breadcrumb-XamF6- .breadcrumb-current-aDHc7i { color: var(--theme-text-primary) } .back-guide-XrsEPk { display: flex; width: 360px; padding: 16px; flex-direction: column; gap: 12px; border-radius: 12px; background: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s2) } .back-guide-XrsEPk .title-ycpbry { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px; display: flex; align-items: center; justify-content: space-between } .back-guide-XrsEPk .desc-Mm91SW { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px } .back-guide-XrsEPk .video-r80NiY { border-radius: 4px } .top-bottom-layout-v6ggyA { display: flex; flex-direction: column; min-height: 100vh; background: var(--theme-bg-white) } .top-bottom-layout-v6ggyA.is-mobile-vqrY-y { height: 100%; padding-bottom: 145px; min-height: unset } .top-bottom-layout-v6ggyA.is-mobile-vqrY-y .form-t9yejy .submit-wrapper-YZNhj1 { padding: 16px; position: fixed; width: 100%; z-index: 99; background: var(--theme-bg-white); bottom: 0; left: 0; margin-top: 0 } .top-bottom-layout-v6ggyA.is-mobile-vqrY-y .main-z42vK5 { flex-direction: column; flex: 1 } .top-bottom-layout-v6ggyA.is-mobile-vqrY-y .main-z42vK5 .form-t9yejy { border-right: none; width: 100%; min-width: 100%; position: fixed; height: 0 } .top-bottom-layout-v6ggyA.is-mobile-vqrY-y .main-z42vK5 .content-0pUgs- { padding: 0 16px; max-height: unset } .header-dHUF-o { display: flex; width: 100%; height: 56px; padding: 12px; justify-content: space-between; align-items: center; flex-shrink: 0; background-color: transparent; z-index: 1 } .header-dHUF-o .right-e0C82L { display: flex; gap: 8px; height: 100%; align-items: center } .main-z42vK5 { flex: 1; min-height: 0; height: 100%; width: 100%; display: flex; flex-direction: row-reverse } .content-0pUgs- { flex: 1; min-height: 0; display: flex; justify-content: center; max-height: calc(100vh - 56px); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .content-0pUgs-::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .content-0pUgs-::-webkit-scrollbar-track { background: transparent } .content-0pUgs-::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .content-0pUgs-::-webkit-scrollbar-thumb:hover { background: #00000062 } .content-0pUgs-::-webkit-scrollbar-corner { background: transparent } .form-t9yejy { border-right: 1px solid var(--theme-border-light); width: 320px; height: 100%; position: relative; flex: 1; max-width: 320px; max-height: calc(100vh - 56px); display: flex; flex-direction: column; justify-content: space-between; z-index: 99; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .form-t9yejy::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .form-t9yejy::-webkit-scrollbar-track { background: transparent } .form-t9yejy::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .form-t9yejy::-webkit-scrollbar-thumb:hover { background: #00000062 } .form-t9yejy::-webkit-scrollbar-corner { background: transparent } .form-t9yejy .simplebar-content { min-height: 100%; display: flex; flex-direction: column; justify-content: space-between } .form-t9yejy .form-wrapper-Ew0HdV { padding: 0 20px; margin-bottom: 12px } .form-t9yejy .submit-wrapper-YZNhj1 { padding: 16px; position: sticky; width: 100%; z-index: 99; background: var(--theme-bg-white); bottom: 0; border-top: 1px solid var(--theme-border-light); margin-top: auto } @media screen and (max-width: 640px) { .top-bottom-layout-v6ggyA .main-z42vK5 { flex-direction: column } .top-bottom-layout-v6ggyA .main-z42vK5 .form-t9yejy { border-right: none; width: 100%; min-width: 100%; flex: 1 } .top-bottom-layout-v6ggyA .main-z42vK5 .content-0pUgs- { padding: 0 16px } } .left-right-layout-61fXmJ { display: flex; flex-direction: row; height: 100vh; background: var(--theme-bg-white) } .left-right-layout-61fXmJ .left-UPox1b { flex: 1; display: flex; min-height: 0; border-right: 1px solid var(--theme-border-light); flex-direction: column; width: 320px; max-width: 320px; position: relative } .left-right-layout-61fXmJ .left-UPox1b .form-t9yejy { width: 100%; border-right: none } .left-right-layout-61fXmJ .left-UPox1b .header-left-EOjbCj { height: 56px; padding: 12px; display: flex; align-items: center; width: 100% } .left-right-layout-61fXmJ .right-e0C82L { flex: 1; display: flex; min-height: 0; flex-direction: column; padding-bottom: 16px } .left-right-layout-61fXmJ .right-e0C82L .header-right-lZozYR { height: 56px; padding: 12px; display: flex; width: 100%; justify-content: flex-end; align-items: center; background-color: transparent; z-index: 1; gap: 8px } .left-right-layout-61fXmJ .right-e0C82L .content-0pUgs- { flex: 1; display: flex; min-height: 0; padding: 0 16px } .image-edit-layout-yTsGxF { display: flex; flex-direction: column; height: 100vh; max-height: 100vh } .image-edit-layout-yTsGxF.mobile-5dpkkd { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .image-edit-layout-yTsGxF.mobile-5dpkkd::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .image-edit-layout-yTsGxF.mobile-5dpkkd::-webkit-scrollbar-track { background: transparent } .image-edit-layout-yTsGxF.mobile-5dpkkd::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .image-edit-layout-yTsGxF.mobile-5dpkkd::-webkit-scrollbar-thumb:hover { background: #00000062 } .image-edit-layout-yTsGxF.mobile-5dpkkd::-webkit-scrollbar-corner { background: transparent } .image-edit-layout-yTsGxF.mobile-5dpkkd.has-submit-ylKT6r .main-IoUuVu { margin: 0 16px; width: calc(100% - 32px) } .image-edit-layout-yTsGxF.mobile-5dpkkd .submit-wrapper-7MJNuW { position: fixed; bottom: 16px; left: 16px; width: calc(100% - 32px) } .image-edit-layout-yTsGxF.mobile-5dpkkd .header-QoYSd4 .right-ueTgUQ { margin-left: auto } .image-edit-layout-yTsGxF .main-IoUuVu { flex: 1; min-height: 0; height: 100%; width: 100%; display: flex; flex-direction: column; position: relative } .image-edit-layout-yTsGxF .main-IoUuVu .loading-UKFGls { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; align-items: center; justify-content: center; border-radius: 8px; background: var(--theme-bg-mask); color: var(--theme-text-white-primary); text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; display: flex; gap: 12px; flex-direction: column; backdrop-filter: blur(20px) } .header-QoYSd4 { display: flex; width: 100%; min-height: 66px; align-items: center; flex-shrink: 0; background-color: transparent; z-index: 1; padding: 0 12px } .header-QoYSd4 .left-hzjimG { white-space: pre } .header-QoYSd4 .center-16Osj1 { margin: 0 auto; padding: 12px } .header-QoYSd4 .right-ueTgUQ { display: flex; gap: 8px; height: 100%; align-items: center } .image-empty-3JMK4s { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px } .image-empty-3JMK4s .content-KVhL1I { display: flex; flex-direction: column; background: var(--theme-bg-gray-primary); overflow: hidden; align-items: center; justify-content: center; max-width: 100% } .image-empty-3JMK4s .content-KVhL1I .image-SltWz- { width: 600px; min-height: 400px; pointer-events: none } .image-empty-3JMK4s .content-KVhL1I .text-wrap-IIth6P { padding: 24px 24px 0; display: flex; flex-direction: column; align-items: center; gap: 4px } .image-empty-3JMK4s .content-KVhL1I .text-wrap-IIth6P .title-UYcW4O { color: var(--theme-text-primary, #262626); text-align: center; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px } .image-empty-3JMK4s .content-KVhL1I .text-wrap-IIth6P .desc-y-AEeZ { color: var(--theme-text-tertiary); text-align: center; font-size: 14px; line-height: 22px; white-space: pre-wrap } .image-empty-3JMK4s.small-screen-kGxywk { margin-top: auto } .image-empty-3JMK4s.small-screen-kGxywk .image-SltWz- { width: 358px; min-height: 215px } .video-placeholder-rf-1QR { margin-top: 24px; padding: 0 24px 16px; width: 100% } .video-placeholder-rf-1QR.is-mobile-mY1f6d .inner-QeyHty { min-width: unset } .video-placeholder-rf-1QR .inner-QeyHty { min-width: 568px; width: 100%; height: 344px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; border-radius: 12px; overflow: hidden } .video-placeholder-rf-1QR .video-iPQaMB { position: absolute !important; width: 100%; height: 100%; object-fit: cover } .video-placeholder-rf-1QR .mask-806xbc { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 12px; background: rgba(0, 0, 0, .3); z-index: 1 } .video-placeholder-rf-1QR .video-placeholder-content-wVb4xk { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 12px; height: 100% } .video-placeholder-rf-1QR .video-placeholder-content-wVb4xk .logo-1Z-HJW { height: 22px } .video-placeholder-rf-1QR .video-placeholder-content-wVb4xk .desc-y-AEeZ { color: #fff; font-size: 16px; line-height: 16px } .water-mark-list-bHRPe9 { display: flex; align-items: center; gap: 12px; align-self: stretch; width: min(100%, 600px); margin: 0 auto } .water-mark-list-bHRPe9 .list-item-f0NCb0 { display: flex; padding: 12px; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 0 0; border-radius: 12px; background: var(--theme-fill-tsp-brand) } .water-mark-list-bHRPe9 .item-image-kwb8J0 { width: 60px; height: 48px } .water-mark-list-bHRPe9 .item-title-EdqwPX { color: var(--theme-text-primary); font-size: 14px; font-style: normal; line-height: 20px; font-weight: 500 } .water-mark-list-bHRPe9 .item-desc-HkG8YG { color: var(--theme-text-quaternary); font-size: 13px; line-height: 18px } .image-toolbar-gmCrMf { display: flex; gap: 8px; padding: 4px; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .image-toolbar-gmCrMf .split-line-8kUyIq { width: 20px; height: 1px; max-height: 1px; background: var(--theme-border-primary) } .image-toolbar-gmCrMf.no-border-ITIBWK { box-shadow: none } .image-toolbar-gmCrMf.row--sv2rW { flex-direction: row } .image-toolbar-gmCrMf.row--sv2rW .slider-EiRy-E { min-width: 150px } .image-toolbar-gmCrMf.row--sv2rW .split-line-8kUyIq { width: 1px; max-width: 1px; height: 20px; background: var(--theme-border-primary) } .image-toolbar-gmCrMf:not(.row--sv2rW) .slider-EiRy-E { min-height: 150px } .image-toolbar-gmCrMf .action-btn-qq72aj { width: 32px; height: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-primary) } .image-toolbar-gmCrMf .action-btn-qq72aj:hover { background-color: var(--theme-fill-tsp-components-primary) } .image-toolbar-gmCrMf .action-btn-qq72aj.active-OkkHJF { background-color: var(--theme-fill-black-none) !important; color: var(--theme-icon-white-primary) } .image-toolbar-gmCrMf .action-btn-qq72aj.disable-ySjMds { cursor: not-allowed } .color-panel-1yQsLs .reset-btn-ecUvko { margin-top: 4px } .slider-wrapper-KZ1El9 { display: flex; min-width: 225px; padding: 4px; justify-content: center; align-items: center; gap: 6px; border-radius: 8px; background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .color-result-8tqZJe { width: 26px; height: 26px; border-radius: 50%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center; margin: 6px 0 } .color-result-8tqZJe:hover { background-color: var(--theme-fill-tsp-components-primary) } .color-result-8tqZJe .inner-fLZbK8 { border-radius: 50%; width: 100%; height: 100%; border: 1px solid var(--theme-border-primary) } .bg-color-YlZe8I { display: flex; flex-direction: column; gap: 2px } .bg-color-YlZe8I .color-qQRhqb { width: 20px; height: 5px; border-radius: 100px; border: 1px solid var(--theme-border-primary) } .slider-action-fDnEBP { display: flex; flex-direction: column; gap: 8px; align-items: center } .slider-action-fDnEBP.row-WyI98S { flex-direction: row } .slider-action-fDnEBP.row-WyI98S .slider-EKd-GX { min-width: 150px } .slider-action-fDnEBP:not(.row-WyI98S) .slider-EKd-GX { min-height: 150px } .slider-action-fDnEBP .ant-slider-track { background-color: var(--theme-fill-black-none) !important } .slider-action-fDnEBP .ant-slider-rail { background-color: var(--theme-fill-tsp-components-primary) !important } .slider-action-fDnEBP .ant-slider-handle:after { box-shadow: 0 0 0 2px var(--theme-fill-black-none) !important } .submit-button-ET1t51 { display: flex; gap: 8px; background: linear-gradient(91deg, #4941ff 0%, #ae62ff 99.08%); transition: opacity .1s ease-in-out } .submit-button-ET1t51.canSubmit-G6j65k:not(.disabled-ZszS36):hover { opacity: .8 } .submit-button-ET1t51 .cost-m1JrTz { display: flex; gap: 4px; align-items: center; color: var(--theme-text-white-secondary) } .upload-box-bwgLw7 { flex: 1; height: 100%; width: 100%; overflow: hidden; position: relative; padding: 80px; display: flex; justify-content: center; align-items: center; flex-direction: column } .upload-box-bwgLw7 .content-453Hm- { border: 2px dashed var(--theme-border-primary); background-color: var(--theme-bg-gray-primary); border-radius: 20px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; cursor: pointer; transition: all .3s ease; padding: 16px } .upload-box-bwgLw7 .content-453Hm-:hover { border-color: var(--theme-btn-fill-primary); background-color: var(--theme-btn-fill-tertiary) } .upload-box-bwgLw7 .content-453Hm-:hover .icon-0W7BjY { color: var(--theme-btn-fill-tertiary-active) } .upload-box-bwgLw7 .icon-0W7BjY { color: var(--theme-icon-disable) } .upload-box-bwgLw7 .title-kLR2qD { margin-top: 24px; margin-bottom: 8px; font-size: 18px; font-weight: 500; line-height: 28px; color: var(--theme-text-primary) } .upload-box-bwgLw7 .desc-Sl7xpf { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-text-quaternary) } .upload-box-bwgLw7 .desc-Sl7xpf .divider-B5S3hn { width: 1px; height: 12px; background: var(--theme-border-light) } @media screen and (max-width: 640px) { .upload-box-bwgLw7 { width: 100%; padding: 50px 20px; overflow: unset } .upload-box-bwgLw7 .content-453Hm- { padding: 50px 10px } .upload-box-bwgLw7 .content-453Hm- .desc-Sl7xpf { flex-direction: column; gap: 4px } } .drop-layer-8jbPY9 { z-index: 1000; position: absolute; inset: 0; background-color: var(--theme-bg-white); padding: 20px; border-radius: 16px } .drop-layer-8jbPY9 .inner-nh0qv6 { width: 100%; height: 100%; backdrop-filter: blur(10px); background-color: var(--theme-btn-fill-tertiary); border: 2px solid var(--theme-btn-fill-primary); border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; color: #37404a } .image-route-bar-rVIECL { display: flex; padding: 4px; align-items: flex-start; gap: 4px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; flex-wrap: wrap; border-radius: 8px; background: var(--theme-bg-white) } .image-route-bar-rVIECL.light-bhdRTQ .action-tN4UGA { padding: 4px; border-radius: 4px } .image-route-bar-rVIECL.has-bg-nkTZ1U { margin: 12px; background: var(--theme-bg-tsp-white-primary); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); backdrop-filter: blur(12px) } .image-route-bar-rVIECL .action-tN4UGA { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; padding: 6px 12px; align-items: center; gap: 4px; border-radius: 6px } .image-route-bar-rVIECL .action-tN4UGA:hover { background: var(--theme-fill-tsp-components-primary) } .preview-29Sctz { position: absolute; z-index: -1 } .result-D8Ys7d { visibility: visible } .zoom-pan-image-f0oel8 { flex: 1; min-height: 0; display: flex; position: relative; max-width: 100%; max-height: 100% } .zoom-pan-image-f0oel8 .image-SxOId9 { object-fit: contain; user-select: none; -webkit-user-drag: none; max-width: 100%; max-height: 100%; height: 100%; width: 100%; border-radius: 8px } .zoom-pan-image-f0oel8:hover .image-route-wrapper-xzM5O5 { opacity: 1; z-index: 100 } .zoom-pan-image-f0oel8 .image-route-wrapper-xzM5O5 { position: absolute; top: 0; right: 0; opacity: 0 } .zoom-pan-image-f0oel8 .empty-Xq1Xlu { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center } .zoom-pan-image-f0oel8 .sketch-gbtHTu { position: absolute; inset: 0; display: flex; z-index: 99 } .zoom-pan-toolbar-VoLiDk { display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 8px; padding: 6px 12px; border-radius: 8px; border: 1px solid var(--transparent-grayblue-8); background: var(--transparent-white-85, rgba(255, 255, 255, .85)); backdrop-filter: blur(10px); height: 36px; position: relative } .zoom-pan-toolbar-VoLiDk .hand-tool-IIdllc { color: var(--grayblue-500) !important } .zoom-pan-toolbar-VoLiDk .hand-tool-IIdllc.is-active-To68ts { color: var(--grayblue-600) !important } .zoom-pan-toolbar-VoLiDk .action-item-iAtOUI { display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; padding: 4px; font-size: 14px; font-weight: 400; line-height: 22px; column-gap: 4px; color: var(--grayblue-600); border-radius: 8px } @media (hover: hover) and (pointer: fine) { .zoom-pan-toolbar-VoLiDk .action-item-iAtOUI:hover { background: var(--transparent-grayblue-8); opacity: 1 } } .zoom-pan-toolbar-VoLiDk .action-item-iAtOUI.is-disabled-Lk-np- { color: var(--grayblue-400) } .zoom-pan-toolbar-VoLiDk .action-item-iAtOUI.is-active-To68ts { color: var(--grayblue-800); border-radius: 8px; background: var(--transparent-grayblue-8); color: var(--brand-400); opacity: 1 } .zoom-pan-toolbar-VoLiDk .scale-percentage-r62DaZ { min-width: 40px; text-align: center; color: var(--grayblue-800); font-size: 14px } .zoom-pan-toolbar-VoLiDk .split-line-JYj7NZ { width: 8px; height: 100%; position: relative } .zoom-pan-toolbar-VoLiDk .split-line-JYj7NZ:before { content: ""; position: absolute; top: -7px; bottom: -7px; width: .5px; left: 50%; transform: translate(-50%); background: var(--transparent-black-8) } .image-tool-VtdmfS { width: 100%; padding: 16px; position: relative; height: 100%; flex: 1; display: flex; flex-direction: column; min-height: 0; max-height: calc(100vh - 56px); align-items: center; justify-content: center } .image-tool-VtdmfS .tool-bar-XYrSNZ { padding-top: 16px } .image-tool-VtdmfS.mobile-VWCalL { justify-content: unset } .image-tool-VtdmfS.mobile-VWCalL .zoom-pan-image-O-qLDQ { flex: unset } .image-tool-VtdmfS.mobile-VWCalL.compare-G6m115 { padding-bottom: 46px } .image-tool-VtdmfS.mobile-VWCalL.compare-G6m115 .tool-bar-XYrSNZ { position: fixed; bottom: 16px } .image-tool-VtdmfS.mobile-VWCalL .compare-G6m115 { height: unset; overflow: unset; flex-direction: column } .image-tool-VtdmfS .compare-G6m115 { height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px; overflow: hidden; width: 100% } .image-tool-VtdmfS .compare-G6m115 .compare-image-Aq-qBm { flex: 1; object-fit: contain; max-width: 100%; max-height: 100% } .notice-u-xPio { color: var(--theme-text-primary); text-align: center; font-size: 14px; font-weight: 500; line-height: 20px; margin-top: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .notice-u-xPio .link-0syCZq { color: var(--theme-text-brand) } .cancel-OvqkbM { display: flex; gap: 2px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .center-UN4WA8 .notice-u-xPio { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; display: flex; gap: 6px } .loading-olWyN0 { position: absolute; top: 0; z-index: 999; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: var(--theme-text-white-primary); pointer-events: none } .loading-olWyN0 .box--2oOMv { display: inline-flex; padding: 20px; flex-direction: column; justify-content: center; align-items: center; gap: 13px; border-radius: 16px; background: var(--theme-bg-mask); backdrop-filter: blur(20px); min-width: 136px; pointer-events: auto } .change-background-tool-cnjcsG { display: flex; gap: 12px; align-content: center; justify-content: center } .change-background-tool-cnjcsG .list-UGqeZB { visibility: visible } .change-background-tool-cnjcsG .change-background-select-ahI2t9 { padding: 4px 6px } .change-background-tool-cnjcsG.mobile-VWCalL .change-background-tool-inner-BWrTtf { align-items: flex-start; height: max-content } .upscale-tool-ypt-W2 { display: flex; gap: 12px; align-items: center } .upscale-tool-ypt-W2 .label-3ZDjmd { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .upscale-tool-ypt-W2 .list-UGqeZB { display: flex; gap: 4px } .upscale-tool-ypt-W2 .list-UGqeZB .upscale-item-WaGmxY { display: flex; padding: 8px 12px; align-items: center; border-radius: 8px; background: var(--theme-fill-tsp-components-primary) } .upscale-tool-ypt-W2 .list-UGqeZB .upscale-item-WaGmxY:hover { opacity: .7 } .upscale-tool-ypt-W2 .list-UGqeZB .upscale-item-WaGmxY:not(.is-disabled-XLijJs) { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .upscale-tool-ypt-W2 .list-UGqeZB .upscale-item-WaGmxY.is-disabled-XLijJs { cursor: not-allowed; background: var(--transparent-grayblue-8); color: var(--gray-400) } .upscale-tool-ypt-W2 .list-UGqeZB .upscale-item-WaGmxY.is-active-KqKqF4 { background: var(--brand-100); color: var(--brand-400) } .dropdown-select-HXTZsD { display: flex; height: 32px; padding: 8px 12px; align-items: center; gap: 6px; transition: background .1s ease-in-out; border-radius: 8px; border: 1px solid var(--theme-btn-border-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; white-space: pre } .dropdown-select-HXTZsD:hover { background: var(--theme-btn-fill-secondary-hover) } .dropdown-select-HXTZsD .label-3ZDjmd { flex: 1; display: flex; gap: 6px } .dropdown-select-HXTZsD .arrow-down-CYMji2 { transition: transform .1s ease-in-out } .dropdown-select-HXTZsD .arrow-down-CYMji2.expand-cgU3DD { transform: rotate(180deg) } .options-0kCVvo { padding: 4px; max-height: 50vh; display: flex; flex-direction: column; border-radius: 10px; background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .options-0kCVvo .title-FHjgTr { padding: 12px; color: var(--theme-text-tertiary); font-size: 13px; line-height: 18px; white-space: pre-wrap; flex-shrink: 0 } .options-0kCVvo .scroller-xgPpsf { flex: 1; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .options-0kCVvo .scroller-xgPpsf::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .options-0kCVvo .scroller-xgPpsf::-webkit-scrollbar-track { background: transparent } .options-0kCVvo .scroller-xgPpsf::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .options-0kCVvo .scroller-xgPpsf::-webkit-scrollbar-thumb:hover { background: #00000062 } .options-0kCVvo .scroller-xgPpsf::-webkit-scrollbar-corner { background: transparent } .color-picker-OKdQ8l { display: flex; flex-wrap: wrap; gap: 12px } .color-picker-OKdQ8l .color-item-x-dCus { position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 32px; height: 32px; border-radius: 6px; border: 1px solid var(--transparent-grayblue-8, rgba(79, 89, 102, .08)) } .color-picker-OKdQ8l .color-item-x-dCus:hover:before, .color-picker-OKdQ8l .color-item-x-dCus.is-active-h-BVNu:before { content: ""; position: absolute; inset: -4px; border: 2px solid transparent; border-radius: 10px; box-sizing: border-box } .color-picker-OKdQ8l .color-item-x-dCus:hover:before { border-color: var(--brand-200) } .color-picker-OKdQ8l .color-item-x-dCus.is-active-h-BVNu:before { border-color: var(--brand-400) } .color-picker-OKdQ8l .color-select-2-aMHp { background: conic-gradient(from 180deg at 50% 50%, #0144ff 0deg, #f00 46.87499821deg, #ff00c7 91.87500358deg, #ffe600 153.75000358deg, #00ff47 211.87500715deg, #00f0ff 288.74999285deg, #001aff 360deg); border: none } .color-picker-OKdQ8l .color-disabled-E9Od-N { display: flex; flex-direction: row; justify-content: center; align-items: center; background: var(--transparent-grayblue-8); color: var(--grayblue-600) } .generated-image-fDbIje { position: relative; display: flex; align-items: center; justify-content: center } .generated-image-fDbIje.only-one-1a-oe6 .image-wrapper-cDmwGq { height: calc(100vh - 140px) } .generated-image-fDbIje.mobile-0Gz-Cb { height: unset !important } .generated-image-fDbIje .image-wrapper-cDmwGq { display: inline-block; position: relative; height: calc(100vh - 195px) } .generated-image-fDbIje .image-wrapper-cDmwGq:hover .image-route-wrapper-7s7dfu { opacity: 1 } .generated-image-fDbIje .image-wrapper-cDmwGq .image-route-wrapper-7s7dfu { z-index: 1; position: absolute; top: 0; right: 0; opacity: 0 } .generated-image-fDbIje .image-wrapper-cDmwGq .image-5-J3vo { border-radius: 8px; width: 100%; height: 100% } .generated-image-fDbIje .image-wrapper-cDmwGq .image-5-J3vo img { max-width: 100%; max-height: 100%; object-fit: contain } .water-mark-upgrade-v6fVHx { visibility: visible; display: flex; flex-direction: row; gap: 6px; align-items: center; justify-content: center; width: 100%; margin-top: 12px } .water-mark-upgrade-v6fVHx .content-RZHirK { font-size: 13px; font-style: normal; font-weight: 500; line-height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .water-mark-upgrade-v6fVHx .content-RZHirK:hover { opacity: .85 } .water-mark-upgrade-v6fVHx .content-RZHirK:hover .link-3gUI-f { text-decoration-line: underline; text-decoration-style: solid } .water-mark-upgrade-v6fVHx .content-RZHirK .link-3gUI-f { color: var(--theme-text-brand) } .carousel-with-thumbnails-2JQ6n2 { display: flex; flex-direction: column; margin-bottom: 20px; width: 100% } .carousel-with-thumbnails-2JQ6n2 .image-wrapper-4xhRB7 { width: 100% } .carousel-with-thumbnails-2JQ6n2 .thumbnail-list-ijPjE6 { display: inline-flex; align-items: center; margin-top: 52px; gap: 6px; justify-content: center; z-index: 2 } .carousel-with-thumbnails-2JQ6n2 .thumbnail-list-ijPjE6 .thumbnail-Y51GRG { display: flex; width: 43px; height: 43px; border: 3px solid transparent; justify-content: center; align-items: center; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .carousel-with-thumbnails-2JQ6n2 .thumbnail-list-ijPjE6 .thumbnail-Y51GRG.active-wKcMSR { border: 3px solid var(--theme-border-light); border-radius: 4px; background: linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), lightgray 50% / cover no-repeat; box-shadow: 0 0 0 3px #0000001f } .carousel-with-thumbnails-2JQ6n2 .thumbnail-list-ijPjE6 .thumbnail-Y51GRG .thumbnail-img-iSvOk4 { object-fit: contain; max-width: 100%; max-height: 100%; border-radius: 4px } .camera-control-x0Q29L .animate-box-RjFv9q { padding: 12px 16px; position: relative; height: 142px; border-radius: 10px; border: 1px solid var(--theme-border-light); background: var(--theme-fill-tsp-components-tertiary) } .camera-control-x0Q29L .animate-box-RjFv9q .animate-flg8Bw { width: calc(100% - 48px); height: calc(100% - 24px); z-index: 1; margin: 12px auto auto; position: relative; border-radius: 8px; border: 1px solid var(--theme-fill-tsp-brand-primary); background: var(--theme-fill-tsp-brand); transition: .4s linear; --view-rotate-x: 0; --view-rotate-y: 0; --view-rotate-z: 0; --view-translate-x: 0; --view-translate-y: 0; --view-translate-z: 1; transform: perspective(300px) scale(var(--view-translate-z)) rotate(var(--view-rotate-z)) rotateX(var(--view-rotate-x)) rotateY(var(--view-rotate-y)) translate(var(--view-translate-x)) translateY(var(--view-translate-y)) } .camera-control-x0Q29L .animate-box-RjFv9q .animate-flg8Bw.animate-vertical-18wOfN { --view-translate-y: calc(var(--monica-animate-data) * 1.2px) } .camera-control-x0Q29L .animate-box-RjFv9q .animate-flg8Bw.animate-horizontal-p6ybJ- { --view-rotate-x: calc(var(--monica-animate-data) * 2.4px) } .camera-control-x0Q29L .animate-box-RjFv9q .animate-flg8Bw.animate-zoom-9S6byO { --view-translate-z: calc(1 + (var(--monica-animate-data) * .02)) } .camera-control-x0Q29L .animate-box-RjFv9q .animate-flg8Bw.animate-pan-iUmmcA { --view-rotate-y: calc(var(--monica-animate-data) * 1.5deg) } .camera-control-x0Q29L .animate-box-RjFv9q .animate-flg8Bw.animate-tilt-BMmlkp { --view-rotate-x: calc(var(--monica-animate-data) * 2deg) } .camera-control-x0Q29L .animate-box-RjFv9q .animate-flg8Bw.animate-roll-xcF2Rs { --view-rotate-z: calc(var(--monica-animate-data) * 1.1deg) } .camera-control-x0Q29L .animate-box-RjFv9q .animate-flg8Bw.animate-down_back-oZC4WY { --view-translate-y: 10%; --view-translate-z: 1.17 } .camera-control-x0Q29L .animate-box-RjFv9q .animate-flg8Bw.animate-forward_up-Cj9Prs { --view-translate-y: -10%; --view-translate-z: .86 } .camera-control-x0Q29L .animate-box-RjFv9q .animate-flg8Bw.animate-right_turn_forward-ANKXpM { --view-rotate-y: 15deg; --view-translate-z: .86 } .camera-control-x0Q29L .animate-box-RjFv9q .animate-flg8Bw.animate-left_turn_forward-kP3sQK { --view-rotate-y: -15deg; --view-translate-z: .86 } .camera-control-x0Q29L .animate-box-RjFv9q .icon-wrapper-haI63h { position: absolute; inset: 0; margin: auto; z-index: 10; width: 22px; height: 22px } .camera-control-x0Q29L .type-xEY2by { display: flex; gap: 6px; flex-direction: column } .camera-control-x0Q29L .type-xEY2by .type-label-FwnDqD { margin-top: 16px } .camera-control-x0Q29L .type-xEY2by .desc-1OFx7h { color: var(--theme-text-quaternary); font-size: 13px; line-height: 20px } .camera-control-x0Q29L .type-xEY2by .slider-ST0OLk { display: flex; gap: 10px; flex-direction: column; margin-top: 16px } .camera-control-x0Q29L .type-xEY2by .slider-ST0OLk .top-XdQm-F { display: flex; justify-content: space-between; color: var(--theme-text-primary); font-size: 13px; line-height: 20px } .camera-control-x0Q29L .type-xEY2by .slider-ST0OLk .top-XdQm-F .num-KCckuB { color: var(--theme-text-secondary); font-size: 14px } .camera-control-x0Q29L .type-xEY2by .tool-slider-GH1YIG { width: 100%; margin-left: 0; margin-right: 0 } .camera-control-x0Q29L .type-xEY2by .tool-slider-GH1YIG .ant-slider-track { background: var(--brand-200) } .camera-control-x0Q29L .type-xEY2by .tool-slider-GH1YIG .ant-slider-handle:after { border: 2px solid var(--common-white); background: var(--brand-400); box-shadow: none; scale: 1.5 } .section-44PW84 { width: 100%; display: flex; flex-direction: column; gap: 12px } .title-67Bx-g { display: flex; align-items: center; color: var(--theme-text-primary); font-size: 14px; line-height: 22px; font-weight: 500; position: relative } .title-67Bx-g.required-R6ekQN:after { content: "*"; display: block; position: absolute; right: 0; top: 0; color: var(--function-error) } .title-67Bx-g .indicator-qC4ZQ0 { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .slider-wrapper-biB5hR { display: flex; flex-direction: column; gap: 12px } .slider-wrapper-biB5hR .tool-slider--Ku-Ij { flex: 1 } .slider-wrapper-biB5hR .tool-slider--Ku-Ij .ant-slider-track { background: var(--brand-200) } .slider-wrapper-biB5hR .tool-slider--Ku-Ij .ant-slider-handle:after { border: 2px solid var(--common-white); background: var(--brand-400); box-shadow: none; scale: 1.5 } .slider-wrapper-biB5hR .tool-slider--Ku-Ij .ant-slider-rail { background-color: var(--theme-fill-tsp-components-primary) } .slider-wrapper-biB5hR .desc-hlatAr { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; margin-top: -6px } .slider-wrapper-biB5hR .indicator-NTwS-T { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .base-pill-button-select-VFD-yE { display: flex; align-items: center; flex-wrap: wrap; gap: 6px } .base-pill-button-select-VFD-yE .pill-button-lY3hSt { display: flex; align-items: center; border-radius: 8px; border: 1px solid var(--theme-border-quaternary); color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 24px; transition: border-color .1s ease-in-out; padding: 0 12px; cursor: pointer; min-width: 48px; min-height: 32px; justify-content: center } .base-pill-button-select-VFD-yE .pill-button-lY3hSt:not(.disabled-ySznBM):hover, .base-pill-button-select-VFD-yE .pill-button-lY3hSt.active-EmolJM { border-color: var(--theme-text-brand) } .base-pill-button-select-VFD-yE .pill-button-lY3hSt.active-EmolJM { color: var(--theme-text-brand) } .base-pill-button-select-VFD-yE .pill-button-lY3hSt.disabled-ySznBM { opacity: .5; cursor: not-allowed } .duration-select-rYnIAh { display: flex; flex-direction: column; gap: 6px } .duration-select-rYnIAh .desc-WO6hjD { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .duration-select-rYnIAh .desc-WO6hjD .highlight-warmlX { color: var(--theme-text-brand); cursor: pointer } .duration-select-rYnIAh .duration-label-s2QhTn { display: flex; align-items: center; gap: 4px } .frames-0h7wSv { display: flex; gap: 10px } .frames-0h7wSv .uploader-iTHcR6 { flex: 1; height: 140px } .frames-0h7wSv .desc-bRI37U .upload-tips-Rv9eFj { margin-top: 12px; color: var(--theme-text-primary); text-align: center; font-size: 13px; font-weight: 500; line-height: 18px } .frames-0h7wSv .desc-bRI37U .name-NSBeCW { color: var(--theme-text-brand); text-align: center; font-size: 13px; font-weight: 500; line-height: 18px } .generate-mode-Be-lWX { display: flex; flex-direction: column; gap: 6px } .generate-mode-Be-lWX .desc-v7Gida { color: var(--theme-text-tertiary); font-size: 12px; line-height: 18px; white-space: pre-wrap } .generate-mode-9aLEX4 { display: flex; flex-direction: column; gap: 6px } .generate-mode-9aLEX4 .desc-sXAzJW { color: var(--theme-text-tertiary); font-size: 12px; line-height: 18px; white-space: pre-wrap } .image-form-p7ENte { display: flex; flex-direction: column; gap: 16px } .image-form-p7ENte.disabled-1PHEvi { opacity: .5; cursor: not-allowed } .image-form-p7ENte.disabled-1PHEvi>* { pointer-events: none } .image-form-p7ENte .model-title-2beMLI { width: 100%; display: flex; align-items: center } .image-form-p7ENte .model-title-2beMLI .title-text-k3-y3V { flex: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .image-form-p7ENte .model-title-2beMLI .models-3F4i28 { display: flex; align-items: center } .image-form-p7ENte .model-title-2beMLI .models-3F4i28 .model-QuXllm { width: 20px; height: 20px; position: relative } .image-form-p7ENte .model-title-2beMLI .models-3F4i28 .model-QuXllm:not(:last-child) { margin-right: -6px } .image-form-p7ENte .model-title-2beMLI .models-3F4i28 .number-4bDXEC { width: 24px; height: 24px; border: 1px solid var(--theme-border-primary); color: var(--theme-text-quaternary); display: flex; justify-content: center; align-items: center; background-color: var(--theme-bg-white); border-radius: 50%; z-index: 1; font-size: 12px } .image-quality--2gZ4v { display: flex; flex-direction: column; gap: 6px } .image-quality--2gZ4v .desc-OSLbVp { color: var(--theme-text-tertiary); font-size: 12px; line-height: 18px; white-space: pre-wrap } .base-dropdown-select-fkTbz1 { display: flex; align-items: center; gap: 6px; border-radius: 8px; border: 1px solid var(--theme-btn-border-primary); padding: 12px; width: 100%; cursor: pointer; transition: background .1s ease-in-out } .base-dropdown-select-fkTbz1:hover { background: var(--theme-btn-fill-secondary-hover) } .base-dropdown-select-fkTbz1 .label-bzNk89 { flex: 1; overflow: hidden } .base-dropdown-select-fkTbz1 .arrow-down-YOGsrj { transition: transform .1s ease-in-out } .base-dropdown-select-fkTbz1 .arrow-down-YOGsrj.expand-o0k67F { transform: rotate(180deg) } .options-XYfuWb { padding: 4px; max-height: 50vh; display: flex; flex-direction: column; border-radius: 10px; background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .options-XYfuWb .title-KaKDp1 { padding: 12px; color: var(--theme-text-tertiary); font-size: 13px; line-height: 18px; white-space: pre-wrap; flex-shrink: 0 } .options-XYfuWb .scroller-tjnKNl { flex: 1; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .options-XYfuWb .scroller-tjnKNl::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .options-XYfuWb .scroller-tjnKNl::-webkit-scrollbar-track { background: transparent } .options-XYfuWb .scroller-tjnKNl::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .options-XYfuWb .scroller-tjnKNl::-webkit-scrollbar-thumb:hover { background: #00000062 } .options-XYfuWb .scroller-tjnKNl::-webkit-scrollbar-corner { background: transparent } .options-XYfuWb .scroller-tjnKNl .option-5xeD-2 { padding: 12px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; cursor: pointer } .options-XYfuWb .scroller-tjnKNl .option-5xeD-2:hover { background: var(--theme-fill-tsp-components-secondary) } .options-XYfuWb .scroller-tjnKNl .option-5xeD-2 .option-label-dP5lLn { color: var(--theme-text-primary) } .option-arHZ1q { display: flex; align-items: flex-start; gap: 8px } .option-arHZ1q .option-icon-YESFNd { width: 32px; height: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center } .option-arHZ1q .right-VbYB-6 { flex: 1; overflow: hidden; display: flex; flex-direction: column; gap: 2px } .option-arHZ1q .right-VbYB-6 .title-ArnCLw { display: flex; align-items: center; gap: 6px } .option-arHZ1q .right-VbYB-6 .title-ArnCLw .title-text-y-6vBj { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .option-arHZ1q .right-VbYB-6 .title-ArnCLw .newTag-WCITO9 { display: flex; padding: 2px 6px; justify-content: center; align-items: center; border-radius: 4px; background: var(--theme-btn-fill-tertiary); color: var(--theme-text-brand); font-size: 12px; line-height: 16px } .option-arHZ1q .right-VbYB-6 .desc-0-6cZD { color: var(--theme-text-tertiary); font-size: 12px; line-height: 18px; white-space: pre-wrap } .textarea-wrapper-DcsCAB { padding: 12px; border-radius: 8px; border: 1px solid var(--theme-border-primary); transition: border-color .1s ease-in-out } .textarea-wrapper-DcsCAB.focused-IZXFCt, .textarea-wrapper-DcsCAB:hover { border-color: var(--theme-text-brand) } .textarea-wrapper-DcsCAB .textarea-6O-UdE { font-size: 14px; line-height: 22px; color: var(--theme-text-primary); outline: none; border: none; width: 100%; resize: none; background: none } .textarea-wrapper-DcsCAB .textarea-6O-UdE::placeholder { color: var(--theme-icon-quaternary) } .textarea-wrapper-DcsCAB .footer-Z-rN8M { display: flex; justify-content: flex-end; color: var(--theme-text-disable); font-size: 12px; font-weight: 500; line-height: 16px } .footer-uACxM2 { display: flex; justify-content: flex-end; color: var(--theme-text-disable); font-size: 12px; font-weight: 500; line-height: 16px } .option-B9t5z8 { display: flex; align-items: center; gap: 6px } .input-number-DfRrf1 { border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); border: 1px solid transparent } .input-number-DfRrf1:hover, .input-number-DfRrf1.focused-D8MlDs { border-color: var(--theme-border-active) } .input-number-DfRrf1 .ant-input-number-wrapper .ant-input-number-group-addon { background-color: transparent; background: transparent; border: none; padding-left: 12px; padding-right: 0; color: var(--theme-text-quaternary); font-size: 14px; font-weight: 500; line-height: 20px } .input-number-DfRrf1 .ant-input-number-wrapper .ant-input-number { border: none; background: transparent; box-shadow: none } .input-number-DfRrf1 .ant-input-number-wrapper .ant-input-number input { padding-left: 4px } .ratio-select-with-custom-bzj2O7 { display: flex; flex-direction: column; gap: 12px } .option-k7-QRH { display: flex; align-items: center; gap: 6px } .custom-RKAYbO { width: 100%; display: flex; flex-direction: row; gap: 12px } .custom-RKAYbO .pill-button-55gGmR { display: flex; align-items: center; border-radius: 8px; border: 1px solid var(--theme-border-quaternary); color: var(--theme-text-quaternary); font-size: 14px; font-weight: 500; line-height: 24px; transition: border-color .1s ease-in-out; padding: 0 0 0 12px; cursor: pointer; min-width: 48px; height: 32px; justify-content: center } .custom-RKAYbO .pill-button-55gGmR .input-number-agncVE { background: transparent; border: none; outline: none; box-shadow: none; color: var(--theme-text-primary) } .custom-RKAYbO .pill-button-55gGmR .input-number-agncVE input { color: var(--theme-text-primary) !important } .desc-p5WoiE { color: var(--theme-text-quaternary); font-size: 14px; line-height: 22px } .base-dropdown-select-EQfbOi { display: flex; align-items: center; gap: 6px; border-radius: 8px; border: 1px solid var(--theme-btn-border-primary); padding: 12px; width: 100%; cursor: pointer; transition: background .1s ease-in-out; position: relative } .base-dropdown-select-EQfbOi.size-small-pZD9kV { padding: 8px 12px } .base-dropdown-select-EQfbOi:hover { background: var(--theme-btn-fill-secondary-hover) } .base-dropdown-select-EQfbOi .label-Cvpwyn { flex: 1; overflow: hidden } .base-dropdown-select-EQfbOi .arrow-down-gB-iPm { transition: transform .1s ease-in-out } .base-dropdown-select-EQfbOi .arrow-down-gB-iPm.expand-kojhSQ { transform: rotate(180deg) } .base-dropdown-select-EQfbOi .arrow-down-gB-iPm.absolute-EEeCdW { position: absolute; right: 12px; top: 12px } .scroller-75zcC- { padding: 4px; max-height: 50vh; border-radius: 10px; background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); display: grid; gap: 4px; width: max-content; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .scroller-75zcC-::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .scroller-75zcC-::-webkit-scrollbar-track { background: transparent } .scroller-75zcC-::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .scroller-75zcC-::-webkit-scrollbar-thumb:hover { background: #00000062 } .scroller-75zcC-::-webkit-scrollbar-corner { background: transparent } .scroller-75zcC- .option-2d9CJQ { padding: 4px; border-radius: 8px; display: flex; flex-direction: column; align-items: center; gap: 8px; cursor: pointer; position: relative } .scroller-75zcC- .option-2d9CJQ:hover, .scroller-75zcC- .option-2d9CJQ.active-9-J-l8 { background: var(--theme-fill-tsp-components-primary) } .scroller-75zcC- .option-2d9CJQ .option-img-oxJnxL { width: 100px; height: 100px; border-radius: 4px; overflow: hidden; pointer-events: none } .scroller-75zcC- .option-2d9CJQ .option-label-qsTudj { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; text-align: center; word-wrap: break-word } .scroller-75zcC- .option-2d9CJQ .base-dropdown-selected-4HDghc { position: absolute; top: 8px; right: 8px } .scroller-75zcC- .option-2d9CJQ .base-dropdown-selected-4HDghc>span { position: relative; z-index: 1 } .scroller-75zcC- .option-2d9CJQ .base-dropdown-selected-4HDghc:after { display: block; content: " "; position: absolute; width: 18px; height: 18px; top: 2px; left: 2px; border-radius: 50%; background-color: var(--theme-bg-white); z-index: 0 } .option-3uIkcm { display: flex; align-items: center; gap: 8px } .option-3uIkcm .option-icon-Npxf5i { width: 32px; height: 32px; border-radius: 8px; display: flex; justify-content: center; align-items: center } .seed-AxvWKH { display: flex; flex-direction: column; gap: 6px } .seed-AxvWKH .desc-w5khsD { white-space: pre-wrap; color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .option-Gkt6Xr { display: flex; align-items: center; gap: 8px } .option-Gkt6Xr.size-small-1UH30N .option-icon-qcRwid { width: 20px; height: 20px; border-radius: 4px } .option-Gkt6Xr .option-icon-qcRwid { width: 32px; height: 32px; border-radius: 8px; display: flex; justify-content: center; align-items: center } .option-Gkt6Xr .option-icon-qcRwid img { border-radius: 4px } .option-E0V2iq { display: flex; flex-direction: column; gap: 8px; font-weight: 500 } .option-E0V2iq .option-icon-caz4Cq { width: 100%; border-radius: 4px } .option-E0V2iq .option-icon-caz4Cq img { border-radius: 4px } .template-select-FDceO0 { display: flex; flex-direction: column; gap: 6px } .template-select-FDceO0 .desc-ALXTfl { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .transform-frames-1jwyD8 { display: flex; gap: 8px; align-items: center; justify-items: center; flex-direction: column } .transform-frames-1jwyD8 .transform-icon-oOlcia:not(.disable-l8qV0x) { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .transform-frames-1jwyD8 .transform-icon-oOlcia.disable-l8qV0x { cursor: not-allowed; opacity: .6 } .transform-frames-1jwyD8 .transform-icon-oOlcia::hover { background-color: var(--theme-fill-tsp-components-primary) } .transform-frames-1jwyD8 .brand-awQ7Y9 { color: var(--theme-text-brand) } .upscale-config-XOfNr5 { display: flex; flex-direction: column; gap: 12px } .option-vRs0AJ { display: flex; align-items: center; gap: 6px } .custom-wqykjm { width: 100%; display: flex; flex-direction: row; gap: 12px } .custom-wqykjm .pill-button-QVEIFJ { display: flex; align-items: center; border-radius: 8px; border: 1px solid var(--theme-border-quaternary); color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 24px; transition: border-color .1s ease-in-out; padding: 0 0 0 12px; cursor: pointer; min-width: 48px; height: 32px; justify-content: center } .custom-wqykjm .pill-button-QVEIFJ .input-number-yJo-2W { background: transparent; border: none; outline: none; box-shadow: none } .video-quality-fUodhX { visibility: visible } .label-item-u--STR { display: flex; align-items: center; gap: 8px; color: var(--theme-text-primary) } .label-item-u--STR.is-column-JDCDrX { flex-direction: column } .label-item-u--STR .option-icon-kalsHf { width: 130px; height: 98px; border-radius: 8px; display: flex; justify-content: center; align-items: center } .label-item-ujd24z { display: flex; align-items: center; gap: 8px; color: var(--theme-text-primary) } .label-item-ujd24z.is-column-h-TzBO { flex-direction: column } .label-item-ujd24z .option-icon-F2BOhJ { width: 130px; height: 98px; border-radius: 8px; display: flex; justify-content: center; align-items: center } .carousel-loading-fpi0pI { display: flex; flex-direction: column; padding-bottom: 16px; margin: auto } .carousel-loading-fpi0pI .image-wrapper-CXfBWl { flex: 1; border-radius: 8px; width: calc(100% - 32px) } .carousel-loading-fpi0pI .image-wrapper-CXfBWl .loading-Iuvj18 { width: 100%; height: 100%; align-items: center; justify-content: center; display: flex } .carousel-loading-fpi0pI .thumbnail-list-yQjcq9 { display: inline-flex; align-items: center; margin-top: 52px; gap: 6px; justify-content: center; z-index: 2 } .carousel-loading-fpi0pI .thumbnail-list-yQjcq9 .thumbnail-HP6hvz { display: flex; width: 43px; height: 43px; border: 3px solid transparent; border-radius: 4px; background: linear-gradient(90deg, var(--theme-shadow-s1) 25%, var(--theme-shadow-s2) 37%, var(--theme-shadow-s1) 63%); background-size: 400% 100%; animation-name: skeleton-loading-ut-VIM; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } @keyframes skeleton-loading-ut-VIM { 0% { background-position: 100% 50% } to { background-position: 0 50% } } .generate-fail-JidXwU { display: flex; flex-direction: column; align-items: center; gap: 12px; flex-shrink: 0; flex: 1; min-height: 0; justify-content: center; border-radius: 8px; background: var(--theme-bg-gray-primary); padding: 0 16px; width: 100% } .generate-fail-JidXwU .fail-notice-Q4dOGJ { color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px } .generate-fail-JidXwU .btn-wrapper-0pAj8A { display: flex; flex-direction: row; gap: 8px } .generate-image-3iaeCA { flex: 1; width: 100%; display: flex; min-height: 0; position: relative; align-items: center; flex-direction: column } .generate-image-3iaeCA .zoom-left-pClMRt { position: absolute; left: 16px; bottom: 16px } .loading-c5jsb0 { flex: 1; display: flex; min-height: 0; align-items: center; justify-content: center; border-radius: 8px; background: var(--theme-bg-gray-primary) } .video--lxXRB { flex: 1; object-fit: contain; max-width: 100%; max-height: 100%; align-self: center } .video-wrapper-QAafqe { flex: 1; width: 100%; display: flex; flex-direction: column; padding: 20px } .empty-6aDz2k { display: flex; align-items: center; justify-content: center; gap: 10px; flex: 1; height: 100%; flex-direction: column } .empty-6aDz2k .image-sbSgEP { width: 100px; height: 100px } .empty-6aDz2k .desc-0q2Wlm { color: var(--theme-text-quaternary); text-align: center; font-size: 14px; line-height: 22px } .image-detail-f7Z1P3 { overscroll-behavior: contain } .realtime-form-ZSua8z { display: flex; padding: 12px; flex-direction: row; align-items: center; border-radius: 12px; background: var(--theme-bg-white); flex-wrap: wrap; box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .realtime-form-ZSua8z .style-select-W6ll0O { min-width: 150px } .realtime-form-ZSua8z .cfg-btn-p3STYe { height: 38px; border-radius: 8px; gap: 6px } .realtime-form-ZSua8z .input-wrapper-dd-eAc { flex: 1 } .realtime-form-ZSua8z .input-wrapper-dd-eAc .input-u4ilZP { background: transparent; border-color: transparent } .realtime-form-ZSua8z .style-select-W6ll0O { padding: 4px 6px } @media screen and (max-width: 640px) { .realtime-form-ZSua8z { padding: 8px } .realtime-form-ZSua8z .input-wrapper-dd-eAc { flex-basis: 100% } .loading-m5A-74 { position: absolute; right: 8px; top: 26px } } .cfg-wrapper-ihkm1Q { box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); background: var(--theme-bg-white); border-radius: 6px; min-width: 150px; padding: 12px; max-width: min(450px, calc(100vw - 32px)); width: max-content } .real-time-sketch-jPSoyH { flex-direction: row; gap: 11px; position: inherit; height: 100%; flex: 1; position: relative; min-height: 0; display: flex; justify-content: center } .real-time-sketch-jPSoyH .tool-wrapper-FXMNaS { position: absolute; left: 16px; top: 50%; transform: translateY(-50%) } .real-time-sketch-jPSoyH .main-yKYL8Z { width: 100%; margin: 0 120px; display: flex; flex-direction: column; gap: 12px; justify-content: center } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y { display: flex; gap: 12px; width: 100%; min-height: 0; flex: 1; justify-content: center; align-items: center } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C { position: relative } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C .inner-owZsl4 { display: flex; flex-direction: column; gap: 12px; width: 100%; height: 100%; overflow: hidden } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C .title-I7h2yX { color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; display: flex; align-items: center; gap: 4px } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C.sketch-I5zZse .canvas-wrapper-DoVTzT { flex: 0; border-radius: 8px; border: 1.5px solid var(--theme-border-primary); background-color: var(--theme-bg-gray-primary); position: relative } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C.sketch-I5zZse .canvas-wrapper-DoVTzT .canvas-C3yEDh { width: 100%; height: 100% } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C.sketch-I5zZse .empty-IseY2s { color: var(--theme-text-tertiary); text-align: center; font-size: 12px; line-height: 18px; justify-self: center; align-self: center; width: max-content; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C.preview-KNGPzR .image-wrapper-Aids-O { display: flex; min-height: 0; border-radius: 8px; background-color: var(--theme-bg-gray-primary); position: relative; overflow: hidden } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C.preview-KNGPzR .image-wrapper-Aids-O:hover .image-route-wrapper-WGBykN { opacity: 1; z-index: 100 } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C.preview-KNGPzR .image-wrapper-Aids-O .image-route-wrapper-WGBykN { position: absolute; top: 0; right: 0; opacity: 0 } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C.preview-KNGPzR .retry-asbSqv { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C.preview-KNGPzR .retry-asbSqv:hover { background-color: var(--theme-fill-tsp-components-secondary) } @keyframes spin-9hGjJq { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C.preview-KNGPzR .retry-asbSqv .icon-cpgkPt.refresh-Q74Iuu { animation: spin-9hGjJq 1s linear infinite } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C.preview-KNGPzR .duration-T0Tsem { display: flex; padding: 4px 6px; justify-content: center; align-items: center; gap: 10px; position: absolute; right: 8px; bottom: 8px; border-radius: 6px; background: rgba(0, 0, 0, .12); color: #fff } .real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C.preview-KNGPzR .image-lQQQJQ { flex: 1; object-fit: contain; user-select: none; -webkit-user-drag: none; max-width: 100%; max-height: 100%; border-radius: 8px } .real-time-sketch-jPSoyH .realtime-form-wJZxc4 { margin-bottom: 16px } .is-small-mPPETJ.real-time-sketch-jPSoyH { margin-bottom: 16px; min-width: auto; overflow-x: hidden } .is-small-mPPETJ.real-time-sketch-jPSoyH .realtime-form-wJZxc4 { position: fixed; bottom: 0; left: 12px; right: 12px } .is-small-mPPETJ.real-time-sketch-jPSoyH .tool-wrapper-FXMNaS { left: 6px; position: fixed; z-index: 99 } .is-small-mPPETJ.real-time-sketch-jPSoyH .main-yKYL8Z { flex-direction: row; min-width: auto; max-width: inherit; width: 100%; margin: 0; position: relative } .is-small-mPPETJ.real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y { flex-direction: column; padding-left: 56px; padding-right: 16px } .is-small-mPPETJ.real-time-sketch-jPSoyH .main-yKYL8Z .content-oVEc2Y .part-5QjZ4C { width: 100% !important; height: auto !important; left: 0; top: 0 } .is-small-mPPETJ.real-time-sketch-jPSoyH .main-yKYL8Z .form-L3SK4q { border-right: none; width: 100%; min-width: 100%; flex: 1 } .loading-CkZxM7 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: flex; justify-content: center; align-items: center; color: var(--theme-text-white-primary); pointer-events: none } .loading-CkZxM7 .box-P3RmFQ { display: inline-flex; padding: 20px; flex-direction: column; justify-content: center; align-items: center; gap: 13px; border-radius: 16px; background: var(--theme-bg-mask); backdrop-filter: blur(20px); min-width: 136px; pointer-events: auto } .real-time-text-to-image-4s4OQt { width: 100%; padding: 16px 16px 102px; position: relative; display: flex; justify-content: center; flex-direction: column; gap: 16px; justify-content: space-between; align-items: center } .real-time-text-to-image-4s4OQt .operate-wrapper-dtP2oc { position: fixed; bottom: 16px; left: 0; display: flex; gap: 24px; align-items: flex-end; width: 100%; justify-content: center; z-index: 1 } .real-time-text-to-image-4s4OQt .realtime-form-9SHlF3 { flex: 1; margin: 0 120px } .real-time-text-to-image-4s4OQt .retry-iJ6z8Y { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .real-time-text-to-image-4s4OQt .retry-iJ6z8Y:hover { background-color: var(--theme-fill-tsp-components-secondary) } @keyframes spin-bJmbSW { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .real-time-text-to-image-4s4OQt .retry-iJ6z8Y .icon-lotPGu { animation: spin-bJmbSW 1s linear infinite } .real-time-text-to-image-4s4OQt .duration-M3qyan { display: flex; padding: 4px 6px; justify-content: center; align-items: center; gap: 10px; position: absolute; right: 8px; bottom: 8px; border-radius: 6px; background: rgba(0, 0, 0, .12); color: #fff } @media screen and (max-width: 640px) { .real-time-text-to-image-4s4OQt { margin-bottom: 156px; align-items: unset } .real-time-text-to-image-4s4OQt .realtime-form-9SHlF3 { position: fixed; bottom: 16px; right: 16px; margin: unset; flex: 1; left: 16px } .real-time-text-to-image-4s4OQt .zoom-pan-image-j8fj73 { flex: unset } } .loading-rpsy2o { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; height: 100%; display: flex; justify-content: center; align-items: center; color: var(--theme-text-white-primary); pointer-events: none } .loading-rpsy2o .box-ci0Prl { display: inline-flex; padding: 20px; flex-direction: column; justify-content: center; align-items: center; gap: 13px; border-radius: 16px; background: var(--theme-bg-mask); backdrop-filter: blur(20px); min-width: 136px; pointer-events: auto } .upscale-image-Ui9IKJ { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative } .upscale-image-Ui9IKJ .fail-notice-wBPBe4 { height: 100% } .upscale-image-Ui9IKJ .loading-8msOEV { align-items: center } .upscale-image-Ui9IKJ .result-wrapper-UsGnGx { display: flex; flex-direction: column; justify-content: space-between; align-items: center } .upscale-image-Ui9IKJ .result-wrapper-UsGnGx .actions-dJgFaC { display: flex; padding: 4px; align-items: center; gap: 4px; border-radius: 10px; background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .upscale-image-Ui9IKJ .result-wrapper-UsGnGx .actions-dJgFaC .action-5Bruyw { display: flex; padding: 6px; border-radius: 6px; align-items: center; gap: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .upscale-image-Ui9IKJ .result-wrapper-UsGnGx .actions-dJgFaC .action-5Bruyw:hover { background: var(--theme-fill-tsp-components-primary) } .upscale-image-Ui9IKJ.is-mobile-SNEntb .image-wrapper-WY-mCG { height: unset !important } .upscale-image-Ui9IKJ .upgrade-EctccY { position: absolute; bottom: 0 } .upscale-tool-GUI26E { margin: 10px } .upscale-tool-GUI26E.hide-hF28Lb .wrapper-Li-W-I { pointer-events: none } .upscale-tool-GUI26E .loading-sBcOyv { position: absolute; z-index: 1; background: var(--theme-fill-tsp-components-tertiary); height: calc(100% + 1px) } .upscale-tool-GUI26E.disabled-uCabqL { opacity: .5; cursor: not-allowed } .upscale-tool-GUI26E.disabled-uCabqL>* { pointer-events: none } .upscale-tool-GUI26E .wrapper-Li-W-I { position: relative; border: 1px solid var(--theme-fill-tsp-components-primary); background: var(--theme-fill-tsp-components-tertiary) } .upscale-tool-GUI26E .upscale-box-h7fT8h { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw { pointer-events: unset; position: absolute; z-index: 5; padding: 11px; filter: drop-shadow(0 0 2px rgba(0, 0, 0, .3)); pointer-events: all; cursor: ns-resize } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw:before, .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw:after { position: absolute; background: white; border-radius: 2px; content: "" } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.top-left-SEjsqT { top: -1px; left: -1px; transform: translate(-50%, -50%); cursor: nwse-resize } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.top-left-SEjsqT:before { width: 100%; height: 4px; margin-top: -2px; margin-left: -2px } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.top-left-SEjsqT:after { width: 4px; height: 100%; margin-top: -2px; margin-left: -2px } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.top-right-ourHa6 { right: 1px; top: -1px; transform: translate(50%, -50%); cursor: nesw-resize } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.top-right-ourHa6:before { width: 100%; height: 4px; margin-right: -3px; margin-top: -2px; right: 50% } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.top-right-ourHa6:after { width: 4px; height: 100%; margin-right: -2px; margin-top: -2px } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.bottom-left-6NRcgK { left: -1px; bottom: 1px; transform: translate(-50%, 50%); cursor: nesw-resize } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.bottom-left-6NRcgK:before { width: 100%; height: 4px; margin-left: -2px; margin-bottom: -2px } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.bottom-left-6NRcgK:after { width: 4px; height: 100%; margin-left: -2px; margin-bottom: -3px; bottom: 50% } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.bottom-right-5b2THs { right: -1px; bottom: 1px; transform: translate(50%, 50%); cursor: nwse-resize } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.bottom-right-5b2THs:before { width: 100%; height: 4px; margin-right: -2px; margin-bottom: -2px; right: 50% } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.bottom-right-5b2THs:after { width: 4px; height: 100%; margin-right: -2px; margin-bottom: -3px; right: 50%; bottom: 50% } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.top-lx--aA { left: 50%; transform: translate(-50%, -50%) } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.top-lx--aA:before { width: 100%; height: 4px; margin-top: -2px } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.bottom-DRQ0t9 { left: 50%; bottom: 0; transform: translate(-50%, 50%) } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.bottom-DRQ0t9:before { width: 100%; height: 4px; margin-bottom: -2px } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.left-yLYdzh { top: 50%; left: 0; transform: translate(-50%, -50%); cursor: ew-resize } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.left-yLYdzh:before { width: 4px; height: 100%; margin-left: -2px } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.right-nOeEmW { top: 50%; right: 0; transform: translate(50%, -50%); cursor: ew-resize } .upscale-tool-GUI26E .upscale-box-h7fT8h .cropper-IPiLIw.right-nOeEmW:before { width: 4px; height: 100%; margin-bottom: -2px } .upscale-tool-GUI26E .image-wrapper-JvcmGa { position: absolute } .upscale-tool-GUI26E .image-wrapper-JvcmGa:hover { outline: 1px solid var(--theme-border-active) } .upscale-tool-GUI26E .image-wrapper-JvcmGa:hover .image-route-wrapper-OxrjNe { opacity: 1 } .upscale-tool-GUI26E .image-wrapper-JvcmGa.drag-size-nMrLwC .image-route-wrapper-OxrjNe { display: none } .upscale-tool-GUI26E .image-wrapper-JvcmGa.active-mtulbD { outline: 1px solid var(--theme-border-active) } .upscale-tool-GUI26E .image-wrapper-JvcmGa.active-mtulbD .cropper-IPiLIw { display: flex } .upscale-tool-GUI26E .image-wrapper-JvcmGa .cropper-IPiLIw { pointer-events: unset; position: absolute; z-index: 8; cursor: ns-resize; width: 22px; height: 22px; align-items: center; justify-content: center; display: none } .upscale-tool-GUI26E .image-wrapper-JvcmGa .cropper-IPiLIw:before { position: relative; width: 6px; height: 6px; border: 1px solid var(--theme-icon-brand); background: var(--theme-fill-btn-secondary); content: "" } .upscale-tool-GUI26E .image-wrapper-JvcmGa .cropper-IPiLIw.top-left-SEjsqT { top: 0; left: 0; transform: translate(-50%, -50%); cursor: nwse-resize } .upscale-tool-GUI26E .image-wrapper-JvcmGa .cropper-IPiLIw.top-right-ourHa6 { right: 0; top: 0; transform: translate(50%, -50%); cursor: nesw-resize } .upscale-tool-GUI26E .image-wrapper-JvcmGa .cropper-IPiLIw.bottom-left-6NRcgK { left: 0; bottom: 0; transform: translate(-50%, 50%); cursor: nesw-resize } .upscale-tool-GUI26E .image-wrapper-JvcmGa .cropper-IPiLIw.bottom-right-5b2THs { right: 0; bottom: 0; transform: translate(50%, 50%); cursor: nwse-resize } .upscale-tool-GUI26E .image-wrapper-JvcmGa .image-route-wrapper-OxrjNe { position: absolute; top: 0; right: 0; opacity: 0; z-index: 9 } .upscale-tool-GUI26E .image-wrapper-JvcmGa .image-dgta2a { cursor: grab; width: 100%; height: 100%; position: absolute } .image-view-emRKEB { position: relative; width: 100%; height: 100%; font-size: 14px } .image-view-emRKEB a:hover { opacity: 1 } .image-detail-wrapper-ozc9-G { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; background: var(--theme-bg-white); font-size: 14px } .image-home-Xs-kWZ { position: relative; width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; gap: 20px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-y: scroll !important } .image-home-Xs-kWZ::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .image-home-Xs-kWZ::-webkit-scrollbar-track { background: transparent } .image-home-Xs-kWZ::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .image-home-Xs-kWZ::-webkit-scrollbar-thumb:hover { background: #00000062 } .image-home-Xs-kWZ::-webkit-scrollbar-corner { background: transparent } .image-home-Xs-kWZ .title--M3xkK { display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 100% } .image-home-Xs-kWZ .title--M3xkK .left-xIgvs1, .image-home-Xs-kWZ .title--M3xkK .right-dZqm0x { display: flex; align-items: center; gap: 8px } .image-home-Xs-kWZ .title--M3xkK .left-xIgvs1 .action-btn-TRZcMd, .image-home-Xs-kWZ .title--M3xkK .right-dZqm0x .action-btn-TRZcMd { border-radius: 8px } .image-home-Xs-kWZ .banner-XE1J1f { width: 100%; height: 200px; padding: 40px; border-radius: 12px; display: flex; flex-direction: column; background-color: #0f0f11; flex-shrink: 0; cursor: pointer; position: relative; overflow: hidden } .image-home-Xs-kWZ .banner-XE1J1f.vip-user-OGe9On { display: flex; align-items: center; height: 72px } .image-home-Xs-kWZ .banner-XE1J1f.vip-user-OGe9On .left-xIgvs1 { gap: 16px; flex-direction: row; align-items: center; justify-content: center } .image-home-Xs-kWZ .banner-XE1J1f.vip-user-OGe9On .left-xIgvs1 .banner-title-eubdx7 { font-size: 18px; line-height: 24px } .image-home-Xs-kWZ .banner-XE1J1f .left-xIgvs1 { height: 100%; display: flex; flex-direction: column; justify-content: space-between; z-index: 1 } .image-home-Xs-kWZ .banner-XE1J1f .left-xIgvs1 .banner-title-eubdx7 { color: #fff; font-size: 20px; line-height: 26px; font-weight: 600; white-space: pre-wrap; display: flex; gap: 12px; align-items: center } .image-home-Xs-kWZ .banner-XE1J1f .left-xIgvs1 .button-f2P4YT { display: flex; height: 36px; padding: 0 10px; justify-content: center; align-items: center; border-radius: 10px; color: #000; background: #fff; font-size: 15px; font-weight: 600; width: fit-content; cursor: pointer; white-space: nowrap; transition: background .1s ease-in } .image-home-Xs-kWZ .banner-XE1J1f .left-xIgvs1 .button-f2P4YT:hover { background: #ddd } .image-home-Xs-kWZ .king-kong-flex-LIkO1A { display: grid; gap: 12px; grid-template-columns: repeat(6, 1fr) } .image-home-Xs-kWZ .king-kong-flex-LIkO1A .king-kong-item-PJdovc { flex: 1; overflow: hidden; border-radius: 12px; cursor: pointer; display: flex; flex-direction: column; transition: background-color .1s ease-in-out; background-color: var(--theme-fill-tsp-components-primary) } .image-home-Xs-kWZ .king-kong-flex-LIkO1A .king-kong-item-PJdovc:hover { background-color: var(--theme-fill-tsp-components-secondary) } .image-home-Xs-kWZ .king-kong-flex-LIkO1A .king-kong-item-PJdovc .item-text-VK-A6E { flex: 1; overflow: hidden; white-space: pre-wrap; display: flex; color: var(--theme-text-primary); padding: 16px 16px 0; font-weight: 500 } .image-home-Xs-kWZ .king-kong-flex-LIkO1A .king-kong-item-PJdovc .item-text-VK-A6E.text-right-Xilqhr { text-align: right } .image-home-Xs-kWZ .king-kong-flex-LIkO1A .king-kong-item-PJdovc img { object-fit: cover } .image-home-Xs-kWZ .quick-applies-la3v0C { display: flex; align-items: center; gap: 12px } .image-home-Xs-kWZ .quick-applies-la3v0C .quick-apply-kGviEB { width: 240px; height: 240px; flex-shrink: 0; border-radius: 12px; overflow: hidden; background-repeat: no-repeat; background-size: cover; padding: 16px; display: flex; flex-direction: column; justify-content: flex-end; position: relative } .image-home-Xs-kWZ .quick-applies-la3v0C .quick-apply-kGviEB:hover .quick-apply-bg-8sTixh { transform: scale(1.1) } .image-home-Xs-kWZ .quick-applies-la3v0C .quick-apply-kGviEB .is-new-fDZjqU { right: 8px; top: 8px; position: absolute; display: inline-flex; padding: 2px 6px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px; background: var(--theme-btn-fill-primary); color: var(--theme-text-white-primary); font-size: 12px; font-style: normal; font-weight: 500; line-height: 16px } .image-home-Xs-kWZ .quick-applies-la3v0C .quick-apply-kGviEB .quick-apply-content-Y07vap { display: flex; flex-direction: column; z-index: 1 } .image-home-Xs-kWZ .quick-applies-la3v0C .quick-apply-kGviEB .quick-apply-content-Y07vap .title--M3xkK { color: #fff; font-size: 15px; font-weight: 600; line-height: 20px } .image-home-Xs-kWZ .quick-applies-la3v0C .quick-apply-kGviEB .quick-apply-content-Y07vap .desc-R9cevf { color: #e9eaed; font-size: 13px; line-height: 20px } .image-home-Xs-kWZ .quick-applies-la3v0C .quick-apply-kGviEB .quick-apply-bg-8sTixh { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: transform .2s ease-in; z-index: 0; pointer-events: none } .image-home-Xs-kWZ .operation-class-h0zy5a { background: none !important } .image-home-Xs-kWZ .operation-class-h0zy5a>div { border: none; color: #fff; background: rgba(0, 0, 0, .75) !important; background-color: #000000bf !important; backdrop-filter: blur(4px) } .image-home-Xs-kWZ .full-screen-4ptZPh { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; padding: 4px; align-items: center; border-radius: 6px; border: 1px solid var(--theme-border-primary) } .image-home-Xs-kWZ .full-screen-4ptZPh:hover { opacity: .7 } .image-detail-wrapper-ozc9-G { position: fixed; inset: 0; z-index: 99 } .image-home-Xs-kWZ.small-screen-cy9GKH { padding: 20px 16px; gap: 20px } .image-home-Xs-kWZ.small-screen-cy9GKH .king-kong-flex-LIkO1A { gap: 8px; grid-template-columns: repeat(3, 1fr) } .image-home-Xs-kWZ.small-screen-cy9GKH .king-kong-flex-LIkO1A .king-kong-item-PJdovc .title-text-P4bLTI { padding: 12px 12px 0 } .image-home-Xs-kWZ.small-screen-cy9GKH .quick-apply-kGviEB { width: 200px; height: 200px } .image-home-Xs-kWZ.small-screen-cy9GKH .quick-apply-kGviEB.gallery-quick-apply-WRuOKk { width: 140px; height: 168px } .image-home-Xs-kWZ.small-screen-cy9GKH .quick-apply-kGviEB.video-IaMTwS { width: 140px; height: 140px } .image-home-Xs-kWZ.small-screen-cy9GKH .banner-XE1J1f { height: 120px; padding: 16px } .image-home-Xs-kWZ.small-screen-cy9GKH .banner-XE1J1f .button-f2P4YT, .image-home-Xs-kWZ.small-screen-cy9GKH .banner-XE1J1f .banner-title-eubdx7 { font-size: 13px !important; line-height: 18px !important } .image-home-Xs-kWZ.small-screen-cy9GKH .banner-XE1J1f.vip-user-OGe9On { height: 72px } .image-home-Xs-kWZ.small-screen-cy9GKH .quick-applies-la3v0C { gap: 8px } .image-home-Xs-kWZ.small-screen-cy9GKH .quick-applies-la3v0C .title--M3xkK { font-size: 14px } .image-home-Xs-kWZ.small-screen-cy9GKH .image-home-view-section-title { font-size: 18px } .loading-KylJLa { position: absolute; top: 0; z-index: 999; left: 0; width: 100%; height: 100%; justify-content: center; align-items: center; color: var(--theme-text-white-primary); display: none } .loading-KylJLa.visible-v48oFe { display: flex } .loading-KylJLa .box-ZmbsPJ { display: inline-flex; padding: 20px; flex-direction: column; justify-content: center; align-items: center; gap: 13px; border-radius: 16px; background: var(--theme-bg-mask); backdrop-filter: blur(20px); min-width: 136px } .no-more--0TJnB { height: 32px; position: relative; display: flex; align-items: center; justify-content: center } .no-more--0TJnB .line-eJqjCG { width: min(calc(100% - 32px), 350px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 1px; min-height: 1px; background-color: var(--theme-border-primary) } .no-more--0TJnB .notice-dtlV3M { padding: 0 24px; background-color: var(--theme-bg-white); color: var(--theme-text-quaternary); z-index: 2; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .no-more--0TJnB .notice-dtlV3M .link-RGLWOi { color: var(--theme-text-brand) } .section-LUJlaZ { width: 100%; display: flex; flex-direction: column; gap: 12px } .section-LUJlaZ .title-VAHtEZ { color: var(--theme-text-primary); font-size: 20px; font-weight: 600 } .waterfall-item-hSu4QD { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: relative; overflow: hidden; border-radius: 12px; cursor: default } .waterfall-item-hSu4QD:hover .do-same-yBk-vn { opacity: 1 } .waterfall-item-hSu4QD:hover img { transform: scale(1.1) } .waterfall-item-hSu4QD .media-Bp2Lw1 { min-height: 80px } .waterfall-item-hSu4QD img { object-fit: cover } .waterfall-item-hSu4QD img, .waterfall-item-hSu4QD video { width: 100%; transition: transform .2s ease-in; pointer-events: none } .waterfall-item-hSu4QD .video-indicator-JRtHTV { position: absolute; top: 12px; right: 12px; display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 24px; height: 24px; backdrop-filter: blur(4px) } .waterfall-item-hSu4QD .do-same-yBk-vn { opacity: 0; cursor: pointer; padding: 8px 16px; backdrop-filter: blur(10px); border-radius: 100px; background-color: #0000004d; transition: opacity .1s ease-in-out; position: absolute; bottom: 12px; left: 12px; color: #fff; width: calc(100% - 24px); display: flex; align-items: center; gap: 8px; justify-content: center; font-size: 13px } .waterfall-item-hSu4QD .do-same-yBk-vn:hover { background-color: var(--theme-btn-border-primary) } .waterfall-item-hSu4QD .tag-IWJ7Ez { padding: 2px 6px; backdrop-filter: blur(10px); border-radius: 8px; background-color: #0000004d; position: absolute; top: 12px; left: 12px; color: #fff; font-size: 12px } .waterfall-item-hSu4QD.is-small-screen-IORU1H .media-Bp2Lw1 { height: 100% } .waterfall-item-hSu4QD.is-small-screen-IORU1H .do-same-yBk-vn { font-size: 12px } .video-EX9UWc { position: relative; width: 100%; height: 100%; padding: 20px 16px; display: flex; flex-direction: column; gap: 20px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; --video-height: 56.25% } .video-EX9UWc::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .video-EX9UWc::-webkit-scrollbar-track { background: transparent } .video-EX9UWc::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .video-EX9UWc::-webkit-scrollbar-thumb:hover { background: #00000062 } .video-EX9UWc::-webkit-scrollbar-corner { background: transparent } .video-EX9UWc.hide-5u5GpC { display: none } .header-tdWzdE { display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 100%; flex-wrap: wrap } .header-tdWzdE .left-tcJJHg, .header-tdWzdE .right-PY7C9z { display: flex; align-items: center } .header-tdWzdE .left-tcJJHg .action-btn-oHQOAf, .header-tdWzdE .right-PY7C9z .action-btn-oHQOAf { border-radius: 8px } .header-tdWzdE .left-tcJJHg { gap: 16px } .header-tdWzdE .right-PY7C9z { gap: 8px } .header-tdWzdE .right-PY7C9z .usages-4aRq-o { margin-left: 0 } .header-tdWzdE .usages-4aRq-o { display: flex; align-items: center; gap: 8px; margin-left: 8px } .header-tdWzdE .full-screen-twdkI6 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; padding: 4px; align-items: center; border-radius: 6px; border: 1px solid var(--theme-border-primary) } .header-tdWzdE .full-screen-twdkI6:hover { opacity: .7 } .image-detail-wrapper-btxDUZ { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; background: var(--theme-bg-white); font-size: 14px } .banner-eDWyTl { width: 100%; min-height: 200px; border-radius: 12px; display: flex; flex-direction: column; background-color: #000; flex-shrink: 0; cursor: pointer; position: relative; padding: 36px 40px; overflow: hidden } .banner-eDWyTl .banner-model-1a0yOJ { height: 46px } .banner-eDWyTl .banner-model-1a0yOJ img { width: auto !important } .banner-eDWyTl .bg-HCWzIM { position: absolute; right: 0; max-width: max(85%, 860px); width: 100%; height: 100%; top: 0; z-index: 1 } .banner-eDWyTl .bg-HCWzIM .video-bg-gmu6kA { height: 100%; position: absolute; top: 0; right: 0 } .banner-eDWyTl .bg-HCWzIM .bg-color-UrycuC { background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%); height: 100%; position: absolute; top: 0; left: 0; max-width: 521px; width: 100% } .banner-eDWyTl .banner-content-UinJNY { position: relative; z-index: 2 } .banner-eDWyTl .banner-title--fBv0V { color: #fff; font-size: 18px; line-height: 24px; font-weight: 600; white-space: pre-wrap; display: flex; gap: 12px; align-items: center } .banner-eDWyTl .button-KZ96QN { display: flex; height: 36px; padding: 0 24px; justify-content: center; align-items: center; border-radius: 8px; color: #000; background: #fff; font-size: 15px; font-weight: 600; width: fit-content; cursor: pointer; white-space: nowrap; transition: background .1s ease-in; margin-top: 16px } .banner-eDWyTl .button-KZ96QN:hover { background: #ddd } .king-kong-aFfVlO { display: flex; flex-wrap: wrap; gap: 12px } .king-kong-aFfVlO .king-kong-item-E-1X-y { border-radius: 12px; background: var(--theme-fill-tsp-components-tertiary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex: 1 } .king-kong-aFfVlO .king-kong-item-E-1X-y .lt-QTL27C { padding: 16px; width: 49% } .king-kong-aFfVlO .king-kong-item-E-1X-y .lt-QTL27C .item-label-zN4mOx { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .king-kong-aFfVlO .king-kong-item-E-1X-y .lt-QTL27C .item-desc-tNRxJ- { margin-top: 4px; color: var(--theme-text-quaternary); font-size: 13px; line-height: 18px } .king-kong-aFfVlO .king-kong-item-E-1X-y .rt-0hDEf1 { flex-shrink: 0; position: relative; width: 51%; display: flex; justify-content: flex-end; align-items: center } .king-kong-aFfVlO .king-kong-item-E-1X-y .rt-0hDEf1 .video-cover--O15TC { max-height: 130px; width: auto } .king-kong-aFfVlO .king-kong-item-E-1X-y .rt-0hDEf1 .video-cover--O15TC img { object-fit: contain } .king-kong-aFfVlO .king-kong-item-E-1X-y .cover-u6ixx7 { object-fit: cover } .king-kong-aFfVlO .king-kong-item-E-1X-y:hover { opacity: 0, 8 } .king-kong-aFfVlO.large-view-fl6Mc2 .king-kong-item-E-1X-y .item-label-zN4mOx { font-size: 16px } .king-kong-aFfVlO.large-view-fl6Mc2 .king-kong-item-E-1X-y .item-desc-tNRxJ- { font-size: 14px } .king-kong-aFfVlO.vertical-view-fPjGhw .king-kong-item-E-1X-y { flex-direction: column } .king-kong-aFfVlO.vertical-view-fPjGhw .king-kong-item-E-1X-y .lt-QTL27C { padding: 12px 12px 8px; width: 100% } .king-kong-aFfVlO.vertical-view-fPjGhw .king-kong-item-E-1X-y .rt-0hDEf1 { padding: 0; width: 100% } .section-title-PPibMZ { margin-bottom: 12px; color: var(--theme-text-primary); font-size: 20px; font-weight: 600; line-height: 22px } .quick-application-1LneoI .quick-applies-NYgoQ4 { display: flex; align-items: center; gap: 12px } .quick-application-1LneoI .quick-applies-NYgoQ4 .quick-apply-suEtOi { width: 287px; height: 216px; flex-shrink: 0; border-radius: 12px; overflow: hidden; background-repeat: no-repeat; background-size: cover; padding: 16px; display: flex; flex-direction: column; justify-content: flex-end; position: relative } .quick-application-1LneoI .quick-applies-NYgoQ4 .quick-apply-suEtOi .is-new-LFjxaw { right: 8px; top: 8px; position: absolute; display: inline-flex; padding: 2px 6px; justify-content: center; align-items: center; gap: 4px; border-radius: 4px; background: var(--theme-btn-fill-primary); color: var(--theme-text-white-primary); font-size: 12px; font-style: normal; font-weight: 500; line-height: 16px } .quick-application-1LneoI .quick-applies-NYgoQ4 .quick-apply-suEtOi .quick-apply-content-JDW51d { display: flex; flex-direction: column; z-index: 1; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .4) 100%); padding: 16px; width: 100% } .quick-application-1LneoI .quick-applies-NYgoQ4 .quick-apply-suEtOi .quick-apply-content-JDW51d .title-EQ1-j3 { color: #fff; font-size: 15px; font-weight: 600; line-height: 20px } .quick-application-1LneoI .quick-applies-NYgoQ4 .quick-apply-suEtOi .quick-apply-content-JDW51d .title-EQ1-j3>* { vertical-align: middle } .quick-application-1LneoI .quick-applies-NYgoQ4 .quick-apply-suEtOi .quick-apply-content-JDW51d .desc-QJZRfB { color: #e9eaed; font-size: 13px; line-height: 20px } .quick-application-1LneoI .quick-applies-NYgoQ4 .quick-apply-suEtOi .quick-apply-bg-EzCGbs { width: 100%; height: 100%; position: absolute !important; top: 0; left: 0; transition: transform .2s ease-in; z-index: 0 } .showcases-i7TO4H .template-list-EMaDff { display: flex; flex-wrap: wrap; margin-bottom: -32px } .showcases-i7TO4H .template-item-ZDtmGX { width: calc(100% / 3 - 8px); margin-bottom: 32px } .showcases-i7TO4H .template-item-ZDtmGX:not(:nth-child(3n)) { margin-right: 12px } .showcases-i7TO4H .template-item-ZDtmGX .video-box-j95P50 { position: relative } .showcases-i7TO4H .template-item-ZDtmGX .video-box-j95P50:hover .create-btn-ul4KQh { display: flex } .showcases-i7TO4H .template-item-ZDtmGX .media-kvOQIl { border-radius: 12px; overflow: hidden; display: flex; min-height: auto; min-width: auto; width: 100%; padding-top: var(--video-height) } .showcases-i7TO4H .template-item-ZDtmGX .media-kvOQIl .media-poster-zJML5y { position: absolute; top: 0; left: 0 } .showcases-i7TO4H .template-item-ZDtmGX .tags-sjWUty { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; position: absolute; top: 12px; left: 12px } .showcases-i7TO4H .template-item-ZDtmGX .tags-sjWUty .tag-HbVEm6 { padding: 4px 6px; backdrop-filter: blur(10px); border-radius: 4px; background-color: #0000004d; color: var(--theme-text-white-primary); font-size: 13px } .showcases-i7TO4H .template-item-ZDtmGX .create-btn-ul4KQh { padding: 8px 16px; backdrop-filter: blur(10px); border-radius: 100px; background-color: #0000004d; transition: opacity .1s ease-in-out; position: absolute; bottom: 8px; color: #fff; display: none; align-items: center; gap: 8px; justify-content: center; font-size: 13px; max-width: 240px; left: 50%; transform: translate(-50%); width: calc(100% - 24px); height: 32px } .showcases-i7TO4H .template-item-ZDtmGX .create-btn-ul4KQh:hover { background-color: var(--theme-btn-border-primary) } .showcases-i7TO4H .template-item-ZDtmGX .prompt-box-hEarFr { margin-top: 6px; position: relative } .showcases-i7TO4H .template-item-ZDtmGX .prompt-box-hEarFr:hover .copy-btn-wrap-IvZBDt { display: flex } .showcases-i7TO4H .template-item-ZDtmGX .prompt-box-hEarFr .prompt-r6nQWi { color: var(--theme-text-quaternary); font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .showcases-i7TO4H .template-item-ZDtmGX .prompt-box-hEarFr .copy-btn-wrap-IvZBDt { width: 100%; position: absolute; top: 0; left: 0; display: none } .showcases-i7TO4H .template-item-ZDtmGX .prompt-box-hEarFr .copy-btn-wrap-IvZBDt>span { display: flex; width: 100% } .showcases-i7TO4H .template-item-ZDtmGX .prompt-box-hEarFr .copy-btn-wrap-IvZBDt .copy-btn-XGW4ep { width: 100%; height: 40px; border-radius: 8px; border: 1px dashed var(--theme-border-quaternary); background: rgba(255, 255, 255, .8); display: flex; align-items: center; justify-content: center; gap: 6px; color: var(--theme-text-primary); font-size: 13px; line-height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .small-view-nzJw6E .banner-eDWyTl { padding: 16px; min-height: 120px } .small-view-nzJw6E .banner-eDWyTl .banner-title--fBv0V { font-size: 15px; font-weight: 500; line-height: 20px } .small-view-nzJw6E .banner-eDWyTl .banner-model-1a0yOJ { height: 24px } .small-view-nzJw6E .banner-eDWyTl .button-KZ96QN { border-radius: 100px; margin-top: 8px; font-size: 14px; line-height: 20px } .small-view-nzJw6E .king-kong-aFfVlO .king-kong-item-E-1X-y { flex-direction: column } .small-view-nzJw6E .king-kong-aFfVlO .king-kong-item-E-1X-y .lt-QTL27C { padding: 12px 12px 8px; width: 100% } .small-view-nzJw6E .king-kong-aFfVlO .king-kong-item-E-1X-y .rt-0hDEf1 { padding: 0; width: 100% } .small-view-nzJw6E .king-kong-aFfVlO .king-kong-item-E-1X-y .item-label-zN4mOx { color: var(--theme-text-primary); font-size: 13px; font-weight: 500; line-height: 18px } .small-view-nzJw6E .king-kong-aFfVlO .king-kong-item-E-1X-y .item-desc-tNRxJ- { display: none } .small-view-nzJw6E .king-kong-aFfVlO .king-kong-item-E-1X-y .rt-0hDEf1 { margin-top: auto } .small-view-nzJw6E .quick-application-1LneoI .quick-apply-suEtOi { width: 240px; height: 180px; border-radius: 10px; padding: 13px } .small-view-nzJw6E .showcases-i7TO4H .template-item-ZDtmGX { width: 100%; margin-right: 0 } .medium-view-dPeVxd .showcases-i7TO4H .template-item-ZDtmGX { width: calc(50% - 6px); margin-right: 0 } .medium-view-dPeVxd .showcases-i7TO4H .template-item-ZDtmGX:not(:nth-child(2n)) { margin-right: 12px } .large-view-fl6Mc2 .showcases-i7TO4H .template-item-ZDtmGX { width: calc(100% / 3 - 8px); margin-right: 0 } .large-view-fl6Mc2 .showcases-i7TO4H .template-item-ZDtmGX:not(:nth-child(3n)) { margin-right: 12px } .extra-large-view-gK0DvE .showcases-i7TO4H .template-item-ZDtmGX { width: calc(25% - 9px); margin-right: 0 } .extra-large-view-gK0DvE .showcases-i7TO4H .template-item-ZDtmGX:not(:nth-child(4n)) { margin-right: 12px } ._monica-dark .showcases-i7TO4H .template-item-ZDtmGX .copy-btn-XGW4ep { background: rgba(0, 0, 0, .8) !important } .discover-zDKi6F { display: flex; flex-direction: column; align-items: center; flex: 1; min-height: 0px; border-radius: 0 0 12px 12px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 20px } .discover-zDKi6F::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .discover-zDKi6F::-webkit-scrollbar-track { background: transparent } .discover-zDKi6F::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .discover-zDKi6F::-webkit-scrollbar-thumb:hover { background: #00000062 } .discover-zDKi6F::-webkit-scrollbar-corner { background: transparent } .discover-zDKi6F .inner-uIDxB0 { display: flex; flex-direction: column; max-width: 800px; width: 100%; gap: 12px } .discover-zDKi6F .ads-wrap-QzzLaq { display: flex; position: relative } .discover-zDKi6F .ads-wrap-QzzLaq .ads-oE3tmm { overflow: hidden } .discover-zDKi6F .ads-wrap-QzzLaq .ads-oE3tmm .ads-inner-8sKP8W { display: flex; transition: transform .3s cubic-bezier(.25, .1, .25, 1); gap: 12px } .discover-zDKi6F .ads-wrap-QzzLaq .arrow-btn-ESNXxM { border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .discover-zDKi6F .ads-wrap-QzzLaq .arrow-btn-ESNXxM.hide-kHN1vi { cursor: default; opacity: 0 !important } .discover-zDKi6F .ads-wrap-QzzLaq .arrow-btn-ESNXxM:hover { opacity: .8 } .discover-zDKi6F .ads-wrap-QzzLaq .arrow-btn-ESNXxM.lt-RF35qC { left: -8px } .discover-zDKi6F .ads-wrap-QzzLaq .arrow-btn-ESNXxM.rt-OT2An2 { right: -8px } .discover-zDKi6F .banner-ad-ktG2yd { border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); display: flex; min-width: 300px; max-width: 378px; min-height: 120px; overflow: hidden } .discover-zDKi6F .banner-ad-ktG2yd .lt-RF35qC { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 16px } .discover-zDKi6F .banner-ad-ktG2yd .lt-RF35qC .title-MUJJ5P { color: var(--theme-text-primary); font-size: 14px; font-weight: 600; line-height: 1.5; white-space: pre-wrap } .discover-zDKi6F .banner-ad-ktG2yd .lt-RF35qC .text-kq2qdQ { color: var(--theme-text-primary); font-size: 12px; line-height: 18px; white-space: pre-wrap } .discover-zDKi6F .banner-ad-ktG2yd .lt-RF35qC .btn-SEtbye { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: inline-flex; color: var(--theme-text-link); font-size: 14px; font-weight: 600; line-height: normal; margin-top: 4px; display: flex; align-items: center; gap: 4px } .discover-zDKi6F .banner-ad-ktG2yd .lt-RF35qC .btn-SEtbye:hover { opacity: .8 } .discover-zDKi6F .banner-ad-ktG2yd .img-jkXEhQ { width: 140px } .discover-zDKi6F .recommend--op--F { border-radius: 10px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); padding: 12px } .discover-zDKi6F .recommend--op--F .recommend-title-3tn5aw { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .discover-zDKi6F .recommend--op--F .recommend-list-toW3-O { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap } .discover-zDKi6F .recommend--op--F .recommend-list-toW3-O.col-2-y07bxA .recommend-item-C4Zvpc { width: calc(50% - 4px) } .discover-zDKi6F .recommend--op--F .recommend-list-toW3-O.col-3-hvN2Au .recommend-item-C4Zvpc { width: calc(100% / 3 - 6px) } .discover-zDKi6F .recommend--op--F .recommend-list-toW3-O.col-4-1eUkjA .recommend-item-C4Zvpc { width: calc(25% - 6px) } .discover-zDKi6F .recommend--op--F .recommend-list-toW3-O.text-right-zzkQAa { text-align: right } .discover-zDKi6F .recommend--op--F .recommend-list-toW3-O .recommend-item-C4Zvpc { border-radius: 8px; background: var(--theme-bg-gray-primary); overflow: hidden; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: column; justify-content: space-between } .discover-zDKi6F .recommend--op--F .recommend-list-toW3-O .recommend-item-C4Zvpc .top-KTq7Ru { padding: 12px } .discover-zDKi6F .recommend--op--F .recommend-list-toW3-O .recommend-item-C4Zvpc .top-KTq7Ru .title-MUJJ5P { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .discover-zDKi6F .recommend--op--F .recommend-list-toW3-O .recommend-item-C4Zvpc .top-KTq7Ru .name-9vjjO- { color: var(--theme-text-primary); font-size: 12px; line-height: 18px; white-space: pre-wrap } .discover-zDKi6F .recommend--op--F .recommend-list-toW3-O .recommend-item-C4Zvpc .banner-Wk92-1 { max-width: 100%; min-height: 121px } .hint-pin-popover-KI0R0y { width: 328px; max-width: calc(100% - 20px); position: absolute; top: 16px; right: 58px; z-index: 500; transition: all .3s ease; box-shadow: var(--theme-box-shadow-s3); border-radius: 12px } .hint-pin-popover-KI0R0y.in-side-panel-Gs653k { right: 12px } .hint-pin-popover-KI0R0y .content-No6Rfd { background-color: var(--theme-bg-white); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 12px; position: relative; z-index: 2 } .hint-pin-popover-KI0R0y.arrow-ZdiHEr:after { content: ""; display: block; position: absolute; width: 30px; height: 30px; border-radius: 4px; background-color: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s3); z-index: 1 } .hint-pin-popover-KI0R0y.arrow-ZdiHEr.top-right-Z0c7Nt:after { top: 0; right: 0; transform: translate(-20px, -6px) rotate(45deg) } .hint-pin-popover-KI0R0y .close-LNn3N9 { position: absolute; top: 20px; right: 20px; padding: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 4px; color: var(--theme-icon-quaternary); z-index: 3; font-size: 0 } .hint-pin-popover-KI0R0y .close-LNn3N9:hover { background-color: var(--theme-btn-fill-secondary-hover) } .hint-pin-popover-KI0R0y .title-S8TpB- { font-size: 18px; font-weight: 600; line-height: 28px; color: var(--theme-text-primary); padding-right: 30px; display: flex; align-items: center; flex-wrap: wrap } .hint-pin-popover-KI0R0y .title-S8TpB- .plugin-FRk7vl { margin: 0 2px } .hint-pin-popover-KI0R0y .desc-rAeKpp { font-size: 14px; line-height: 22px; font-weight: 400; color: var(--theme-text-tertiary); margin-top: -8px } .hint-pin-popover-KI0R0y .banner-39RwDA { height: 160px; border-radius: 8px; border: 1px solid var(--theme-border-primary); overflow: hidden; background-color: var(--theme-bg-gray-primary) } .hint-pin-popover-KI0R0y .banner-39RwDA video { width: 100%; height: 100%; object-fit: cover } .main-nav-vLicl0 { border-left: 1px solid var(--theme-btn-border-primary); background: var(--theme-bg-gray-secondary); width: var(--main-nav-width); display: flex; flex-direction: column } .main-nav-vLicl0.main-nav-large-4LBBMT { padding: 0 8px } .main-nav-vLicl0.main-nav-medium-xT-FIG { padding: 0 2px } .main-nav-vLicl0.main-nav-small-wM4PSZ { padding: 0 4px } .main-nav-vLicl0 .scroll-view-p1I3FR { flex: 1; min-height: 0; display: flex; flex-direction: column } .install-button-rZhhVw { transition: all .2s } .install-button-rZhhVw .large-btn-FFgFpj { font-size: 16px; max-width: 100%; white-space: normal } .install-button-rZhhVw.animation-URMbrc:hover .large-btn-FFgFpj { transform: translateY(-4px); box-shadow: 0 100px 250px #561aac12, 0 50px 150px #561aac0f, 0 30px 80px #561aac0d, 0 15px 40px #561aac0a, 0 8px 24px #561aac08, 0 4px 10px #561aac05 } @media (max-width: 767.98px) { .install-button-rZhhVw { width: 100%; max-width: 552px; display: flex; flex-direction: row; justify-content: center; align-items: center } .install-button-rZhhVw .large-btn-FFgFpj { padding: 0 24px; width: max-content; min-width: unset !important; font-size: 14px; min-height: 40px; height: 40px } } .webapp-guide-dialog-tw-JOC { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 16px; padding: 24px; width: 100% } .webapp-guide-dialog-tw-JOC .header-PjZUM- { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 8px } .webapp-guide-dialog-tw-JOC .header-PjZUM- .title-7Rdu3W { color: var(--theme-text-primary); text-align: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px } .webapp-guide-dialog-tw-JOC .header-PjZUM- .description-YTzVQV { color: var(--theme-text-tertiary); text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .webapp-guide-dialog-tw-JOC .video-Q0c6q6 { width: 100%; max-height: 270px; border-radius: 12px } .webapp-guide-dialog-tw-JOC .button-YkRH5e { width: 100%; gap: 6px } .invite-card-VFcO9W { display: flex; justify-content: center; align-items: center; flex-direction: column; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; gap: 8px; padding: 8px; border-radius: 16px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); position: relative; width: 100% } .invite-card-VFcO9W .content-N3q-zl { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 2px } .invite-card-VFcO9W .content-N3q-zl .label-ozwrIs { color: var(--theme-text-secondary); text-align: center; font-size: 12px; font-style: normal; font-weight: 400 } .invite-card-VFcO9W .content-N3q-zl .desc-j4LAJR { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px; color: var(--theme-text-primary); font-size: 13px; font-style: normal; font-weight: 600; line-height: 22px; padding: 4px 0 0 } .invite-card-VFcO9W .content-N3q-zl .desc-j4LAJR .arrow-iLSFoo { display: inline-flex; position: relative; transition: all .2s ease-in-out; color: var(--theme-text-primary) } .invite-card-VFcO9W .content-N3q-zl .desc-j4LAJR:hover .arrow-iLSFoo { transform: translate(6px) } .invite-card-VFcO9W .button-4-TZFD { width: 100%; height: 28px } .invite-card-VFcO9W .close-ads-btn--jWfBu { position: absolute; top: -8px; right: -8px; z-index: 20; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 16px; visibility: hidden } .invite-card-VFcO9W .close-ads-btn--jWfBu .icon-btn-DVyv1e { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 10px; box-sizing: border-box; background: var(--theme-btn-border-primary); backdrop-filter: blur(2px); color: var(--theme-text-tertiary); padding: 0 4px; transition: all .2s ease-in-out } .invite-card-VFcO9W .close-ads-btn--jWfBu .icon-btn-DVyv1e:hover { background: var(--theme-btn-fill-primary); color: var(--theme-icon-white-primary) } .invite-card-VFcO9W:hover .close-ads-btn--jWfBu { visibility: visible } .invite-card-VFcO9W.small-MpWpdW { border: none; box-shadow: var(--theme-box-shadow-s1); padding: 12px 10px } .invite-card-VFcO9W.small-MpWpdW .desc-j4LAJR { line-height: 16px; font-size: 12px; background-color: var(--theme-btn-fill-secondary); width: 100%; border-radius: 12px; margin-top: 4px; transition: background-color .25s ease; padding: 4px; text-align: center } .invite-card-VFcO9W.small-MpWpdW .desc-j4LAJR .text-SN7m1V { flex: 1 1 auto; max-width: fit-content; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .invite-card-VFcO9W.small-MpWpdW .desc-j4LAJR:hover { background-color: var(--theme-btn-fill-secondary-hover) } .invite-card-VFcO9W.small-MpWpdW .desc-j4LAJR .arrow-iLSFoo { display: none } .recommend-upgrade-card-oFOfmL { position: relative; width: 100%; border-radius: 16px; padding: 10px; border: 1px solid var(--theme-btn-border-primary); background: var(--theme-bg-menu-white) } .recommend-upgrade-card-oFOfmL .promotion-card-CUNAug { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; width: 100%; cursor: pointer } .recommend-upgrade-card-oFOfmL .promotion-card-CUNAug .title-RD8RZ- { width: 100%; color: var(--theme-text-primary); text-align: center; font-size: 14px; font-weight: 700; line-height: 22px } .recommend-upgrade-card-oFOfmL .promotion-card-CUNAug .title-RD8RZ- .mark-TaErao { color: var(--theme-text-brand) } .recommend-upgrade-card-oFOfmL .promotion-card-CUNAug .list-H7NyxS { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 4px } .recommend-upgrade-card-oFOfmL .promotion-card-CUNAug .list-H7NyxS .feature-HKUJ4R { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; align-items: flex-start } .recommend-upgrade-card-oFOfmL .promotion-card-CUNAug .list-H7NyxS .feature-HKUJ4R .icon-MFlITg { margin-top: 0 } .recommend-upgrade-card-oFOfmL .promotion-card-CUNAug .list-H7NyxS .feature-HKUJ4R .label-XxSb80 { color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 16px; flex: 1 1 auto } .recommend-upgrade-card-oFOfmL .promotion-card-CUNAug .footer-4mYnM- { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 8px } .recommend-upgrade-card-oFOfmL .promotion-card-CUNAug .footer-4mYnM- .button--wm28L { width: 100%; white-space: normal; min-height: 32px; padding: 5px 12px; text-align: center; height: auto; font-size: 12px } .recommend-upgrade-card-oFOfmL .promotion-card-CUNAug .footer-4mYnM- .view-btn-St2Qfz { font-size: 12px; line-height: 16px; color: var(--theme-text-brand) } .recommend-upgrade-card-oFOfmL .recommend-plan-rTmixL { display: flex; justify-content: center; align-items: center; flex-direction: column; cursor: pointer; gap: 12px } .recommend-upgrade-card-oFOfmL .recommend-plan-rTmixL .main-It8-as { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 8px } .recommend-upgrade-card-oFOfmL .recommend-plan-rTmixL .main-It8-as .title-RD8RZ- { color: var(--theme-icon-primary); text-align: center; font-size: 16px; font-weight: 700; line-height: 24px } .recommend-upgrade-card-oFOfmL .recommend-plan-rTmixL .main-It8-as .title-RD8RZ- .mark-TaErao { color: var(--theme-icon-brand) } .recommend-upgrade-card-oFOfmL .recommend-plan-rTmixL .main-It8-as .features-1bIWJi { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 4px } .recommend-upgrade-card-oFOfmL .recommend-plan-rTmixL .main-It8-as .features-1bIWJi .feature-HKUJ4R { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; align-items: flex-start } .recommend-upgrade-card-oFOfmL .recommend-plan-rTmixL .main-It8-as .features-1bIWJi .feature-HKUJ4R .icon-MFlITg { margin-top: 3px } .recommend-upgrade-card-oFOfmL .recommend-plan-rTmixL .main-It8-as .features-1bIWJi .feature-HKUJ4R .label-XxSb80 { color: var(--theme-icon-secondary); font-size: 14px; font-weight: 400; line-height: 22px } .recommend-upgrade-card-oFOfmL .recommend-plan-rTmixL .button--wm28L { width: 100%; white-space: normal; min-height: 32px; padding: 5px 12px; text-align: center; height: auto } .recommend-upgrade-card-oFOfmL .countdown-PNhGBq { margin-top: -4px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; font-weight: 600 } .recommend-upgrade-card-oFOfmL .countdown-PNhGBq .colon-rQTYOA { color: var(--theme-icon-primary); font-size: 14px; line-height: 22px } .recommend-upgrade-card-oFOfmL .countdown-PNhGBq .day-y7HKf6, .recommend-upgrade-card-oFOfmL .countdown-PNhGBq .hour-yFCuaI, .recommend-upgrade-card-oFOfmL .countdown-PNhGBq .minute-OMk0yD, .recommend-upgrade-card-oFOfmL .countdown-PNhGBq .second-Kx-EOU { flex-direction: row; justify-content: center; align-items: center; display: flex; width: 24px; height: 24px; border-radius: 4px; background: var(--theme-btn-fill-tertiary); color: var(--theme-text-brand); font-size: 12px; line-height: 16px } .recommend-upgrade-card-oFOfmL:hover .close-ads-btn-md0i9N { visibility: visible } .recommend-upgrade-card-oFOfmL.small-PEG21W { border: none; box-shadow: var(--theme-box-shadow-s1); padding: 12px 10px } .recommend-upgrade-card-oFOfmL.small-PEG21W .recommend-plan-rTmixL .main-It8-as .title-RD8RZ- { font-size: 14px; line-height: 20px; text-align: center; width: 100% } .recommend-upgrade-card-oFOfmL.small-PEG21W .recommend-plan-rTmixL .main-It8-as .features-1bIWJi .feature-HKUJ4R .icon-MFlITg { margin-top: 1px } .recommend-upgrade-card-oFOfmL.small-PEG21W .recommend-plan-rTmixL .main-It8-as .features-1bIWJi .feature-HKUJ4R .label-XxSb80 { font-size: 12px; line-height: 18px } .recommend-upgrade-card-oFOfmL.small-PEG21W .recommend-plan-rTmixL .button--wm28L { font-size: 12px; padding: 6px 4px; height: fit-content; min-height: fit-content } .close-ads-btn-md0i9N { position: absolute; top: -8px; right: -8px; z-index: 20; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 16px; visibility: hidden } .close-ads-btn-md0i9N .icon-btn-HF62uF { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 10px; box-sizing: border-box; background: var(--theme-btn-border-primary); backdrop-filter: blur(2px); color: var(--theme-text-tertiary); padding: 0 4px; transition: all .2s ease-in-out } .close-ads-btn-md0i9N .icon-btn-HF62uF:hover { background: var(--theme-btn-fill-primary); color: var(--theme-icon-white-primary) } .yearly-guide-card-0SQWxh { width: 100%; cursor: pointer; border-radius: 12px; border: 1px solid var(--theme-border-light); position: relative } .yearly-guide-card-0SQWxh .logo-lJK-9d { position: absolute; width: 72px; height: 65px; top: 0; left: 50%; transform: translate(-50%, -52%); user-select: none } .yearly-guide-card-0SQWxh .cont-7c-zgd { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px; padding: 32px 10px 12px; background: linear-gradient(180deg, #F0EBFF 0%, #FFFFFF 100%); overflow: hidden; border-radius: 12px } .yearly-guide-card-0SQWxh .title-RD8RZ- { font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; color: var(--theme-text-primary) } .yearly-guide-card-0SQWxh .title-RD8RZ- .mark-TaErao { color: var(--theme-text-brand) } .yearly-guide-card-0SQWxh .desc-cxMqTj { margin-top: -6px; font-size: 13px; font-weight: 400; line-height: 18px; text-align: center; color: var(--theme-text-tertiary) } .yearly-guide-card-0SQWxh .footer-4mYnM- { width: 100% } .yearly-guide-card-0SQWxh .footer-4mYnM- .button--wm28L { width: 100%; white-space: normal; min-height: 28px; padding: 5px 12px; text-align: center; height: auto; font-size: 12px; background-color: var(--btn-fill-brand-secondary-hover); color: var(--theme-text-brand) } .yearly-guide-card-0SQWxh .footer-4mYnM- .button--wm28L:hover { background-color: var(--btn-fill-brand-secondary-hover2) } .yearly-guide-card-0SQWxh:hover .close-ads-btn-md0i9N { visibility: visible } ._monica-dark .yearly-guide-card-0SQWxh .cont-7c-zgd { background: var(--theme-bg-menu-white) } ._monica-dark .yearly-guide-card-0SQWxh .footer-4mYnM- .button--wm28L { background-color: var(--theme-btn-fill-secondary); color: var(--theme-text-brand) } .wrapper-yI0lXZ { z-index: 19 } .wrapper-yI0lXZ .upgrade-yearly-dialog-KkNZxp { background: linear-gradient(180deg, #776AFF 0%, #FDEEFF 100%); box-shadow: none; border: none; max-width: calc(100% - 16px) } .wrapper-yI0lXZ .upgrade-yearly-dialog-KkNZxp .close-Wrf41q { color: var(--theme-text-white-primary) } .wrapper-yI0lXZ .bg-bi8Owh { width: 100%; height: 100%; position: absolute; z-index: 1; user-select: none; pointer-events: none } .wrapper-yI0lXZ .bg-bi8Owh .a1-5oL-bM, .wrapper-yI0lXZ .bg-bi8Owh .a2-D0uWbC, .wrapper-yI0lXZ .bg-bi8Owh .a3-99jUXU { position: absolute; transform: rotate(-90deg); color: #d5d2ff } .wrapper-yI0lXZ .bg-bi8Owh .a1-5oL-bM { top: 0; right: 100px; opacity: .4 } .wrapper-yI0lXZ .bg-bi8Owh .a2-D0uWbC { top: 50px; right: 72px; opacity: .3 } .wrapper-yI0lXZ .bg-bi8Owh .a3-99jUXU { top: 16px; right: 55px; opacity: .2 } .wrapper-yI0lXZ .content-7-n7Bo { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 16px; padding: 20px; position: relative; z-index: 2 } .wrapper-yI0lXZ .content-7-n7Bo .title-uIMkST { width: 100%; color: var(--theme-text-white-primary); font-size: 20px; line-height: 26px; text-align: left; font-weight: 600 } .wrapper-yI0lXZ .content-7-n7Bo .plan-list-5Rnfv6 { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: stretch; gap: 12px; position: relative } .wrapper-yI0lXZ .content-7-n7Bo .plan-list-5Rnfv6 .arrow-898dpn { position: absolute; top: 50%; left: 182px; transform: translate(-50%, calc(-50% + 20px)); user-select: none; pointer-events: none } .wrapper-yI0lXZ .content-7-n7Bo .plan-list-5Rnfv6 .badge-H1AITR { position: absolute; top: 0; right: 0; transform: translate(10px, 10px) rotate(-12deg); width: 62px; height: 62px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 13px; font-weight: 860; line-height: 14px; text-align: center; color: var(--theme-text-white-primary) } .wrapper-yI0lXZ .content-7-n7Bo .plan-list-5Rnfv6 .badge-H1AITR .badge-bg-nGgVt0 { position: absolute; width: 100%; height: 100%; z-index: 1 } .wrapper-yI0lXZ .content-7-n7Bo .plan-list-5Rnfv6 .badge-H1AITR .text-OGodmz { position: relative; z-index: 2 } .wrapper-yI0lXZ .content-7-n7Bo .plan-item-4iIBx0 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px; overflow: hidden } .wrapper-yI0lXZ .content-7-n7Bo .plan-item-4iIBx0 .label-F3M469 { width: 100%; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--theme-text-white-primary) } .wrapper-yI0lXZ .content-7-n7Bo .plan-item-4iIBx0 .plan-cont-xR6c8J { width: 100%; flex: 1 1 auto; background: var(--theme-bg-menu-white); border-radius: 12px; padding: 16px 12px } .wrapper-yI0lXZ .content-7-n7Bo .plan-item-4iIBx0 .plan-header-pwc1Oh { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px } .wrapper-yI0lXZ .content-7-n7Bo .plan-item-4iIBx0 .plan-header-pwc1Oh .name-OPNmsu { flex: 1 1 auto; font-size: 13px; font-weight: 500; line-height: 18px; text-align: left; color: var(--theme-text-primary) } .wrapper-yI0lXZ .content-7-n7Bo .plan-item-4iIBx0 .price-3Fjq3R { border-top: 1px solid var(--theme-border-quaternary); margin-top: 12px; padding-top: 12px; font-size: 18px; font-weight: 600; line-height: 24px; text-align: left; color: var(--theme-text-primary) } .wrapper-yI0lXZ .content-7-n7Bo .plan-item-4iIBx0.current-plan-f0xAn- { width: 190px; flex: 0 0 190px } .wrapper-yI0lXZ .content-7-n7Bo .plan-item-4iIBx0.current-plan-f0xAn- .label-F3M469 { color: var(--theme-text-white-secondary); opacity: .65 } .wrapper-yI0lXZ .content-7-n7Bo .plan-item-4iIBx0.current-plan-f0xAn- .plan-cont-xR6c8J { background: #FFFFFF66 } .wrapper-yI0lXZ .content-7-n7Bo .plan-item-4iIBx0.current-plan-f0xAn- .price-3Fjq3R { color: var(--theme-text-tertiary) } .wrapper-yI0lXZ .content-7-n7Bo .plan-item-4iIBx0.target-plan-cFmH1l { flex: 1 1 auto } .wrapper-yI0lXZ .content-7-n7Bo .cost-y5JJos { width: 100%; border-top: 1px dashed var(--theme-border-primary); display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 600; line-height: 20px; gap: 12px; padding: 16px 4px 4px } .wrapper-yI0lXZ .content-7-n7Bo .upgrade-btn-gq-3wu { width: 100%; height: 48px; min-height: 48px } .wrapper-yI0lXZ .content-7-n7Bo .tips-SnFZa5 { list-style: disc; padding-left: 12px; width: 100% } .wrapper-yI0lXZ .content-7-n7Bo .tips-SnFZa5 li { font-size: 13px; font-weight: 400; line-height: 18px; text-align: left; color: var(--theme-text-tertiary) } .wrapper-yI0lXZ .content-7-n7Bo .tips-SnFZa5 li:not(:last-child) { margin-bottom: 4px } .wrapper-yI0lXZ.in-sider-nswlCK .content-7-n7Bo { padding: 16px } .wrapper-yI0lXZ.in-sider-nswlCK .content-7-n7Bo .upgrade-btn-gq-3wu { height: 44px; min-height: 44px } .wrapper-yI0lXZ.in-sider-nswlCK .content-7-n7Bo .plan-list-5Rnfv6 .arrow-898dpn { left: 170px } .wrapper-yI0lXZ.in-sider-nswlCK .content-7-n7Bo .plan-item-4iIBx0 .plan-cont-xR6c8J { padding: 12px } .wrapper-yI0lXZ.in-sider-nswlCK .content-7-n7Bo .plan-item-4iIBx0.current-plan-f0xAn- { width: 170px; flex: 0 0 170px } ._monica-dark .wrapper-yI0lXZ .upgrade-yearly-dialog-KkNZxp { background: linear-gradient(180deg, #776AFF 0%, #FDEEFF 100%) !important; box-shadow: none !important; border: none !important } .main-nav-ads-group-u5H1YH { margin-bottom: 8px; display: flex; flex-direction: column; gap: 8px } .main-nav-ads-group-u5H1YH .install-extension-gRGWd4 { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 12px; border-radius: 16px; background: var(--theme-bg-white); position: relative } .main-nav-ads-group-u5H1YH .install-extension-gRGWd4:hover .close-ITb1k3 { display: flex } .main-nav-ads-group-u5H1YH .install-extension-gRGWd4 .close-ITb1k3 { position: absolute; top: -4px; right: -4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; font-size: 14px; color: var(--theme-icon-white-primary); width: 18px; height: 18px; border-radius: 50%; background: var(--theme-icon-disable); display: flex; flex-direction: row; justify-content: center; align-items: center; display: none; transition: opacity .2s } .main-nav-ads-group-u5H1YH .install-extension-gRGWd4 .close-ITb1k3:hover { opacity: .8 } .main-nav-ads-group-u5H1YH .install-extension-gRGWd4 .install-extension-text-sKDXRf { color: var(--theme-text-primary); font-size: 14px; font-weight: 700; text-align: center } .main-nav-ads-group-u5H1YH .install-extension-gRGWd4 .install-extension-desc-UoFWL- { margin-top: 8px; color: var(--theme-text-tertiary); text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal } .main-nav-ads-group-u5H1YH .install-extension-gRGWd4 .install-extension-btn-QQeagN { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 12px } .main-nav-ads-group-u5H1YH .install-extension-gRGWd4 .install-extension-btn-QQeagN .inner-btn-V2KZXM { width: 100%; height: 36px; min-height: 36px; font-size: 14px } .context-menu-1cNgLs { position: fixed; z-index: 1031 } .tool-context-menu-wkjQhi { border-radius: 8px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); padding: 4px; width: max-content } .tool-context-menu-wkjQhi .menu-item-86XqoK { padding: 4px 8px 4px 12px; display: flex; align-items: center; gap: 10px; color: var(--theme-text-primary); font-size: 14px; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 4px } .tool-context-menu-wkjQhi .menu-item-86XqoK:hover { background-color: var(--theme-fill-tsp-components-secondary) } .main-nav-content-KS0oDX { flex: 1; min-height: 0; padding: 12px 0 0; display: flex; flex-direction: column; gap: var(--gap); width: 100%; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden; user-select: none; -webkit-user-select: none; -webkit-app-region: drag } .main-nav-content-KS0oDX::-webkit-scrollbar { height: 6px; width: 0px; margin-right: 10px } .main-nav-content-KS0oDX::-webkit-scrollbar-track { background: transparent } .main-nav-content-KS0oDX::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .main-nav-content-KS0oDX::-webkit-scrollbar-thumb:hover { background: #00000062 } .main-nav-content-KS0oDX::-webkit-scrollbar-corner { background: transparent } .main-nav-content-KS0oDX .more-icon-fEBAqv { width: 36px; height: 36px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 50%; display: flex; align-items: center; justify-content: center } .main-nav-content-KS0oDX .more-icon-fEBAqv.open-ntJwKs, .main-nav-content-KS0oDX .more-icon-fEBAqv:hover { background: var(--theme-fill-tsp-components-primary) } .main-nav-content-KS0oDX .spacer-Xik-GD { flex-shrink: 1; width: 100%; height: 1px } .divider-oh3cod { width: 24px; height: 1px; background: var(--theme-border-primary); margin: 0 auto } .divider-oh3cod.large-k-FsWC { width: calc(100% - 16px) } .more-item-K1r00o { display: flex; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; flex-direction: column; -webkit-app-region: no-drag } .more-item-K1r00o .plus-circle-eL-7IR { border-radius: 40px; padding: 8px; display: flex; align-items: center; justify-content: center } .more-item-K1r00o .name-FP7eSI { color: var(--theme-text-primary); text-align: center; font-size: 12px; font-weight: 400; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .more-item-K1r00o:not(.large-k-FsWC):hover .plus-circle-eL-7IR { background: var(--theme-fill-tsp-components-secondary) } .more-item-K1r00o:not(.large-k-FsWC).open-ntJwKs .plus-circle-eL-7IR { background: var(--theme-fill-tsp-components-secondary) } .more-item-K1r00o.large-k-FsWC { padding: 4px 8px; flex-direction: row; gap: 4px; width: 100%; border-radius: 8px } .more-item-K1r00o.large-k-FsWC .plus-circle-eL-7IR { padding: 6px } .more-item-K1r00o.large-k-FsWC .name-FP7eSI { font-size: 15px; line-height: 24px } .more-item-K1r00o.large-k-FsWC:hover, .more-item-K1r00o.large-k-FsWC.open-ntJwKs { background: var(--theme-fill-tsp-components-secondary) } .more-item-K1r00o.space-between-JZBSP5 { justify-content: space-between } .main-nav-item-wrapper-B3k-DE:not(.horizontal-drag-rBPKp0) { border-top: 2px solid transparent } .main-nav-item-wrapper-B3k-DE.horizontal-drag-rBPKp0 { border-left: 2px solid transparent } .main-nav-item-wrapper-B3k-DE.dragging-BHfVHo { cursor: grabbing } .main-nav-item-wrapper-B3k-DE.drag-enter-EjzVuN { border-radius: 0 !important; cursor: grabbing } .main-nav-item-wrapper-B3k-DE.drag-enter-EjzVuN:not(.horizontal-drag-rBPKp0) { border-top-color: var(--theme-text-link) } .main-nav-item-wrapper-B3k-DE.drag-enter-EjzVuN.horizontal-drag-rBPKp0 { border-left-color: var(--theme-text-link) } .main-nav-item-wrapper-B3k-DE:not(.draggable-2vlKog) { -webkit-user-drag: none } .main-nav-item-c4qmlD { display: flex; align-items: center; border-top: 2px solid transparent; cursor: pointer; user-select: none; -webkit-user-drag: element; position: relative; -webkit-app-region: no-drag } .main-nav-item-c4qmlD:hover { opacity: 1 !important } .main-nav-item-c4qmlD:after { content: ""; width: 100%; height: var(--gap); position: absolute; left: 0; top: 100% } .main-nav-item-c4qmlD .icon-ZRWA-Z { position: relative } .main-nav-item-c4qmlD.main-nav-item-small-OWcmCW, .main-nav-item-c4qmlD.main-nav-item-medium-Rjatyi { flex-direction: column; justify-content: center } .main-nav-item-c4qmlD.main-nav-item-small-OWcmCW .icon-ZRWA-Z, .main-nav-item-c4qmlD.main-nav-item-medium-Rjatyi .icon-ZRWA-Z { width: 36px; height: 36px; padding: 8px; border-radius: 50% } .main-nav-item-c4qmlD.main-nav-item-small-OWcmCW .icon-ZRWA-Z .new-tag-DW-4lZ, .main-nav-item-c4qmlD.main-nav-item-medium-Rjatyi .icon-ZRWA-Z .new-tag-DW-4lZ { position: absolute; top: 3px; right: 1px } .main-nav-item-c4qmlD.main-nav-item-small-OWcmCW:hover .icon-ZRWA-Z, .main-nav-item-c4qmlD.main-nav-item-medium-Rjatyi:hover .icon-ZRWA-Z { background: var(--theme-fill-tsp-components-primary) } .main-nav-item-c4qmlD.main-nav-item-medium-Rjatyi .name-ubKDEK { color: var(--theme-text-primary); text-align: center; font-size: 12px; font-weight: 400; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .main-nav-item-c4qmlD.main-nav-item-large-r-0dKl { border-radius: 8px; gap: 4px; padding: 4px 8px } .main-nav-item-c4qmlD.main-nav-item-large-r-0dKl .icon-ZRWA-Z { width: 28px; height: 28px; padding: 6px; border-radius: 50% } .main-nav-item-c4qmlD.main-nav-item-large-r-0dKl .icon-ZRWA-Z .new-tag-DW-4lZ { position: absolute; top: -1px; right: -2px } .main-nav-item-c4qmlD.main-nav-item-large-r-0dKl .name-ubKDEK { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-primary); font-size: 15px; line-height: 24px } .main-nav-item-c4qmlD.main-nav-item-large-r-0dKl:hover { background: var(--theme-fill-tsp-components-secondary) } .main-nav-item-c4qmlD.main-nav-item-active-ovA4jT.main-nav-item-small-OWcmCW .icon-ZRWA-Z, .main-nav-item-c4qmlD.main-nav-item-active-ovA4jT.main-nav-item-medium-Rjatyi .icon-ZRWA-Z { background: var(--theme-fill-tsp-components-primary) } .main-nav-item-c4qmlD.main-nav-item-active-ovA4jT.main-nav-item-small-OWcmCW .name-ubKDEK, .main-nav-item-c4qmlD.main-nav-item-active-ovA4jT.main-nav-item-medium-Rjatyi .name-ubKDEK { font-weight: 500 } .main-nav-item-c4qmlD.main-nav-item-active-ovA4jT.main-nav-item-large-r-0dKl { background: var(--theme-fill-tsp-components-secondary) } .main-nav-item-c4qmlD.main-nav-item-active-ovA4jT.main-nav-item-large-r-0dKl .name-ubKDEK { font-weight: 500 } .main-nav-list-popover-content-RWBMWf { padding: 12px 12px 20px; width: 366px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); border-radius: 10px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden; max-height: 600px } .main-nav-list-popover-content-RWBMWf::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .main-nav-list-popover-content-RWBMWf::-webkit-scrollbar-track { background: transparent } .main-nav-list-popover-content-RWBMWf::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .main-nav-list-popover-content-RWBMWf::-webkit-scrollbar-thumb:hover { background: #00000062 } .main-nav-list-popover-content-RWBMWf::-webkit-scrollbar-corner { background: transparent } .main-nav-list-popover-content-RWBMWf .category-fKG4ty+.category-fKG4ty { margin-top: 24px } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .category-title-grS9jH { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .category-desc-D1Pzoa { margin-top: 2px; color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .tool-list-RRBVij { display: flex; flex-wrap: wrap; margin-top: 8px; margin-left: -8px } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .tool-list-RRBVij .tool-item-dFRkT- { width: 25%; position: relative; border-radius: 8px } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .tool-list-RRBVij .tool-item-dFRkT- .context-menu-inner-6j1fX9 { width: 100%; height: 100%; padding: 10px 0 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .tool-list-RRBVij .tool-item-dFRkT- .tool-xZI2Wr { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .tool-list-RRBVij .tool-item-dFRkT- .tool-xZI2Wr.draggable-LqyiTB { -webkit-user-drag: element } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .tool-list-RRBVij .tool-item-dFRkT-:hover { background: var(--theme-fill-tsp-components-secondary) } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .tool-list-RRBVij .tool-item-dFRkT-:hover .ext-icon-8JZkAE { display: flex } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .tool-list-RRBVij .tool-item-dFRkT- .icon-Xm5uxf { width: 20px; height: 20px } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .tool-list-RRBVij .tool-item-dFRkT- p { color: var(--theme-icon-primary); font-size: 12px; font-weight: 500; line-height: 16px; margin-top: 10px; text-align: center; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis } .main-nav-list-popover-content-RWBMWf .category-fKG4ty .tool-list-RRBVij .tool-item-dFRkT- .ext-icon-8JZkAE { position: absolute; right: 3px; top: 3px; display: none } .main-nav-list-popover-content-RWBMWf .empty-Hn-R6R { height: 64px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; border: 1px dashed var(--theme-border-quaternary); color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; margin-top: 8px } @media (max-width: 470px) { .main-nav-list-popover-content-RWBMWf { width: 300px } } .user-avatar-qEYIgq { border-radius: 8px; position: relative; display: inline-block; overflow: hidden } .user-avatar-qEYIgq img { -webkit-user-drag: none; inset: 0; position: absolute; width: 100%; height: 100%; object-fit: cover } .user-avatar-qEYIgq img.avatar-F3BYjm { opacity: 0 } .user-avatar-qEYIgq.loaded-s-Wepq img.avatar-F3BYjm { opacity: 1 } .user-avatar-qEYIgq.loaded-s-Wepq img.default-tKn7zj { display: none } .user-avatar-qEYIgq.is-clickable-VYY5nM { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .user-avatar-qEYIgq.has-border-iFXDWs { border: 2px solid var(--theme-shadow-s1) } .team-avatar-SuXQWY { flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: var(--theme-text-white-primary); font-size: 20px; font-weight: 500; line-height: 24px; text-transform: capitalize; border-radius: 8px; overflow: hidden } .team-avatar-SuXQWY img { object-fit: cover } .workspace-item-CZ26rY { position: relative; width: 100%; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-radius: 12px; border: 1px solid var(--theme-border-primary); padding: 16px 10px 16px 16px; transition: background .2s; background: var(--theme-bg-white); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .workspace-item-CZ26rY:hover { background: var(--theme-fill-tsp-components-tertiary) } .workspace-item-CZ26rY .type-8a3XlV { font-size: 13px; line-height: 20px; color: var(--theme-text-quaternary) } .workspace-item-CZ26rY .lt-lyWpoR, .workspace-item-CZ26rY .rt-0bPTwK { display: flex; align-items: center; flex-shrink: 0 } .workspace-item-CZ26rY .lt-lyWpoR { flex: 1; min-width: 0; gap: 8px; font-size: 14px; line-height: 22px; color: var(--theme-text-primary) } .workspace-item-CZ26rY .lt-lyWpoR b { font-size: 500 } .workspace-item-CZ26rY .lt-lyWpoR .info-LSKva0 { min-width: 0; display: flex; flex-direction: column } .workspace-item-CZ26rY .lt-lyWpoR .info-LSKva0 .name-rPKZHQ { flex: 1; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .workspace-item-CZ26rY .rt-0bPTwK { gap: 8px } .workspace-item-CZ26rY.mini-cYeimF { border: none; background: var(--theme-fill-tsp-components-secondary); padding: 8px 10px } .workspace-item-CZ26rY.mini-cYeimF:hover { background: var(--theme-fill-tsp-components-primary) } .workspace-item-CZ26rY.mini-cYeimF .lt-lyWpoR .info-LSKva0 .type-8a3XlV { display: none } .workspace-selector-0nUCYu { position: relative } .guide-3NZ9D4 { width: 100%; display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 8px 10px; border-radius: 8px; transition: all .2s ease-in-out; background: var(--theme-fill-tsp-components-secondary); gap: 8px } .guide-3NZ9D4:hover { background: var(--theme-fill-tsp-components-primary) } .guide-3NZ9D4 .lt-Mlbtbs, .guide-3NZ9D4 .rt-DR-j73 { display: flex; align-items: center; flex-shrink: 0 } .guide-3NZ9D4 .lt-Mlbtbs { flex: 1; gap: 8px; font-size: 14px; line-height: 22px; color: var(--theme-text-primary) } .guide-3NZ9D4 .lt-Mlbtbs b { font-size: 500 } .select-workspace-dialog-9nn2uH { padding: 20px 0 0 20px } .select-workspace-dialog-9nn2uH .dialog-title-P-t7g4 { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px; padding-right: 20px } .select-workspace-dialog-9nn2uH .scroll-view-3B0Pf- { margin: 16px 0 24px; padding-right: 20px; display: flex; flex-direction: column; align-items: center; gap: 12px; min-height: 158px; max-height: 600px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .select-workspace-dialog-9nn2uH .scroll-view-3B0Pf-::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .select-workspace-dialog-9nn2uH .scroll-view-3B0Pf-::-webkit-scrollbar-track { background: transparent } .select-workspace-dialog-9nn2uH .scroll-view-3B0Pf-::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .select-workspace-dialog-9nn2uH .scroll-view-3B0Pf-::-webkit-scrollbar-thumb:hover { background: #00000062 } .select-workspace-dialog-9nn2uH .scroll-view-3B0Pf-::-webkit-scrollbar-corner { background: transparent } .select-workspace-dialog-9nn2uH .scroll-view-3B0Pf- .loading-XXz9YU { margin-top: 60px } .create-workspace-6ZvoXE { width: 100%; display: flex; align-items: center; gap: 16px; border-radius: 12px; border: 1px solid var(--theme-border-primary); padding: 16px 10px 16px 16px; transition: background .2s; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .create-workspace-6ZvoXE:hover { background: var(--theme-fill-tsp-components-tertiary) } .create-workspace-6ZvoXE .logo-3UXsbX { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center } .create-workspace-6ZvoXE .logo-3UXsbX .plus-yoZ4A3 { border-radius: 8px; border: 2px solid var(--theme-border-light); background: var(--theme-fill-tsp-components-secondary); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center } .create-workspace-6ZvoXE .info-etPFkx { flex: 1; min-width: 0 } .create-workspace-6ZvoXE .info-etPFkx .title-ZpzB1i { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .create-workspace-6ZvoXE .arrow-9VzO7w { display: flex } .workspace-switch-dialog-yuhE3u { position: relative; padding: 20px 20px 32px } .header-ZnJor9 { font-size: 18px; line-height: 24px; font-weight: 600; text-align: center; color: var(--theme-text-primary) } .content-CKDnAK { margin-top: 12px; min-height: 136px; display: flex; align-items: center; justify-content: center } .content-CKDnAK .switching-EqToUN { display: flex; flex-direction: column; align-items: center; gap: 8px } .content-CKDnAK .switching-EqToUN .text-E8RirG { font-size: 14px; line-height: 22px; color: var(--theme-text-tertiary) } .content-CKDnAK .switching-EqToUN .text-E8RirG b { font-weight: 500 } .content-CKDnAK .switched-blOO5p { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 16px } .content-CKDnAK .switched-blOO5p .text-E8RirG { font-size: 14px; line-height: 22px; color: var(--theme-text-tertiary) } .content-CKDnAK .switched-blOO5p .checked-uREJih { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; color: var(--theme-function-success) } .workspace-item-6Fi-PZ { pointer-events: none } .profile-jTFzo0 { display: flex; flex-direction: column; width: max-content; max-width: min(calc(100vw - 50px), 400px); min-width: 326px; padding: 16px 0; border-radius: 16px; background-color: var(--theme-bg-menu-white); background-size: 100% auto; background-repeat: no-repeat; box-shadow: 0 12px 40px -4px var(--theme-shadow-s2), 0 0 2px 0 var(--theme-shadow-s2); background-image: url(./profileBg.png) } .profile-jTFzo0 .header-evk-T- { display: flex; width: 100%; column-gap: 8px; height: 56px; padding: 0 16px } .profile-jTFzo0 .header-evk-T- .avatar-vP6J18 { position: relative; border-radius: 50%; border: 3px solid transparent } .profile-jTFzo0 .header-evk-T- .avatar-vP6J18.starter-S0jhO9, .profile-jTFzo0 .header-evk-T- .avatar-vP6J18.basic-5KIkLc, .profile-jTFzo0 .header-evk-T- .avatar-vP6J18.boost-xGklan { border-color: var(--theme-btn-fill-primary-hover) } .profile-jTFzo0 .header-evk-T- .avatar-vP6J18.elite-oxfQA2 { padding: 3px; border: none; background: linear-gradient(to left top, #580aff, #c1e0fd) } .profile-jTFzo0 .header-evk-T- .avatar-vP6J18.team-P3tz6R { padding: 1px; border: 2px solid var(--theme-icon-primary); background: var(--theme-fill-white) } .profile-jTFzo0 .header-evk-T- .avatar-vP6J18 .vip-icon-hL4hp- { width: 20px; height: 20px; position: absolute; right: -2px; bottom: -3px } .profile-jTFzo0 .header-evk-T- .avatar-vP6J18 .vip-icon-hL4hp- svg { font-size: 15px } .profile-jTFzo0 .header-evk-T- .user-info-h9SNqT { display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 22px; flex: 1 } .profile-jTFzo0 .header-evk-T- .user-info-h9SNqT .user-info-left-4-BWrt { width: 100%; display: flex; align-items: center; flex-direction: column; column-gap: 22px; align-items: flex-start; justify-content: center } .profile-jTFzo0 .header-evk-T- .user-info-h9SNqT .user-name-SliM67 { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 24px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .profile-jTFzo0 .header-evk-T- .user-info-h9SNqT .user-email-4BJ4-v { color: var(--theme-icon-quaternary); font-size: 12px; font-weight: 400; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .profile-jTFzo0 .container-5tpWB6 { margin-top: 12px; padding: 0 16px } .profile-jTFzo0 .container-5tpWB6 .query-info-Xfzott { margin-top: 12px; width: 100% } .profile-jTFzo0 .container-5tpWB6 .menu-list-8WMQxS { margin-top: 12px } .profile-jTFzo0 .container-5tpWB6 .menu-list-8WMQxS .menu-item-qmi7w2 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; height: 30px; padding: 0 2px 0 6px; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px; border-radius: 8px } .profile-jTFzo0 .container-5tpWB6 .menu-list-8WMQxS .menu-item-qmi7w2:hover { background-color: var(--theme-fill-tsp-components-secondary) } .profile-jTFzo0 .container-5tpWB6 .menu-list-8WMQxS .menu-item-qmi7w2 svg { color: var(--theme-text-primary) } .profile-jTFzo0 .container-5tpWB6 .menu-list-8WMQxS .menu-item-qmi7w2 .sign-out-1eXm3Z { color: var(--theme-function-error) } ._monica-dark .profile-jTFzo0 { background-image: none } ._monica-dark .profile-jTFzo0 .queries-progress-B1fBhZ { filter: brightness(1.8) contrast(.5) } ._monica-dark .profile-jTFzo0 .vip-tag-jl-m2o { filter: brightness(1.7) } .avatar-wrapper-xPAy-d { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 28px; height: 28px; border-radius: 50%; position: relative } .avatar-wrapper-xPAy-d.personal-SUg-6y { background: linear-gradient(315deg, #580aff 0%, #c1e0fd 100%) } .avatar-wrapper-xPAy-d.team-cUovKa { padding: 1.5px; border: 1.5px solid var(--theme-icon-primary); background: var(--theme-fill-white) } .vip-tag-VvJsKd { display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; right: -3.5px; bottom: -2px; width: 14px; height: 14px; border-radius: 50% } .vip-tag-VvJsKd.starter-bFg4xe, .vip-tag-VvJsKd.basic-MFuUve { background: var(--theme-btn-fill-primary-hover) } .vip-tag-VvJsKd.boost-zqyHOm { background-color: var(--theme-btn-fill-primary) } .vip-tag-VvJsKd.elite-xnIVF3 { background: linear-gradient(281deg, var(--theme-btn-fill-primary) 20.18%, var(--theme-text-link) 136.51%) } .vip-tag-VvJsKd.team-cUovKa { background: linear-gradient(157deg, #37373e 9.16%, #222226 85.11%); color: var(--theme-bg-white) } .vip-tag-VvJsKd svg { font-size: 10px } ._monica-dark .vip-tag-VvJsKd { filter: brightness(1.4) contrast(1.2) } ._monica-dark .vip-tag-VvJsKd.team-cUovKa { background: linear-gradient(157deg, #f5f5f5 9.16%, #dbdbde 85.11%) } .desktop-extension-ezevKb { position: relative; width: 490px; padding: 20px; border-radius: 20px; background: var(--theme-bg-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); display: flex; flex-direction: column; gap: 16px } .desktop-extension-ezevKb .title-JANRAY { font-size: 16px; font-weight: 500; line-height: 22px; color: var(--theme-text-primary) } .desktop-extension-ezevKb .extensions-zIPyxR { display: flex; flex-direction: column; gap: 16px } .desktop-extension-ezevKb .extensions-zIPyxR .item-FQB2co { display: flex; gap: 16px } .desktop-extension-ezevKb .extensions-zIPyxR .item-FQB2co .lt-t-ooEy { position: relative; width: 110px; border-radius: 4px; overflow: hidden } .desktop-extension-ezevKb .extensions-zIPyxR .item-FQB2co .lt-t-ooEy img { width: 100% } .desktop-extension-ezevKb .extensions-zIPyxR .item-FQB2co .rt-8gcOt1 { flex: 1; display: flex; flex-direction: column; gap: 6px } .desktop-extension-ezevKb .extensions-zIPyxR .item-FQB2co .rt-8gcOt1 .header-5cQorI { display: flex; justify-content: space-between; align-items: center } .desktop-extension-ezevKb .extensions-zIPyxR .item-FQB2co .rt-8gcOt1 .header-5cQorI .name-Wufl-w { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--theme-text-primary) } .desktop-extension-ezevKb .extensions-zIPyxR .item-FQB2co .rt-8gcOt1 .header-5cQorI .tools-GzFv7L { display: inline-flex; flex-shrink: 0; align-items: center; gap: 16px } .desktop-extension-ezevKb .extensions-zIPyxR .item-FQB2co .rt-8gcOt1 .header-5cQorI .tools-GzFv7L .setting-l6WNWs { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 6px; border-radius: 8px; color: var(--theme-icon-quaternary); transition: all .2s; cursor: pointer } .desktop-extension-ezevKb .extensions-zIPyxR .item-FQB2co .rt-8gcOt1 .header-5cQorI .tools-GzFv7L .setting-l6WNWs:hover { background-color: var(--theme-fill-tsp-components-primary) } .desktop-extension-ezevKb .extensions-zIPyxR .item-FQB2co .rt-8gcOt1 .desc-DjSzEH { font-size: 13px; line-height: 20px; color: var(--theme-icon-quaternary) } .desktop-extension-ezevKb .extensions-zIPyxR .key-btn-i2XtTP { width: 18px; height: 16px; margin: 0 4px; border-radius: 3px; border: .5px solid var(--theme-border-quaternary); background: var(--theme-bg-white); box-shadow: 0 1px 0 0 var(--theme-border-quaternary), 0 1px 3px 0 var(--theme-shadow-s2); display: inline-flex; align-items: center; justify-content: center } .desktop-update-icon-wrapper-ka773U { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 32px } .desktop-update-icon-npGcUJ { display: flex; flex-direction: row; justify-content: center; align-items: center; background: #5aba4d; width: 18px; height: 18px; border-radius: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; -webkit-app-region: no-drag } .desktop-update-icon-npGcUJ:hover { background: #4aa23e } .main-nav-base-setting-item-4ZNIZo { padding: 4px 8px; display: flex; align-items: center; gap: 4px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .main-nav-base-setting-item-4ZNIZo .tips-cXikaA { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-tertiary); font-size: 13px; line-height: 24px } .main-nav-base-setting-item-4ZNIZo:hover { background: var(--theme-fill-tsp-components-secondary) } .icon-button-UOLXYX { display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 6px; border-radius: 6px } .icon-button-UOLXYX:hover { background-color: var(--theme-fill-tsp-components-secondary) } .main-nav-download-oR4GrV .icon-1dZ1Gr { display: flex; flex-direction: row; justify-content: center; align-items: center } .main-nav-download-oR4GrV .icon-1dZ1Gr.expanded-tU9MwE { width: 20px; height: 20px } .tooltip-FGL8i- { display: flex; flex-direction: column; gap: 4px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); border-radius: 16px; padding: 8px; width: 198px } .tooltip-FGL8i-.mini-e5UlbS { width: 138px } .tooltip-FGL8i- .qrcode-vzbdRp { -webkit-user-drag: none; width: 100%px; aspect-ratio: 1 / 1 } .tooltip-FGL8i- .desc-wQZ7Zf { word-wrap: break-word; white-space: pre-wrap; text-align: center; color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .main-nav-install-ext-cnuit7 .icon-a-1a1d { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center } .main-nav-more-SN1W5s { visibility: visible } .main-nav-official-website-GmWPTJ { visibility: visible } .main-nav-recommended-tUlc1n { visibility: visible } .invite-tip-wrapper-2nHW1s { position: relative; width: max-content } .invite-tip-7j-Kfv { padding: 6px 12px; border-radius: 8px; background-color: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s3); color: var(--theme-text-primary); display: flex; align-items: center; gap: 8px; animation: tip-show-GpFFdD .18s ease-in-out; cursor: pointer } .invite-tip-7j-Kfv:after { content: ""; position: absolute; width: 10px; height: 10px; top: 50%; right: -4px; transform: translateY(-50%) rotate(45deg); border-radius: 2px; background-color: var(--theme-bg-white) } .invite-tip-7j-Kfv .close-btn-z-XNhy { font-size: 0; cursor: pointer } .invite-tip-7j-Kfv .close-btn-z-XNhy:hover { color: var(--theme-icon-quaternary) } @keyframes tip-show-GpFFdD { 0% { opacity: 0; transform: translate(100%) } to { opacity: 1; transform: translate(0) } } .rewards-ani-TlmvyQ { position: absolute; top: -110px; right: -55px; z-index: 2000; width: 150px; height: 150px; pointer-events: none } .main-nav-settings-PTVQeK { visibility: visible } .whats-app-and-more-wN5twG .icon-yBMW-m { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center } .main-nav-footer-kLKRSW { padding-bottom: 12px; display: flex; flex-direction: column; gap: 4px } .main-nav-footer-kLKRSW.vertical-qj8y7O { align-items: center } .main-nav-footer-kLKRSW .divider-3Y5coc { margin: 8px 0; width: 100%; height: 1px; min-height: 1px; background: var(--theme-border-primary) } .main-nav-footer-kLKRSW .horizontal-footer-bottom-pUz4H6 { display: flex; flex-direction: row; justify-content: space-around; gap: 4px } .popover-content-zipciH { padding: 4px; border-radius: 8px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); width: 170px } .avatar-p2DoKB { margin: 0 auto } @media (min-height: 610px) { .fold-icon-BpVsQ4 { display: none } } @media (max-height: 610px) { .hide-when-fold-YgWtx6 { display: none } } .circle-icon-button-vgcnWO { width: var(--size); height: var(--size); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 50%; background: var(--theme-bg-gray-nav); display: flex; align-items: center; justify-content: center; transition: background .2s; color: var(--theme-icon-quaternary) } .main-nav-header-0eeB2o.small-view-EKmPLp { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-around; padding: 12px 6px 2px } .main-nav-header-0eeB2o.small-view-EKmPLp.mini-view--Ftkp8 { justify-content: center; flex-direction: column-reverse; gap: 12px } .main-nav-header-0eeB2o.large-view-8DfjpC { user-select: none; -webkit-user-select: none; -webkit-app-region: drag; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 20px 8px 0 } .main-nav-header-0eeB2o.large-view-8DfjpC.in-desktop-macos-pVijyY { padding-top: 40px } .main-nav-header-0eeB2o.large-view-8DfjpC.collapsed-M3uClS { justify-content: center } .main-nav-header-0eeB2o.large-view-8DfjpC.collapsed-M3uClS .rt-dHxKwA { flex-direction: column-reverse; gap: 8px } .main-nav-header-0eeB2o.large-view-8DfjpC .rt-dHxKwA { display: flex; align-items: center; gap: 8px; -webkit-app-region: no-drag } .link-Ncv1uM { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .link-Ncv1uM:hover, .link-Ncv1uM:active { opacity: .8 } .login-q5QHiz { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; background-color: var(--theme-bg-white) } .login-q5QHiz .container-PPpNIl { z-index: 3; display: flex; flex-direction: column; align-items: center; margin-top: -12% } .login-q5QHiz .container-PPpNIl .logo-block--bWazK { margin-bottom: 32px } .login-q5QHiz .container-PPpNIl .chrome-img-c7WTrL { width: 24px; height: 24px; border-radius: 24px; background-color: var(--theme-text-white-primary) } .login-q5QHiz .container-PPpNIl .login-btn-g5-lmb { min-width: 260px } .login-q5QHiz .container-PPpNIl .loading-wrapper-NwIB09 { display: inline-flex; flex-direction: column; align-items: center; gap: 24px } .login-q5QHiz .container-PPpNIl .loading-wrapper-NwIB09 .loading-text-mXUC26 { color: var(--theme-text-tertiary); font-weight: 400; font-size: 18px; display: flex; align-items: center; height: 24px; line-height: 24px } .login-q5QHiz .container-PPpNIl .reload-line-V-OEOc { display: flex; align-items: center; height: 20px; line-height: 20px; font-size: 14px; gap: 4px } .login-q5QHiz .mask--YNXxn { position: absolute; z-index: 2; inset: 0; background: var(--theme-bg-tsp-gray-primary) } .login-q5QHiz .login-bg-YX5Pd7 { position: absolute; top: 0; width: 100%; height: 100%; display: flex } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp { flex: 1; display: flex; flex-direction: column; align-items: center } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .inner-4uSOa9 { max-width: 720px; height: 100%; padding: 20px; display: flex; flex-direction: column; align-items: center } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .welcome-2doL4p { width: 100%; color: var(--theme-text-primary); font-size: 25px; font-weight: 700 } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .groups-TC5JuK { margin-top: 20px; width: 100%; display: flex; gap: 8px; flex-wrap: wrap } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .groups-TC5JuK .group-item-04-pvO { width: calc((100% - 10px)/2); height: 48px; display: flex; padding: 8px 9px; align-items: center; gap: 10px; border-radius: 12px; background-color: var(--theme-btn-fill-secondary-hover) } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .groups-TC5JuK .group-item-04-pvO .icon-WhjA6A { width: 32px; height: 32px; border-radius: 8px; display: flex; justify-content: center; align-items: center; background: var(--theme-bg-white) } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .groups-TC5JuK .group-item-04-pvO .text-hLzv-K { color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 600; line-height: normal } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .suggestion-question-DYvb6d { width: 100%; margin-top: auto; display: flex; flex-wrap: wrap; padding-top: 11px; gap: 8px } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .suggestion-question-DYvb6d .question-item-i0Qej5 { width: 100%; padding: 9px 12px; border-radius: 12px; border: 1px solid var(--theme-border-primary) } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .suggestion-question-DYvb6d .question-item-i0Qej5 .title-T-iJYy { color: var(--theme-text-primary); font-size: 14px; font-weight: 600; margin-bottom: 2px } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .suggestion-question-DYvb6d .question-item-i0Qej5 .info-w8lFph { color: var(--theme-text-quaternary); font-size: 13px; font-weight: 400 } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .skill-WNZMLP { margin-top: 40px; width: 100%; display: flex } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .skill-WNZMLP .skill-btn-W-WsU5 { display: flex; align-items: center; gap: 5px; font-size: 16px; color: var(--theme-text-primary) } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .skill-WNZMLP .right-explore-r6tnKN { margin-left: auto } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .skill-WNZMLP .right-explore-r6tnKN .explore-WrXYIL { font-size: 16px; font-weight: 500 } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .skill-WNZMLP .right-explore-r6tnKN .brand-8vMANI { font-weight: 400; color: var(--theme-text-brand) } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .skill-WNZMLP .right-explore-r6tnKN .line-Nv86d- { height: 2px; background-color: var(--theme-text-brand); border-radius: 2px } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .toolbar-td2o8j { margin-top: 20px; width: 100%; display: flex; align-items: center; gap: 16px } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .toolbar-td2o8j .tool-item-zxBc6N { display: flex; align-items: center; height: 18px } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .toolbar-td2o8j .tool-item-zxBc6N.rightItem-WK9FVm { margin-left: auto } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .toolbar-td2o8j .tool-item-zxBc6N svg { margin-left: 5px } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .input-wrapper-RYflmk { display: flex; flex-direction: column; width: 100%; height: 127px; margin-top: 12px; border-radius: 12px; transition: border-color .2s; border: 1.5px solid var(--theme-border-active); padding: 12px 12px 0 } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .input-wrapper-RYflmk .input-text-LsWXFy { font-size: 14px; line-height: 24px; color: var(--theme-text-quaternary) } .login-q5QHiz .login-bg-YX5Pd7 .left-Me-Mjp .input-wrapper-RYflmk .input-footer--8JCq8 { margin-top: auto; display: flex; flex-direction: row; align-items: center; height: 32px; gap: 6px } .login-q5QHiz .login-bg-YX5Pd7 .right-TdYqNE { width: 67px; height: 100% } .login-q5QHiz .login-bg-YX5Pd7 .right-TdYqNE>div { height: 100% } .main-window-oh-EkN { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; white-space: normal; color: var(--theme-text-primary); box-sizing: border-box; position: fixed; display: flex; flex-direction: row; z-index: 5; overflow: hidden; font-size: 14px; line-height: normal; top: 0; bottom: 0; right: 0; box-shadow: -1px 0 1px #919eab3d; background: var(--theme-bg-white) } .main-window-oh-EkN :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .main-window-oh-EkN :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .main-window-oh-EkN .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } .main-window-oh-EkN ::selection { background-color: #96c8fab3 } .main-window-oh-EkN.mode-sidebar-left-gRFJZe { left: 0; right: unset } .main-window-oh-EkN .view-wrapper-rMPo-d { position: relative; flex: 1; min-width: 0px; height: 100%; background-color: var(--theme-bg-white); text-emphasis-color: #ffffffe6 } .main-window-oh-EkN .nav-window-wrapper-j-yXpd { width: 100%; display: flex; flex-direction: column } .main-window-oh-EkN .nav-window-wrapper-j-yXpd .child-wrapper-rYWHPU { display: flex; overflow: hidden; flex: 1 } .main-window-oh-EkN .nav-wrapper-KR9wb1 { width: 60px } .main-window-hide-cgEY7O { display: none } .dialog-root-lo7GM5 { z-index: 5000 } .memo-list-scroll-AU3RT6 { flex: 1; min-height: 0; height: 100%; overflow: hidden; padding: 0 var(--padding-x); display: flex; flex-direction: column; align-items: center; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .memo-list-scroll-AU3RT6::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .memo-list-scroll-AU3RT6::-webkit-scrollbar-track { background: transparent } .memo-list-scroll-AU3RT6::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .memo-list-scroll-AU3RT6::-webkit-scrollbar-thumb:hover { background: #00000062 } .memo-list-scroll-AU3RT6::-webkit-scrollbar-corner { background: transparent } .memo-list-scroll-AU3RT6 .memo-list-BBuIAw { display: flex; flex-direction: column; gap: 16px; width: 100% } .memo-list-scroll-AU3RT6 .memo-list-loading-SPVNOj { padding: 10px 0 } .memo-list-scroll-AU3RT6 .memo-list-empty-rvpmRj { display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 12px; text-align: center; min-height: 0; margin-top: 120px } .memo-list-scroll-AU3RT6 .memo-list-empty-rvpmRj .img-DNTrUR { width: 80px; height: 80px } .memo-list-scroll-AU3RT6 .memo-list-empty-rvpmRj p { font-size: 14px; color: var(--theme-text-primary); line-height: 22px; text-align: center } .memo-list-scroll-AU3RT6 .memo-list-empty-rvpmRj .quick-link-heo-CC { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 12px } .memo-list-scroll-AU3RT6 .memo-list-empty-rvpmRj .quick-link-heo-CC .quick-link-list-kV01dj { padding-top: 12px; border-top: 1px solid #919eab1a } .memo-list-scroll-AU3RT6 .memo-list-empty-rvpmRj .quick-link-heo-CC div { font-weight: 400 } .memo-image-drawer-mbAtCe { visibility: visible; min-height: 100%; background: var(--theme-bg-white); display: flex; justify-content: center; align-items: center; flex-direction: column } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL { background: var(--theme-bg-white); padding: 18px 20px 20px; width: 100%; flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 20px } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL .image-t1kpwV { position: relative; width: 100%; height: 250px; border-radius: 12px; border: 1px solid var(--theme-btn-fill-secondary); background: var(--theme-text-white-primary); box-shadow: 0 0 0 3px #ab99d114 } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL .image-t1kpwV .ocr-icon-hAfDAQ { position: absolute; display: flex; justify-content: center; align-items: center; cursor: pointer; right: 12px; top: 12px; width: 24px; height: 24px; border-radius: 50%; background: var(--theme-text-tertiary); color: var(--theme-icon-white-primary) } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL .image-t1kpwV img { width: 100%; height: 100%; object-fit: contain } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL .image-summary-mR-yX1 { width: 100%; flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 20px; justify-content: flex-start } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL .image-summary-mR-yX1 .image-summary-item-yKVsFX { display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 8px; align-items: flex-start; width: 100% } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL .image-summary-mR-yX1 .image-summary-item-yKVsFX .image-summary-header-QeIqHz { display: flex; flex-direction: column; row-gap: 2px } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL .image-summary-mR-yX1 .image-summary-item-yKVsFX .image-summary-header-QeIqHz .item-desc-vzdY3V { margin-left: 27px; color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400 } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL .image-summary-mR-yX1 .image-summary-item-yKVsFX .item-title-lCK1YC { display: flex; align-items: center; column-gap: 8px; font-weight: 600; font-size: 16px; line-height: 24px } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL .image-summary-mR-yX1 .image-summary-item-yKVsFX .item-title-lCK1YC .item-icon-Pl-NFY { width: 18px; height: 18px } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL .image-summary-mR-yX1 .image-summary-item-yKVsFX .item-title-lCK1YC .loading-iMrwkm { animation: rotate-Vhlxxq 1s linear infinite } @keyframes rotate-Vhlxxq { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .memo-image-drawer-mbAtCe .memo-image-content-kv-aHL .image-summary-mR-yX1 .image-summary-item-yKVsFX .item-content-Dq0ZTi { width: 100%; padding: 12px 16px; font-size: 14px; color: var(--theme-text-secondary); font-weight: 400; height: 134px; overflow-y: auto; box-sizing: border-box; border-radius: 12px; border: 2px solid var(--theme-btn-fill-tertiary-hover); background: var(--theme-bg-white); box-shadow: 0 11px 12px -4px #97a1ff0a } .memo-image-drawer-mbAtCe .image-operation-kfuMsV { position: sticky; bottom: 20px; display: flex; margin-top: 12px; column-gap: 16px; justify-content: center; width: 100% } .memo-image-drawer-mbAtCe .image-operation-kfuMsV>div { flex: 1; display: flex; padding: 4px 12px; justify-content: center; align-items: center; border-radius: 40px } .ocr-wrapper-V2QFom { margin-top: 16px; margin-right: 12px; max-width: 236px } .ocr-wrapper-V2QFom .ocr-content-QWzYT3 { overflow: hidden; word-wrap: break-word; min-height: 52px; max-height: 300px; width: 236px; border-radius: 4px; background: var(--theme-bg-tsp-white-primary); border: 1px solid var(--theme-fill-tsp-brand); padding: 6px 8px; line-height: 16px; font-size: 12px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; color: var(--theme-text-primary) } .ocr-wrapper-V2QFom .ocr-content-QWzYT3::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .ocr-wrapper-V2QFom .ocr-content-QWzYT3::-webkit-scrollbar-track { background: transparent } .ocr-wrapper-V2QFom .ocr-content-QWzYT3::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .ocr-wrapper-V2QFom .ocr-content-QWzYT3::-webkit-scrollbar-thumb:hover { background: #00000062 } .ocr-wrapper-V2QFom .ocr-content-QWzYT3::-webkit-scrollbar-corner { background: transparent } .ocr-wrapper-V2QFom .ocr-content-QWzYT3 .ocr-content-title-Ec5v2T { font-size: 13px; font-weight: 500; line-height: 18px } .hidden-QtJ2cs { display: none } .memo-upload-image-I8eHw- { position: absolute; top: calc(100% + 8px); right: 0; width: 300px; padding: 20px; border-radius: 20px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); z-index: 900; display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 16px } .memo-upload-image-I8eHw-.desktop-C-RbSx { padding: 12px; border-radius: 12px; width: 270px } .memo-upload-image-I8eHw- .header-KKpUxc { color: var(--text-primary); text-align: center; font-size: 16px; font-weight: 500; line-height: 24px } .memo-upload-image-I8eHw- .header-KKpUxc .close-btn-X7D-Md { color: var(--theme-icon-tertiary); position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .memo-upload-image-I8eHw- .header-KKpUxc .close-btn-X7D-Md:hover { background-color: var(--theme-fill-tsp-components-secondary) } .memo-upload-image-I8eHw- .header-KKpUxc .close-btn-X7D-Md:hover { opacity: .8 } .memo-upload-image-I8eHw- .container--xvO1z { width: 100%; padding: 20px 0; box-sizing: border-box; row-gap: 4px; border-radius: 12px; border: 1.5px dashed var(--theme-border-quaternary); background-color: var(--theme-bg-white); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; justify-content: center; align-items: center; flex-direction: column } .memo-upload-image-I8eHw- .container--xvO1z.default-urrrdg.dragging-pOESsb, .memo-upload-image-I8eHw- .container--xvO1z.default-urrrdg:hover { border: 1.5px dashed var(--theme-border-active); background-color: var(--theme-btn-fill-tertiary-hover) } .memo-upload-image-I8eHw- .container--xvO1z .upload-text-container-8BPhLE { padding: 0 10px; text-align: center } .memo-upload-image-I8eHw- .container--xvO1z .upload-title-EUSled { text-align: center; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; margin-bottom: 4px } .memo-upload-image-I8eHw- .container--xvO1z .upload-text-ZqNZEW { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 18px } .memo-upload-image-I8eHw- .container--xvO1z .upload-text-ZqNZEW:last-child { margin-left: 25px; position: relative } .memo-upload-image-I8eHw- .container--xvO1z .upload-text-ZqNZEW:last-child:before { content: ""; position: absolute; width: 1px; top: 50%; transform: translateY(-50%); height: 12px; left: -12px; background-color: var(--theme-fill-tsp-components-primary) } .memo-upload-image-I8eHw- .container--xvO1z .uploading-text-Jv4xaP { color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px } .memo-upload-image-I8eHw- .container--xvO1z .uploading-icon-XLArwl { width: 43px; height: 43px; border-radius: 50%; border: 3px solid var(--theme-btn-fill-tertiary); border-right-color: var(--theme-border-active); animation: loading-MH6Q30 .75s linear infinite } @keyframes loading-MH6Q30 { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .memo-upload-image-I8eHw- .container--xvO1z .upload-failed-icon-2aH08G { color: var(--theme-function-error) } .memo-upload-image-I8eHw- .container--xvO1z .upload-failed-text-Twrv93 { color: var(--theme-function-error); font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 4px } .memo-upload-image-I8eHw- .container--xvO1z .again-btn-4Fj8gc { color: var(--theme-icon-primary); font-size: 12px; font-weight: 500; line-height: 18px; padding: 6px 16px; margin-top: 4px; display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 8px } .memo-upload-image-I8eHw- .container--xvO1z .again-btn-4Fj8gc svg { font-size: 16px } .input-aqd7Yv { box-shadow: unset !important; outline: 0; transition: all .2s ease-in-out; font-weight: 400; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .input-aqd7Yv::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .input-aqd7Yv::-webkit-scrollbar-track { background: transparent } .input-aqd7Yv::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .input-aqd7Yv::-webkit-scrollbar-thumb:hover { background: #00000062 } .input-aqd7Yv::-webkit-scrollbar-corner { background: transparent } .input-aqd7Yv.text-ellipsis-1O9KHe { text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .input-aqd7Yv.input-size-default-gMG5He { font-size: 14px; display: flex; align-items: center; height: 32px; line-height: 32px } .input-aqd7Yv.input-size-middle-IEijn4 { font-size: 14px; display: flex; align-items: center; height: 36px; line-height: 36px } .input-aqd7Yv.input-size-large-7ZbppT { font-size: 14px; display: flex; align-items: center; height: 44px; line-height: 44px } .input-aqd7Yv.input-size-small--hNW4- { font-size: 14px; display: flex; align-items: center; height: 28px; line-height: 28px } .input-aqd7Yv[type=number] { -moz-appearance: textfield } .input-aqd7Yv::-webkit-outer-spin-button, .input-aqd7Yv::-webkit-inner-spin-button { -webkit-appearance: none } .input-disabled-r1UPmp { cursor: not-allowed; opacity: .6 !important; color: var(--theme-text-tertiary) !important; background-color: var(--theme-fill-tsp-components-primary) !important } .input-disabled-r1UPmp:hover { border-color: transparent !important } .input-search-MIt-i2 { display: flex; position: relative; border-radius: 16px } .input-search-MIt-i2 .input-aqd7Yv { padding-left: 42px; padding-right: 32px; font-size: 14px; border-radius: 16px; display: flex; align-items: center; height: 44px; line-height: 44px } .input-search-MIt-i2 .input-aqd7Yv.input-size-middle-IEijn4 { font-size: 14px; display: flex; align-items: center; height: 36px; line-height: 36px } .input-search-MIt-i2 .input-aqd7Yv.input-size-default-gMG5He { font-size: 14px; display: flex; align-items: center; height: 32px; line-height: 32px } .input-search-MIt-i2 .search-icon-xc5y2y { display: inline-flex; position: absolute; top: 50%; transform: translateY(-50%); color: var(--theme-icon-primary); size: 16px } .input-search-MIt-i2 .close-icon-Vhdz43 { position: absolute; top: 50%; transform: translateY(-50%); color: var(--theme-icon-primary); display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .input-search-MIt-i2 .close-icon-Vhdz43:hover { opacity: .8 } .input-search-MIt-i2.small-EWlS-V .input-aqd7Yv { padding-left: 28px } .input-search-MIt-i2.small-EWlS-V .input-aqd7Yv::placeholder { font-size: 12px !important } .input-search-MIt-i2.small-EWlS-V .search-icon-xc5y2y { size: 14px } .input-password-3YP4dP { position: relative; width: 100% } .input-password-3YP4dP .input-aqd7Yv { padding-right: 40px } .input-password-3YP4dP .password-icon-eTMuuH { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: inline-flex; position: absolute; right: 12px; top: 50%; transform: translateY(-50%) } .input-addon-after-DTdZDd { position: relative; width: 100% } .input-addon-after-DTdZDd .input-aqd7Yv { padding-right: 40px } .input-addon-after-DTdZDd .addon-content-sbUGLc { display: inline-flex; position: absolute; right: 12px; top: 50%; transform: translateY(-50%) } .input-addon-before-lgO4wD { position: relative; width: 100% } .input-addon-before-lgO4wD .input-aqd7Yv { padding-left: 40px } .input-addon-before-lgO4wD .addon-content-sbUGLc { display: inline-flex; position: absolute; left: 12px; top: 50%; transform: translateY(-50%) } .input-default-theme-kFBxOO { border: 1px solid transparent; background-color: var(--theme-fill-tsp-components-primary); color: var(--theme-text-primary); border-radius: 8px; padding: 12px 16px } .input-default-theme-kFBxOO::placeholder { color: var(--theme-text-quaternary) } .input-default-theme-kFBxOO:hover { border-color: var(--theme-text-brand) } .input-default-theme-kFBxOO:focus { border-color: var(--theme-text-brand) } .input-blue-theme-XWAl-k { --input-icon-color: #919eab; background-color: var(--theme-text-white-primary); border: 1.5px solid var(--theme-btn-fill-secondary); border-radius: 4px; color: var(--theme-text-primary) } .input-blue-theme-XWAl-k::placeholder { color: var(--theme-icon-quaternary) } .input-blue-theme-XWAl-k:hover { border-color: #3872e07a } .input-blue-theme-XWAl-k:focus { border-color: #3872e0 } .memo-search-ESYL-T { visibility: visible; position: relative } .memo-search-ESYL-T .chat-text-JwqXgj { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; display: inline-block; font-size: 13px } .memo-search-ESYL-T .memo-search-input-NfQW8U { flex: 1; width: 100% } .memo-search-ESYL-T .memo-search-input-NfQW8U .input-5rxHh5 { border-radius: 8px !important; background-color: var(--theme-fill-tsp-components-secondary) } .memo-search-ESYL-T .operations-jI1Njg { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 36px } .memo-search-ESYL-T .memo-action-vs-b2z { width: 32px; height: 32px; border-radius: 12px; border: none; box-sizing: border-box; padding: 8px 4px } .memo-search-ESYL-T .memo-action-vs-b2z.chat-m-omzs { width: auto; gap: 4px; color: var(--theme-text-brand); font-weight: 400 } .memo-search-ESYL-T .memo-action-vs-b2z svg { color: var(--theme-icon-tertiary) } .memo-search-ESYL-T .memo-action-vs-b2z.active-m0gU3U, .memo-search-ESYL-T .memo-action-vs-b2z:hover { background-color: var(--theme-fill-tsp-components-secondary) } .memo-search-ESYL-T .memo-action-vs-b2z.active-m0gU3U svg, .memo-search-ESYL-T .memo-action-vs-b2z:hover svg { color: var(--theme-icon-primary) } .memo-add-popover-XTmvM7 { padding: 8px; min-width: 160px; align-items: flex-start; row-gap: 4px; border-radius: 12px; background-color: var(--theme-bg-white); box-shadow: 0 4px 24px #919eab24, 0 0 2px #919eab33; display: flex; justify-content: center; align-items: center; flex-direction: column } .memo-add-popover-XTmvM7 .memo-operation-btn-7Uc7xG { height: 40px; width: 100%; padding: 9px 12px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; display: flex; column-gap: 8px; border-radius: 6px } .memo-add-popover-XTmvM7 .memo-operation-btn-7Uc7xG span { margin: 0 } .memo-add-popover-XTmvM7 .memo-operation-btn-7Uc7xG:hover { background-color: var(--theme-fill-tsp-components-secondary) } .modal-eq1RBk { max-width: calc(100% - 20px) } .memo-chat-dialog-Qa3gPI { display: flex; width: 100%; padding: 16px; flex-direction: column; align-items: flex-end; gap: 10px; border-radius: 16px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .memo-chat-dialog-Qa3gPI .inner-1637Uw { position: relative; width: 100% } .memo-chat-dialog-Qa3gPI .sender-zkarby { display: flex; height: 32px; align-items: center; position: absolute; bottom: 6px; right: 6px } .memo-chat-dialog-Qa3gPI .sender-zkarby .input-msg-btn-P2541- { width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-disable) } .memo-chat-dialog-Qa3gPI .sender-zkarby .input-msg-btn-P2541-:hover { background-color: var(--theme-fill-tsp-components-secondary) } .memo-chat-dialog-Qa3gPI .sender-zkarby .input-msg-btn-P2541-.active-XzmdBE { color: var(--theme-icon-brand) } .memo-select-menu-LZC9GD { padding: 2px 16px 16px; height: 50px; display: flex; justify-content: space-between } .memo-select-menu-LZC9GD .select-num-QR7oR- { display: flex; align-items: center; gap: 8px; color: var(--theme-text-tertiary); font-size: 14px; font-style: normal; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .memo-select-menu-LZC9GD .select-num-QR7oR- .num-bjLYJU { color: var(--theme-text-tertiary); font-weight: 500 } .memo-select-menu-LZC9GD .operations-wBemJN { display: flex; align-items: center; gap: 10px } .memo-select-menu-LZC9GD .operations-wBemJN .btn-dQjV3f { font-weight: 400; border-radius: 8px } .text-select-h9QSh- { display: flex; flex-direction: column; white-space: pre } .text-select-h9QSh- .text-wrapper-jUSDb2 { color: var(--theme-text-primary); display: flex; width: max-content; cursor: pointer; border-radius: 6px; justify-content: space-between; position: relative } .text-select-h9QSh- .text-wrapper-jUSDb2 .icon-RCL1l2 { transition: all .2s ease; transform: rotate(90deg); margin-left: 3px } .text-select-h9QSh- .text-wrapper-jUSDb2 .icon-RCL1l2.is-open-4PpLGF { transform: rotate(-90deg) } .text-select-h9QSh- .text-wrapper-jUSDb2 .inner-IpLOMd { display: flex; align-items: center; gap: 4px; font-size: 14px } .text-select-h9QSh- .text-wrapper-jUSDb2 .select-num-8dRA64 { position: absolute; display: flex; width: 16px; height: 16px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; right: -8px; top: -5px; border-radius: 50%; background: var(--theme-icon-brand); color: var(--theme-text-white-primary); font-size: 12px } .text-select-h9QSh-.is-button-ZKmfW1 .text-wrapper-jUSDb2 { border: 1px solid var(--theme-border-primary) } .text-select-h9QSh-.is-button-ZKmfW1:hover .text-wrapper-jUSDb2 { background: var(--theme-fill-tsp-components-primary) } .text-select-h9QSh-.is-button-ZKmfW1.active-KmEX-H .text-wrapper-jUSDb2 { background: var(--theme-fill-tsp-brand); border-color: transparent } .text-select-h9QSh-.is-button-ZKmfW1.active-KmEX-H:hover .text-wrapper-jUSDb2 { background: var(--theme-fill-tsp-brand-tertiary) } .text-select-h9QSh-.is-button-ZKmfW1.active-KmEX-H .inner-IpLOMd { color: var(--theme-text-brand) } .text-select-h9QSh-.is-button-ZKmfW1.size-small-ztFReG .text-wrapper-jUSDb2 { padding: 4px 10px } .text-select-h9QSh-.is-button-ZKmfW1.size-medium-ZlumTV .text-wrapper-jUSDb2 { padding: 8px 12px } .list-wrapper-yZz5iY { padding: 8px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); color: var(--theme-text-primary); border-radius: 12px; font-size: 14px; overflow: auto } .list-wrapper-yZz5iY .list-42wcLY { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; margin-bottom: 4px } .list-wrapper-yZz5iY .list-42wcLY .item-Va9JVr { display: flex; padding: 4px 8px; height: 30px; flex-direction: row; align-items: center; gap: 6px; align-self: stretch; cursor: pointer; border-radius: 8px; color: var(--theme-text-primary); white-space: nowrap } .list-wrapper-yZz5iY .list-42wcLY .item-Va9JVr .icon-RCL1l2 { display: flex } .list-wrapper-yZz5iY .list-42wcLY .item-Va9JVr:hover { background-color: var(--theme-fill-tsp-components-secondary) } .list-wrapper-yZz5iY .list-42wcLY .item-Va9JVr.active-KmEX-H { color: var(--theme-text-brand) } .list-wrapper-yZz5iY .list-42wcLY .item-Va9JVr .icon-RCL1l2 { width: 20px; height: 20px; align-items: center } .list-wrapper-yZz5iY .list-42wcLY .item-Va9JVr .right-icon-KTb96J { margin-left: auto; display: flex; align-items: center } .memo-horizontal-view-5XtH1g { position: relative; width: 100%; height: 100%; display: flex; flex-direction: row; --padding-x: 20px } .memo-horizontal-view-5XtH1g.grid-view-w6Y-o0 .memo-list-wrapper-V0BFkY { flex: 1; overflow: hidden; max-width: unset } .memo-horizontal-view-5XtH1g.grid-view-w6Y-o0 .memo-list-wrapper-V0BFkY .memo-list-header-0uT184 { padding-bottom: 10px; border-bottom: 1px solid var(--theme-border-primary) } .memo-horizontal-view-5XtH1g .drag-layer-rH4PLO { position: absolute; inset: 15px; z-index: 1; border-radius: 16px; border: 1.5px dashed var(--theme-border-active); background-color: var(--theme-btn-fill-tertiary-hover); z-index: 5201 } .memo-horizontal-view-5XtH1g.desktop-XzAp9F { --padding-x: 10px } .memo-horizontal-view-5XtH1g.desktop-XzAp9F .memo-list-wrapper-V0BFkY .memo-list-header-0uT184 { padding-bottom: 10px } .memo-horizontal-view-5XtH1g.desktop-sidebar-nQp1Fm { --padding-x: 20px } .memo-list-wrapper-V0BFkY { position: relative; height: 100%; padding: 20px 0 0; display: flex; flex-direction: column } .memo-list-wrapper-V0BFkY.can-resize-1SqWtE { border-right: 1px solid var(--theme-border-primary) } .memo-list-wrapper-V0BFkY .resizable-handler-hFMkTp { width: 10px; height: 100%; position: absolute; top: 0; right: -6px; z-index: 999; cursor: ew-resize; display: flex; justify-content: center } .memo-list-wrapper-V0BFkY .resizable-handler-hFMkTp:after { display: block; content: " "; width: 2px; height: 100%; transition: background-color .1s ease-in-out } .memo-list-wrapper-V0BFkY .memo-list-header-0uT184 { display: flex; align-items: center; justify-content: space-between; padding: 0 var(--padding-x); padding-bottom: 18px; gap: 12px } .memo-list-wrapper-V0BFkY .memo-list-header-0uT184 .left-s6-tcZ { display: flex; align-items: center; gap: 12px } .memo-list-wrapper-V0BFkY .memo-list-header-0uT184 .left-s6-tcZ .full-screen-p0-4iY { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; padding: 4px; align-items: center; border-radius: 6px; border: 1px solid var(--theme-border-primary) } .memo-list-wrapper-V0BFkY .memo-list-header-0uT184 .left-s6-tcZ .full-screen-p0-4iY:hover { opacity: .7 } .memo-list-wrapper-V0BFkY .memo-list-header-0uT184 .left-s6-tcZ .memo-list-type-5qa8m9 { display: flex; align-items: center; border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); padding: 2px; cursor: pointer } .memo-list-wrapper-V0BFkY .memo-list-header-0uT184 .left-s6-tcZ .memo-list-type-5qa8m9 .memo-list-type-item-LHKfws { padding: 0 6px; height: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: center } .memo-list-wrapper-V0BFkY .memo-list-header-0uT184 .left-s6-tcZ .memo-list-type-5qa8m9 .memo-list-type-item-LHKfws.active-TAvJEJ { background-color: var(--theme-bg-white) } .memo-list-wrapper-V0BFkY .memo-list-header-0uT184 .selected-type-count-YRVGis { position: absolute; top: -5px; right: -6px; width: 16px; height: 16px; border-radius: 50%; color: var(--theme-text-white-primary); font-size: 12px; background-color: var(--theme-icon-brand); display: flex; align-items: center; justify-content: center } .memo-list-wrapper-V0BFkY .quick-input-wrapper-8ffAPl { padding: 0 var(--padding-x) 12px } .memo-list-wrapper-V0BFkY .quick-input-wrapper-8ffAPl.hide-Ors5VB { display: none } .memo-list-wrapper-V0BFkY .type-wrapper-iYc-A4 { display: flex; gap: 10px; padding: 2px var(--padding-x) 12px; align-items: center } .memo-list-wrapper-V0BFkY .type-wrapper-iYc-A4 .line-QMIYMa { background-color: var(--theme-border-quaternary); height: 18px; min-width: 1px } .memo-list-wrapper-V0BFkY .memo-list-inner-huvO3Q { overflow: hidden; display: flex; flex-direction: column; flex: 1; min-height: 0 } .memo-list-wrapper-V0BFkY .memo-list-inner-huvO3Q.grid-Q4tpgj { margin-top: 18px } .memo-list-wrapper-V0BFkY .memo-list-inner-huvO3Q.grid-Q4tpgj .type-wrapper-iYc-A4 { margin-bottom: 8px } .editor-wrapper-lvaOQN { background-color: var(--theme-bg-white); display: flex; flex-direction: column; flex: 1; overflow: hidden; position: relative } .editor-wrapper-lvaOQN .editor-header-1tRWd- { padding: 12px; border-bottom: 1px solid var(--theme-btn-border-secondary); color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: left; height: 56px; gap: 12px } .editor-wrapper-lvaOQN .editor-header-1tRWd- .back---qxFD { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; color: var(--theme-text-primary); font-size: 14px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .editor-wrapper-lvaOQN .editor-header-1tRWd- .back---qxFD:hover { opacity: .8 } .editor-wrapper-lvaOQN .editor-header-1tRWd- .editor-header-right-es6atI { gap: 4px; justify-content: flex-end; display: flex; align-items: center; margin-left: auto } .editor-wrapper-lvaOQN .editor-header-1tRWd- .editor-header-right-es6atI .operation-btn-wBa6Z4 { display: flex; cursor: pointer; color: var(--theme-text-secondary); font-weight: 500; border-radius: 8px; height: 24px; width: 24px; align-items: center; justify-content: center } .editor-wrapper-lvaOQN .editor-header-1tRWd- .editor-header-right-es6atI .operation-btn-wBa6Z4:hover { background-color: var(--theme-fill-tsp-components-secondary) } .editor-wrapper-lvaOQN .editor-header-1tRWd- .editor-header-right-es6atI .operation-item-1p0LO1 { display: flex; align-items: center; gap: 6px; cursor: pointer; color: var(--theme-text-secondary); font-weight: 500; padding: 0 6px; border-radius: 8px; height: 32px } .editor-wrapper-lvaOQN .editor-header-1tRWd- .editor-header-right-es6atI .operation-item-1p0LO1.share-btn-81jNXD { background-color: var(--theme-fill-tsp-components-secondary) } .editor-wrapper-lvaOQN .editor-header-1tRWd- .editor-header-right-es6atI .operation-item-1p0LO1.share-btn-81jNXD:hover { opacity: .7 } .editor-wrapper-lvaOQN .operations-IhhNFy { margin: 0 auto; display: flex; gap: 4px; align-items: center } .editor-wrapper-lvaOQN .operations-IhhNFy .divider-bvDDMl { min-width: 1px; width: 1px; height: 18px; background: #919eab3d } .editor-wrapper-lvaOQN .editor-AqKA5i { padding: 0 20px 24px; position: relative; width: 100%; height: 100%; display: flex; flex-direction: column } .editor-wrapper-lvaOQN .loading-wrapper-hHzya0 { position: absolute; top: 56px; left: 0; width: 100%; height: 100% } .editor-wrapper-lvaOQN .notice-3g8PyM { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; right: 16px; bottom: 16px; display: flex; width: 32px; height: 32px; padding: 0 8px; justify-content: center; align-items: center; gap: 4px; flex-shrink: 0; border-radius: 50%; background: var(--theme-bg-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .filter-memo-types-y1kQIT { display: flex; flex-direction: column } .filter-memo-types-y1kQIT .filter-memo-type-iwABJo { display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 8px 0 12px; border-radius: 6px; cursor: pointer } .filter-memo-types-y1kQIT .filter-memo-type-iwABJo:hover { background: var(--theme-fill-tsp-components-secondary) } .filter-memo-types-y1kQIT .filter-memo-type-iwABJo .filter-memo-type-label-nZ1MB0 { flex: 1; overflow: hidden; color: var(--theme-text-primary) } .popup-note-info-content-rYSyvZ { display: flex; padding: 12px; flex-direction: column; align-items: flex-start; gap: 12px; border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .popup-note-info-content-rYSyvZ .title-s3-5Bd { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .popup-note-info-content-rYSyvZ .info-dwPwVe { display: flex; flex-direction: column; align-items: flex-start; gap: 8px } .popup-note-info-content-rYSyvZ .info-dwPwVe .card-9Lfj6h { display: flex; padding: 10px; flex-direction: column; align-items: flex-start; gap: 6px; flex: 1 0 0; border-radius: 6px; background: var(--theme-fill-tsp-components-secondary) } .popup-note-info-content-rYSyvZ .info-dwPwVe .card-9Lfj6h .sub-title-DbNYaD { color: var(--theme-text-quaternary); font-size: 13px; font-weight: 500; line-height: 18px } .popup-note-info-content-rYSyvZ .info-dwPwVe .card-9Lfj6h .time-EBT5Ml { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .popup-hotkey-info-gpVnU9 { display: flex; min-width: 120px; max-width: 350px; padding: 12px 0 12px 12px; flex-direction: column; align-items: flex-start; gap: 16px; border-radius: 8px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px -4px var(--theme-shadow-s3), 0 0 1px 0 var(--theme-shadow-s3); backdrop-filter: blur(50px) } .popup-hotkey-info-gpVnU9 .title-s3-5Bd { color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px } .popup-hotkey-info-gpVnU9 .info-dwPwVe { max-height: min(600px, 90vh - 100px); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; gap: 16px; flex-direction: column; width: 100% } .popup-hotkey-info-gpVnU9 .info-dwPwVe::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .popup-hotkey-info-gpVnU9 .info-dwPwVe::-webkit-scrollbar-track { background: transparent } .popup-hotkey-info-gpVnU9 .info-dwPwVe::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .popup-hotkey-info-gpVnU9 .info-dwPwVe::-webkit-scrollbar-thumb:hover { background: #00000062 } .popup-hotkey-info-gpVnU9 .info-dwPwVe::-webkit-scrollbar-corner { background: transparent } .popup-hotkey-info-gpVnU9 .info-dwPwVe .card-9Lfj6h { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; padding-right: 12px } .popup-hotkey-info-gpVnU9 .info-dwPwVe .card-9Lfj6h .sub-title-DbNYaD { color: var(--theme-text-quaternary); font-size: 14px; font-weight: 500; line-height: 20px } .popup-hotkey-info-gpVnU9 .info-dwPwVe .card-9Lfj6h .list-pQL1V6 { border: 1px solid var(--theme-border-light); border-radius: 5px; width: 100% } .popup-hotkey-info-gpVnU9 .info-dwPwVe .card-9Lfj6h .list-pQL1V6 .item-05iqLD { display: flex; padding: 6px 12px; min-height: 32px; justify-content: space-between; align-items: center; flex: 1 0 0; align-self: stretch; gap: 6px; color: var(--theme-text-primary); font-size: 12px; border-bottom: 1px solid var(--theme-border-light) } .popup-hotkey-info-gpVnU9 .info-dwPwVe .card-9Lfj6h .list-pQL1V6 .item-05iqLD:last-child { border-bottom: none } .resize-bar-KkKh8c { position: absolute; top: 0; right: -8px; width: 10px; height: 100%; cursor: ew-resize; z-index: 10 } .operation-btn-h39J8X { display: flex; cursor: pointer; color: var(--theme-text-secondary); font-weight: 500; border-radius: 8px; height: 24px; width: 24px; align-items: center; justify-content: center } .operation-btn-h39J8X:hover { background-color: var(--theme-fill-tsp-components-secondary) } .operation-item-T6OyXi { display: flex; align-items: center; gap: 6px; cursor: pointer; color: var(--theme-text-secondary); font-weight: 500; padding: 0 6px; border-radius: 8px; height: 32px } .operation-item-T6OyXi.share-btn-041af8 { background-color: var(--theme-fill-tsp-components-secondary) } .operation-item-T6OyXi.share-btn-041af8:hover { opacity: .7 } .monica-translate-view-OHyBoT { display: flex; flex-direction: column; flex: 1; min-height: 0px; border-radius: 0 0 12px 12px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 20px } .monica-translate-view-OHyBoT::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .monica-translate-view-OHyBoT::-webkit-scrollbar-track { background: transparent } .monica-translate-view-OHyBoT::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .monica-translate-view-OHyBoT::-webkit-scrollbar-thumb:hover { background: #00000062 } .monica-translate-view-OHyBoT::-webkit-scrollbar-corner { background: transparent } .monica-translate-view-OHyBoT .view-inner-GgseVk { flex: 1; display: flex; flex-direction: column; margin: 0 auto; width: 100%; min-height: 0px } .monica-translate-view-OHyBoT .view-inner-GgseVk .header-Xm9W-x { margin-bottom: 10px } .monica-translate-view-OHyBoT .view-inner-GgseVk .header-Xm9W-x .title-3AD4DZ { flex: 1; min-width: 0; font-size: 24px; font-weight: 600; line-height: 32px; color: var(--theme-icon-primary) } .monica-translate-view-OHyBoT .view-inner-GgseVk .header-Xm9W-x .credits-3u4XSB { margin-left: auto } .monica-translate-view-OHyBoT .view-inner-GgseVk .header-with-glossary-TzMhY0 { display: flex; align-items: center; justify-content: space-between } .monica-translate-view-OHyBoT .view-inner-GgseVk .header-with-glossary-TzMhY0 .glossary-3NaoWC { color: var(--theme-text-secondary) } .monica-translate-view-OHyBoT .view-inner-GgseVk .large-content-15wd6S { display: flex; flex: 1; gap: 48px } .monica-translate-view-OHyBoT .view-inner-GgseVk .large-content-15wd6S .large-left-hhVKnf, .monica-translate-view-OHyBoT .view-inner-GgseVk .large-content-15wd6S .large-right-jsZoe5 { flex: 1 } .monica-translate-view-OHyBoT .view-inner-GgseVk .large-content-15wd6S .large-right-jsZoe5 { position: relative } .monica-translate-view-OHyBoT .view-inner-GgseVk .large-content-15wd6S .large-right-jsZoe5:after { content: ""; position: absolute; left: -24px; top: 0; height: 100%; border-left: 1px solid var(--theme-border-primary) } .monica-translate-view-OHyBoT .view-inner-GgseVk .large-content-15wd6S .change-language-TCB-UZ { margin-top: 0 } .monica-translate-view-OHyBoT .view-inner-GgseVk .large-content-15wd6S .translate-group-RrkhDo { flex-direction: column-reverse } .monica-translate-view-OHyBoT .view-inner-GgseVk .large-content-15wd6S .translation-engine-d93nw- { margin-top: 0 } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- { display: flex; flex-wrap: wrap; gap: 8px } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- .add-engine-btn-wrap-PaDX5H { flex: 1; min-width: 0; display: flex } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- .add-engine-btn-N-wfks { background: var(--theme-btn-fill-tertiary); color: var(--theme-text-btn-tertiary); font-weight: 400; max-width: 100%; height: 28px } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- .add-engine-btn-N-wfks .add-engine-btn-text-0CpyaQ { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- .add-engine-btn-N-wfks:hover { background: var(--theme-btn-fill-tertiary-hover) } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- .selected-engine-list-Lkly3i { display: flex; gap: 8px; margin-left: auto } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- .selected-engine-list-Lkly3i .engine-item-Z9PbL0 { border-radius: 100%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: var(--theme-fill-tsp-components-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: relative } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- .selected-engine-list-Lkly3i .engine-item-Z9PbL0.active-cmHDhQ { border: 1px solid var(--theme-border-primary) } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- .selected-engine-list-Lkly3i .engine-item-Z9PbL0:hover { background: var(--theme-fill-tsp-components-primary) } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- .selected-engine-list-Lkly3i .engine-item-Z9PbL0:hover .remove-engine-button-lIzvat { visibility: visible } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- .selected-engine-list-Lkly3i .engine-item-Z9PbL0 .remove-engine-button-lIzvat { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; background-color: var(--theme-fill-tsp-gray); color: var(--theme-icon-white-primary); transition: all .2s ease-in-out; z-index: 2; position: absolute; border-radius: 100%; width: 12px; height: 12px; display: flex; align-items: center; justify-content: center; right: -3px; top: -3px; visibility: hidden } .monica-translate-view-OHyBoT .view-inner-GgseVk .translation-engine-d93nw- .selected-engine-list-Lkly3i .engine-item-Z9PbL0 .remove-engine-button-lIzvat:hover { background-color: var(--theme-icon-quaternary) } .monica-translate-view-OHyBoT .view-inner-GgseVk .translate-group-RrkhDo { margin-top: 12px; display: flex; flex-direction: column; gap: 12px } .monica-translate-view-OHyBoT .view-inner-GgseVk .translate-group-RrkhDo .limit-length-tip-qPurTO { color: var(--theme-function-error); font-size: 12px; line-height: 18px } .monica-translate-view-OHyBoT .view-inner-GgseVk .translate-group-RrkhDo .translate-button-area-Pqf78K { display: flex; align-items: center; gap: 4px } .monica-translate-view-OHyBoT .view-inner-GgseVk .translate-group-RrkhDo .paste-selection-button-HOO6FL { border-radius: 8px; background: var(--theme-fill-btn-primary); color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .monica-translate-view-OHyBoT .view-inner-GgseVk .translate-group-RrkhDo .paste-selection-button-HOO6FL:hover { background: var(--theme-fill-btn-secondary) } .monica-translate-view-OHyBoT .view-inner-GgseVk .change-language-TCB-UZ { display: flex; align-items: center; gap: 4px; margin-top: 20px } .monica-translate-view-OHyBoT .view-inner-GgseVk .change-language-TCB-UZ .language-select-loiIUl { flex: 1; min-width: 0 } .monica-translate-view-OHyBoT .view-inner-GgseVk .translateResult-box-vf4q6U { margin: 12px 0 118px } .monica-translate-view-OHyBoT .view-inner-GgseVk .translate-result-list-NZh35v { display: flex; flex-direction: column; gap: 12px } .monica-translate-view-OHyBoT .view-inner-GgseVk .translate-glossary-switch-box-huinL6 { display: flex; align-items: center; margin-bottom: 12px; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px; text-transform: capitalize; gap: 4px } .translate-engine-group-content-qfvVuF { width: 223px; padding: 4px; border-radius: 8px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .translate-engine-group-content-qfvVuF .category-u2udtF { padding: 5px 8px 5px 12px; color: var(--theme-text-quaternary); font-size: 14px; line-height: 22px } .translate-engine-group-content-qfvVuF .engine-item-GS-Zp- { display: flex; align-items: center; padding: 4px 8px 4px 12px; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .translate-engine-group-content-qfvVuF .engine-item-GS-Zp- .text-dExEa0 { margin-left: 6px; margin-right: 8px; color: var(--theme-text-primary); font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .translate-engine-group-content-qfvVuF .engine-item-GS-Zp-:hover { background: var(--theme-fill-tsp-components-secondary) } .translate-engine-group-content-qfvVuF .engine-item-GS-Zp- .ext-IC8s8h { margin-left: auto; display: flex; align-items: center } .translate-scene-content-Se91IN { padding: 4px; border-radius: 8px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .translate-scene-content-Se91IN .scene-item-VdJCsx { color: var(--theme-text-primary); font-size: 14px; line-height: 22px; padding: 6px 8px 6px 12px; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .translate-scene-content-Se91IN .scene-item-VdJCsx.active-iadSE- { color: var(--theme-text-brand) } .translate-scene-content-Se91IN .scene-item-VdJCsx:hover { background: var(--theme-fill-tsp-components-secondary) } .translate-tool-l2Zsav { display: flex; align-items: center; gap: 4px } .translate-result-htPxF1 { border-radius: 10px; border: 1px solid transparent; transition: all .5s ease-in-out; background: var(--theme-fill-tsp-components-tertiary) } .translate-result-htPxF1.active-yuN3Cy { border-color: var(--theme-border-quaternary); box-shadow: 0 1px 3px 0 var(--theme-shadow-s2); border-radius: 10px; background: var(--theme-fill-white) } .translate-result-htPxF1 .header-FDIwvR { border-radius: 10px; padding: 10px 8px 10px 14px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 8px } .translate-result-htPxF1 .header-FDIwvR:hover { background: var(--theme-fill-tsp-components-secondary) } .translate-result-htPxF1 .header-FDIwvR.expanded-ObDSK5 { border-radius: 10px 10px 0 0 } .translate-result-htPxF1 .header-FDIwvR .name-KjVinG { font-weight: 500; flex: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .translate-result-htPxF1 .header-FDIwvR .arrow-0VQ9UY { margin-left: auto; transition: transform .2s; transform: rotate(-90deg) } .translate-result-htPxF1 .header-FDIwvR .arrow-0VQ9UY.expanded-ObDSK5 { transform: rotate(0) } .translate-result-htPxF1 .content-S-82t- { border-radius: 0 0 10px 10px; height: 0; overflow: hidden } .translate-result-htPxF1 .content-S-82t-.expanded-ObDSK5 { height: auto; overflow: unset } .translate-result-htPxF1 .content-S-82t- .text-wrap-cCzOkM { min-height: 60px; padding: 4px 14px; line-height: 22px } .translate-result-htPxF1 .content-S-82t- .text-wrap-cCzOkM .placeholder-c9dAUl { user-select: none; color: var(--theme-text-disable); font-size: 14px; line-height: 22px } .translate-result-htPxF1 .content-S-82t- .loading-2BZG-D { display: flex; align-items: center; gap: 6px; color: var(--theme-text-disable); font-size: 14px; line-height: 22px } .translate-result-htPxF1 .content-S-82t- .translated-text-content-9c5Vhx { line-height: 22px; word-break: break-all; white-space: pre-line } .translate-result-htPxF1 .content-S-82t- .primary-error-text-D767uN { display: flex; align-items: center } .translate-result-htPxF1 .content-S-82t- .primary-error-text-D767uN .upgrade-text-button-RhI6iQ { color: var(--theme-text-brand); font-size: 14px; font-weight: 500; line-height: 20px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: inline-flex; align-items: center; gap: 4px; padding: 0 4px } .translate-result-htPxF1 .content-S-82t- .primary-error-text-D767uN .upgrade-text-button-RhI6iQ:hover { opacity: .8 } .translate-result-htPxF1 .content-S-82t- .secondary-error-text-Ba0RPp { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; margin-top: 2px } .translate-result-htPxF1 .content-S-82t- .button-group-EqY-M- { display: flex; align-items: center; gap: 8px; margin-top: 4px } .translate-result-htPxF1 .content-S-82t- .button-group-EqY-M- .retry-button-r4-lCU { background: transparent; border-color: var(--theme-border-quaternary) } .translate-result-htPxF1 .content-S-82t- .button-group-EqY-M- .retry-button-r4-lCU:hover { background: var(--theme-bg-white) } .translate-result-htPxF1 .content-S-82t- .actions--g-2bv { display: flex; align-items: center; padding: 4px 10px 6px } .translate-result-htPxF1 .content-S-82t- .actions--g-2bv .dropdown-label-7-31oG { margin-left: auto; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 6px; background: var(--theme-fill-tsp-components-secondary); padding: 4px 10px 4px 12px; width: fit-content; max-width: 154px; display: flex; align-items: center; gap: 12px; border: 1px solid transparent } .translate-result-htPxF1 .content-S-82t- .actions--g-2bv .dropdown-label-7-31oG:not(.disabled-PTseeT, .open-6AJwA-):hover { background: var(--theme-fill-tsp-components-primary) } .translate-result-htPxF1 .content-S-82t- .actions--g-2bv .dropdown-label-7-31oG.open-6AJwA- { border-radius: 6px; border-color: var(--theme-border-active); background: var(--theme-fill-white) } .translate-result-htPxF1 .content-S-82t- .actions--g-2bv .dropdown-label-7-31oG.disabled-PTseeT { cursor: default; background: var(--theme-fill-tsp-components-primary) } .translate-result-htPxF1 .content-S-82t- .actions--g-2bv .dropdown-label-7-31oG.disabled-PTseeT .text-RaA9Xk { color: var(--theme-text-quaternary) } .translate-result-htPxF1 .content-S-82t- .actions--g-2bv .dropdown-label-7-31oG .text-RaA9Xk { color: var(--theme-text-primary); font-size: 13px; line-height: 20px; flex: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .translate-toolkit-26-Tax { display: flex; align-items: center; gap: 8px; padding-bottom: 20px } .translate-toolkit-26-Tax:not(.large-NL0648) { border-bottom: 1px solid var(--border-primary) } .translate-toolkit-26-Tax .button-group-l1GdRE { display: flex } .translate-toolkit-26-Tax .button-group-l1GdRE .button-XhmVjI { border-top-right-radius: 0; border-bottom-right-radius: 0 } .translate-toolkit-26-Tax .button-group-l1GdRE .button-action-iQpnsd { border-radius: 0 32px 32px 0; border: 1px solid var(--border-primary); border-left: none; padding: 8px 9px 8px 6px; display: inline-flex; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .translate-toolkit-26-Tax .button-group-l1GdRE .button-action-iQpnsd:hover, .translate-toolkit-26-Tax .button-group-l1GdRE .button-action-iQpnsd.active-tQpF3S { background: var(--theme-bg-gray-secondary) } .translate-toolkit-26-Tax .translate-icon-wrap-9v1mST { position: relative; display: inline-flex } .translate-toolkit-26-Tax .translate-icon-wrap-9v1mST .translate-check-icon-omBERn { position: absolute; bottom: 0; right: 0; width: 8px; height: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: var(--theme-function-success); border-radius: 50% } .translate-toolkit-26-Tax .translate-icon-wrap-9v1mST .translate-check-icon-omBERn .checked-icon-8BmOzo { color: var(--theme-icon-white-primary) } .translate-engine-content-WH9cGF { padding: 4px; border-radius: 8px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .translate-engine-content-WH9cGF .engine-item-HnG50D { display: flex; align-items: center; padding: 4px 8px 4px 12px; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .translate-engine-content-WH9cGF .engine-item-HnG50D .text-mnW7tv { margin-left: 6px; margin-right: 8px; color: var(--theme-text-primary); font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .translate-engine-content-WH9cGF .engine-item-HnG50D.active-FPPgih { color: var(--theme-text-brand) } .translate-engine-content-WH9cGF .engine-item-HnG50D:hover { background: var(--theme-fill-tsp-components-secondary) } .translate-engine-content-WH9cGF .engine-item-HnG50D .ext-TRUZxm { margin-left: auto; display: flex; align-items: center } .reading-gaEqDh { width: 100%; height: 100%; position: relative; padding: 22px 16px 10px 20px; margin-bottom: 12px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .reading-gaEqDh::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .reading-gaEqDh::-webkit-scrollbar-track { background: transparent } .reading-gaEqDh::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .reading-gaEqDh::-webkit-scrollbar-thumb:hover { background: #00000062 } .reading-gaEqDh::-webkit-scrollbar-corner { background: transparent } .reading-gaEqDh .reading-inner-4cESlS { max-width: 800px; height: 100%; margin: 0 auto; display: flex; flex-direction: column } .reading-gaEqDh .reading-header-2ZNDUb { margin-bottom: 12px } .reading-gaEqDh .reading-container-hqMm9j { width: 100%; flex: 1 } .reading-gaEqDh .reading-container-hqMm9j .reading-item-opz7Pb { display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 8px } .reading-gaEqDh .reading-container-hqMm9j .reading-item-opz7Pb>div { width: 100% } .reading-gaEqDh .reading-container-hqMm9j .reading-item-opz7Pb .reading-item-title--he9LS { display: flex; width: 100%; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px } .reading-gaEqDh .reading-container-hqMm9j .reading-page-egCcAt { display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 8px; width: 100%; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; align-items: flex-start; margin-bottom: 16px } .reading-gaEqDh .reading-container-hqMm9j .reading-page-egCcAt .reading-origin-xcqPFh { width: 100%; display: flex; align-items: center; border-radius: 16px; padding: 12px 16px; column-gap: 16px; background-color: var(--theme-bg-white); border: 1px solid var(--theme-border-primary) } .reading-gaEqDh .reading-container-hqMm9j .reading-page-egCcAt .reading-origin-xcqPFh .reading-origin-left-CaNSUp { position: relative; display: flex; column-gap: 5px; flex: 1; overflow: hidden } .reading-gaEqDh .reading-container-hqMm9j .reading-page-egCcAt .reading-origin-xcqPFh .reading-origin-left-CaNSUp .reading-origin-info-qbipjg { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; font-size: 14px; line-height: 22px } .reading-gaEqDh .reading-container-hqMm9j .reading-page-egCcAt .reading-origin-xcqPFh .reading-origin-left-CaNSUp .reading-origin-info-qbipjg .reading-origin-url-u53dIG { color: var(--theme-icon-quaternary); font-weight: 400; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; min-width: 0 } .reading-gaEqDh .reading-container-hqMm9j .reading-page-egCcAt .reading-origin-xcqPFh .reading-origin-left-CaNSUp .reading-origin-info-qbipjg .reading-origin-title-laYwGy { color: var(--theme-icon-primary); font-style: normal; font-weight: 500; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; min-width: 0 } .reading-gaEqDh .reading-container-hqMm9j .reading-page-egCcAt .reading-origin-xcqPFh .reading-origin-left-CaNSUp .favicon-jxXurp { margin-top: 3px; width: 16px; height: 16px; border-radius: 16px; overflow: hidden; display: flex; flex-shrink: 0 } .reading-gaEqDh .reading-container-hqMm9j .reading-page-egCcAt .reading-origin-xcqPFh .reading-origin-left-CaNSUp .favicon-jxXurp img { height: 100%; width: 100%; object-fit: cover } .reading-gaEqDh .reading-container-hqMm9j .chat-with-link-gMz232 { margin-bottom: 20px } .reading-gaEqDh .reading-container-hqMm9j .chat-with-link-gMz232 .chat-with-link-container-X3ahgj { display: flex; column-gap: 8px } .reading-gaEqDh .reading-container-hqMm9j .chat-with-link-gMz232 .chat-with-link-container-X3ahgj .chat-with-link-input-bYa27L { padding: 12px 16px; border-radius: 16px; background-color: var(--theme-fill-tsp-components-secondary); font-size: 14px } .reading-gaEqDh .reading-container-hqMm9j .chat-with-link-gMz232 .chat-with-link-container-X3ahgj .chat-with-link-input-bYa27L::placeholder { color: var(--theme-text-disable) } .reading-gaEqDh .reading-container-hqMm9j .reading-tool-0eNaPD { display: flex; column-gap: 16px; margin-bottom: 24px; justify-content: space-between } .reading-gaEqDh .reading-container-hqMm9j .reading-tool-0eNaPD .reading-item-opz7Pb { flex: 1 } .reading-gaEqDh .reading-container-hqMm9j .reading-tool-0eNaPD .reading-tool-item-FgrLLa { height: 148px; border-radius: 22px; background-color: var(--theme-fill-tsp-components-secondary); display: flex; justify-content: center; align-items: center; flex-direction: column; border: none } .reading-gaEqDh .reading-container-hqMm9j .reading-tool-0eNaPD .reading-tool-item-FgrLLa.screenshot-card-6lLOTJ { padding: 0 12px } .reading-gaEqDh .reading-container-hqMm9j .reading-tool-0eNaPD .reading-tool-item-FgrLLa.screenshot-card-6lLOTJ .screenshot-Icon-vAuzp7 { width: 56px; height: 56px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 12px; color: var(--theme-icon-white-primary); margin-bottom: 8px } .reading-gaEqDh .reading-container-hqMm9j .reading-tool-0eNaPD .reading-tool-item-FgrLLa.screenshot-card-6lLOTJ .screenshot-text-mtNK4g { color: var(--theme-icon-primary); font-size: 14px; font-weight: 600; line-height: 22px; text-align: center } .reading-gaEqDh .reading-container-hqMm9j .reading-upload-1gTbb9 { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 16px 16px 18px 24px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; column-gap: 20px; justify-content: flex-start; border-radius: 16px; border: 1.5px dashed transparent; box-sizing: border-box; background: linear-gradient(325deg, rgba(199, 202, 209, .48) 16.56%, rgba(199, 202, 209, .19) 88.78%) } .reading-gaEqDh .reading-container-hqMm9j .reading-upload-1gTbb9:hover { border: 1.5px dashed var(--theme-border-active); background-color: var(--theme-btn-fill-tertiary-hover) } .reading-gaEqDh .reading-container-hqMm9j .reading-upload-1gTbb9 .reading-upload-icon-8rXk-k { display: flex; column-gap: 6px } .reading-gaEqDh .reading-container-hqMm9j .reading-upload-1gTbb9 .reading-upload-info-EEZr44 { color: var(--theme-text-primary) } .reading-gaEqDh .reading-container-hqMm9j .reading-upload-1gTbb9 .reading-upload-info-EEZr44 .title-A03QhY { font-size: 16px; font-weight: 600; line-height: 26px } .reading-gaEqDh .reading-container-hqMm9j .reading-upload-1gTbb9 .reading-upload-info-EEZr44 .text-XSX5kq { font-size: 12px; font-weight: 500; line-height: 16px; opacity: .3 } .reading-gaEqDh .reading-container-hqMm9j .screenshot-btn-ilLPJA { border-radius: 22px; display: flex; justify-content: center; column-gap: 8px; color: var(--theme-icon-white-primary); align-items: center; font-size: 14px; font-weight: 500; line-height: 22px } .reading-gaEqDh .reading-memo-container-Sqi3iz { position: relative; margin-bottom: 27px } .reading-gaEqDh .reading-memo-container-Sqi3iz .reading-memo-title-vyHYPr { color: var(--theme-icon-quaternary); font-size: 14px; font-weight: 500; line-height: 22px; margin-bottom: 11px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px } .reading-gaEqDh .reading-memo-container-Sqi3iz .reading-memo-title-vyHYPr:after { content: ""; height: 1px; flex: 1; min-width: 0px; background-color: var(--theme-fill-tsp-components-secondary) } .reading-gaEqDh .reading-memo-container-Sqi3iz .reading-memo-0HB2La { position: relative; margin-bottom: 27px } .reading-gaEqDh .reading-memo-container-Sqi3iz .reading-memo-0HB2La .memo-item-8Pj-MU { position: relative; z-index: 2 } .reading-gaEqDh .reading-memo-container-Sqi3iz .reading-memo-0HB2La:before { content: ""; position: absolute; z-index: 1; border-radius: 16px; background-color: var(--theme-bg-tsp-white-secondary); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1); inset: 46px 17px -12px; border: 1px solid var(--theme-border-primary) } .reading-gaEqDh .reading-memo-container-Sqi3iz .reading-memo-0HB2La:hover .view-all-btn-BcLG8J { display: inline-flex } .reading-gaEqDh .reading-memo-container-Sqi3iz .reading-memo-0HB2La .view-all-btn-BcLG8J { z-index: 10; padding: 5px 12px; justify-content: center; align-items: center; column-gap: 10px; display: none; position: absolute; right: 0; border-radius: 12px; background-color: var(--theme-bg-white); bottom: -16px; color: var(--theme-icon-tertiary); font-size: 14px; font-weight: 500; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .reading-gaEqDh .reading-memo-container-Sqi3iz .reading-memo-0HB2La .view-all-btn-BcLG8J:hover { background-color: var(--theme-fill-tsp-components-secondary) } .reading-gaEqDh .reading-footer-BNfGUz { padding-right: 20px; margin-top: 10px } .reading-gaEqDh .drag-layer-S9uHRc { position: absolute; inset: 15px 15px 53px; border-radius: 16px; border: 1.5px dashed var(--theme-border-active); background-color: var(--theme-btn-fill-tertiary-hover); z-index: 5201 } .toolkit-UfkNSw { width: 100%; height: 100%; color: var(--theme-icon-primary); font-size: 14px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 20px } .toolkit-UfkNSw::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .toolkit-UfkNSw::-webkit-scrollbar-track { background: transparent } .toolkit-UfkNSw::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .toolkit-UfkNSw::-webkit-scrollbar-thumb:hover { background: #00000062 } .toolkit-UfkNSw::-webkit-scrollbar-corner { background: transparent } .toolkit-UfkNSw .scroll-view-QxgaXi { display: flex; flex-direction: column; max-width: 800px; margin: 0 auto; min-height: 100% } .toolkit-UfkNSw .intro-aNPFle { margin-top: 10px; font-style: normal; font-weight: 400; line-height: 22px } .toolkit-UfkNSw .tabs-pCafmi { margin-top: 23px; display: inline-flex } .toolkit-UfkNSw .tool-list-8i522K { display: flex; margin-top: 12px; flex: 1 } .toolkit-UfkNSw .tool-list-8i522K.cell-gxCqzt .list-inner-wTrxcJ { flex-direction: row; align-items: flex-start; align-self: baseline } .toolkit-UfkNSw .tool-list-8i522K.cell-gxCqzt .tool-MSbi38 { width: calc(50% - 6px); display: inline-flex } .toolkit-UfkNSw .tool-list-8i522K .list-inner-wTrxcJ { gap: 12px; flex-direction: column; display: flex; flex-wrap: wrap; align-items: flex; width: 100% } .toolkit-UfkNSw .tool-list-8i522K .tool-MSbi38 { border-radius: 16px; background: var(--theme-fill-tsp-components-secondary); padding: 12px 10px 12px 14px; display: flex; align-items: center; min-height: 76px } .toolkit-UfkNSw .tool-list-8i522K .tool-MSbi38:hover { opacity: 1; background: var(--theme-fill-tsp-components-primary) } .toolkit-UfkNSw .tool-list-8i522K .tool-MSbi38 .icon-piV-Wh { width: 40px; height: 40px; background-color: var(--theme-bg-white); border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center } .toolkit-UfkNSw .tool-list-8i522K .tool-MSbi38 .icon-piV-Wh.dark-gLyCTt img { filter: invert(1) } .toolkit-UfkNSw .tool-list-8i522K .tool-MSbi38 .center-vbxZiH { flex: 1; padding: 0 10px 0 12px; min-width: 0 } .toolkit-UfkNSw .tool-list-8i522K .tool-MSbi38 .center-vbxZiH .name-wHiHC2 { color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: normal } .toolkit-UfkNSw .tool-list-8i522K .tool-MSbi38 .center-vbxZiH .desc-a08D-q { margin-top: 2px; color: var(--theme-icon-tertiary); font-size: 12px; font-style: normal; font-weight: 400; line-height: normal } .toolkit-UfkNSw .more--J7QcE { margin-top: 16px; text-align: center; color: var(--theme-icon-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .toolkit-UfkNSw .more--J7QcE a { color: var(--theme-text-link) } .toolkit-UfkNSw .more--J7QcE a:hover { opacity: .8 } .tabs-U7y3qB { visibility: visible; max-width: 100%; --active-bg-color: var(--theme-tab-fill-active) } .tabs-U7y3qB .wrapper-N5Nc1- { position: relative; z-index: 0; padding: 4px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-radius: 20px; background-color: var(--theme-fill-tsp-components-secondary); --active-tab-width: 0; --active-tab-left: 0; --active-tab-animation-duration: .2s } .tabs-U7y3qB .wrapper-N5Nc1-:before { content: ""; position: absolute; z-index: -1; width: var(--active-tab-width); height: calc(100% - 6px); top: 3px; left: var(--active-tab-left); background-color: var(--active-bg-color); border-radius: 40px; transition: var(--active-tab-animation-duration) ease-in-out } .tabs-U7y3qB .wrapper-N5Nc1- .tab-AHuUzM { padding: 3px 12px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .tabs-U7y3qB .wrapper-N5Nc1- .tab-AHuUzM .tab-name-RjWFxg.has-icon-wtYDBX { display: flex; align-items: center; gap: 4px } .tabs-U7y3qB .wrapper-N5Nc1- .tab-AHuUzM .tab-name-RjWFxg .icon-qxITNe { width: 16px; height: 16px; user-select: none; -webkit-user-drag: none } .tabs-U7y3qB .wrapper-N5Nc1- .tab-AHuUzM.equal-width-lDqa7Y { flex: 1; text-align: center } .tabs-U7y3qB .wrapper-N5Nc1- .active-tab-wkvgKs { color: var(--theme-icon-white-primary); transition: var(--active-tab-animation-duration) ease-in-out } .tabs-U7y3qB .wrapper-N5Nc1- .active-tab-in-ssr-5fFYqC { background-color: var(--active-bg-color); border-radius: 40px } .light-theme-VZK0PA .wrapper-N5Nc1-:before { background-color: var(--theme-bg-white) } .light-theme-VZK0PA .wrapper-N5Nc1- .active-tab-wkvgKs { color: var(--theme-icon-primary) } .small-size-Rx54jU .wrapper-N5Nc1- { padding: 4px; border-radius: 16px } .small-size-Rx54jU .wrapper-N5Nc1- .tab-AHuUzM { padding: 1px 6px; font-size: 12px; line-height: 18px } .middle-size-iOY5xq .wrapper-N5Nc1- { padding: 4px; border-radius: 64px } .middle-size-iOY5xq .wrapper-N5Nc1- .tab-AHuUzM { padding: 9px 13px; font-size: 14px; line-height: 22px } .large-size-ckNUz- .wrapper-N5Nc1- { padding: 4px; border-radius: 64px } .large-size-ckNUz- .wrapper-N5Nc1- .tab-AHuUzM { padding: 15px 20px; font-size: 18px; font-weight: 500; line-height: 26px } .primary-UaHI-G { --active-bg-color: var(--theme-btn-fill-primary) } .no-transition-dHnDP1 .wrapper-N5Nc1-:before { transition: none } .no-transition-dHnDP1 .wrapper-N5Nc1- .active-tab-wkvgKs { transition: none } ._monica-dark .light-theme-VZK0PA .wrapper-N5Nc1-:before { background-color: var(--theme-btn-fill-tertiary) } ._monica-dark .light-theme-VZK0PA .wrapper-N5Nc1- .active-tab-wkvgKs { color: #000 } .toggle-visible-nNkdM6.hide-qhrHs3 { display: none } .speak-icon-button-sgbrli { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-text-quaternary) } .speak-icon-button-sgbrli:hover { color: #4e75bc } .speak-icon-button-sgbrli.active-sDwSQB { color: var(--theme-text-link) !important } .compose-output-JHn7LY { display: flex; flex-direction: column; gap: 8px } .compose-output-JHn7LY .title-lpTgKm { font-size: 14px; display: flex; align-items: center; height: 24px; line-height: 24px; color: var(--theme-text-primary); font-weight: 500; justify-content: space-between } .compose-output-JHn7LY .pagination-zg2I5o { background: var(--theme-btn-fill-secondary-hover); border-radius: 4px; display: flex; align-items: center; height: 18px; line-height: 18px; user-select: none; min-width: 62px } .compose-output-JHn7LY .pagination-zg2I5o .pagination-content-pRtzd6 { background-color: var(--theme-text-white-primary); font-size: 12px; display: flex; align-items: center; height: 16px; line-height: 16px; padding: 0 4px; gap: 1px; flex: 1 } .compose-output-JHn7LY .pagination-zg2I5o .pagination-content-pRtzd6 .pagination-content-current-0--2Hm { color: #737373 } .compose-output-JHn7LY .pagination-zg2I5o .pagination-content-pRtzd6 .pagination-content-total-2TXMsg { color: var(--theme-bg-mask) } .compose-output-JHn7LY .pagination-zg2I5o .pagination-btn-MWmmhz { padding: 0 2px; cursor: pointer; color: #637381; display: flex } .compose-output-JHn7LY .pagination-zg2I5o .pagination-btn-MWmmhz.pagination-btn-disabled-3gAur9 { cursor: not-allowed; color: #c4cdd5 } .compose-output-JHn7LY .title-left-RZxjWd { display: flex; gap: 6px; align-items: center } .compose-output-JHn7LY .error-text-dXgUW5 { color: #ff3d00; font-size: 12px } .compose-output-lite-window-9BO8uj .textarea-B2iPbc { padding: 8px } .operation-group-bl9r03 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px } .operation-group-bl9r03 .operation-item-rLZw-5 { display: inline-flex; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-quaternary) } .operation-group-bl9r03 .operation-item-rLZw-5:hover { color: var(--theme-icon-brand) } .operation-group-bl9r03 .operation-item-rLZw-5.active-P7daCx { color: var(--theme-btn-fill-primary-active) } .compose-hLUHX0 { position: relative; display: flex; flex-direction: column; gap: 16px; flex: 1; min-height: 0px } .compose-hLUHX0 .input-box-f-UHuQ { display: flex; flex-direction: column; flex-shrink: 0; margin-right: -6px; padding-bottom: 10px; gap: 16px } .compose-hLUHX0 .input-box-f-UHuQ .section-C1LO-7 { height: 100%; display: flex; flex-direction: column; padding-right: 6px; gap: 8px } .compose-hLUHX0 .input-box-f-UHuQ .section-C1LO-7 .write-about-input-wrapper-mttIt8 { display: flex; flex-direction: column; gap: 8px } .compose-hLUHX0 .input-box-f-UHuQ .section-C1LO-7 .write-about-input-wrapper-mttIt8 .write-about-header--PW1Th { font-weight: 500; font-size: 14px; display: flex; justify-content: space-between; align-items: center; color: var(--theme-text-primary); position: relative; top: -2px } .compose-hLUHX0 .input-box-f-UHuQ .section-C1LO-7 .write-about-input-wrapper-mttIt8 .write-about-header--PW1Th .compose-segmented-Op8h4I { display: flex } .compose-hLUHX0 .input-box-f-UHuQ .section-C1LO-7 .write-about-input-wrapper-mttIt8 .write-about-header--PW1Th .copy-btn-SXm3Ut { color: var(--theme-text-tertiary); display: inline-flex; gap: 5px; align-items: center; padding: 3px 5px; border-radius: 3px; position: absolute; right: 0; top: -2px; background-color: var(--theme-fill-tsp-components-secondary); cursor: pointer } .compose-hLUHX0 .input-box-f-UHuQ .section-C1LO-7 .write-about-input-wrapper-mttIt8 .original-text-wrapper-Uihlbo { position: relative } .compose-hLUHX0 .input-box-f-UHuQ .section-C1LO-7 .write-option-group-psci4q { display: flex; flex-direction: column; gap: 20px } .compose-hLUHX0 .input-box-f-UHuQ .section-C1LO-7 .write-option-group-psci4q .write-option-list-8FGr9k { display: flex; flex-direction: column; gap: 8px } .compose-hLUHX0 .input-box-f-UHuQ .section-C1LO-7 .write-option-group-psci4q .write-option-list-8FGr9k .write-option-list-header-x3rAzh { display: flex; align-items: center; font-weight: 500; font-size: 14px; color: var(--theme-text-primary) } .compose-hLUHX0 .input-box-f-UHuQ .section-C1LO-7 .write-option-group-psci4q .write-option-list-8FGr9k .write-option-list-content-HIR002 { display: flex; gap: 10px; flex-wrap: wrap } .compose-hLUHX0 .input-box-f-UHuQ .toolbar-Expy9M { position: relative; width: 100%; flex-shrink: 0; padding: 0 } .compose-hLUHX0 .output-box--Jb24A { position: relative; flex: 1; background-color: transparent; display: flex; flex-direction: column } .compose-hLUHX0 .output-box--Jb24A .preview-wrapper-bt9xJR { background-color: transparent; flex: 1; display: flex; flex-direction: column } .compose-hLUHX0 .output-box--Jb24A .preview-wrapper-bt9xJR .preview-operations-pMu1gT { display: flex; gap: 12px; padding-top: 12px; margin-bottom: 10px; flex-wrap: wrap } .compose-hLUHX0 .output-box--Jb24A .preview-wrapper-bt9xJR .preview-operations-pMu1gT .preview-operation-la19En { flex: 1 } .compose-toolbar--i5KV1 { width: 100%; display: flex; align-items: center; justify-content: space-between } .compose-toolbar--i5KV1 .vip-toolbar-oVMFxL { width: auto } .compose-toolbar--i5KV1 .action-btn-OLCCd1 { min-width: 50% } .compose-toolbar--i5KV1 .action-btn-OLCCd1 .btn-text-X10I-7 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .horizontal-jIndKT { flex: 1; flex-direction: row; gap: 24px; overflow: hidden } .horizontal-jIndKT .input-box-f-UHuQ { position: relative; max-height: none; flex: 1; display: flex; flex-direction: column; gap: 18px } .horizontal-jIndKT .input-box-f-UHuQ .section-C1LO-7 { flex: 1; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .horizontal-jIndKT .input-box-f-UHuQ .section-C1LO-7::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .horizontal-jIndKT .input-box-f-UHuQ .section-C1LO-7::-webkit-scrollbar-track { background: transparent } .horizontal-jIndKT .input-box-f-UHuQ .section-C1LO-7::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .horizontal-jIndKT .input-box-f-UHuQ .section-C1LO-7::-webkit-scrollbar-thumb:hover { background: #00000062 } .horizontal-jIndKT .input-box-f-UHuQ .section-C1LO-7::-webkit-scrollbar-corner { background: transparent } .horizontal-jIndKT .input-box-f-UHuQ .toolbar-Expy9M { height: 44px; flex-shrink: 0 } .horizontal-jIndKT .divider-345kuM { width: 1px; height: 100%; background-color: var(--theme-fill-tsp-components-secondary) } .horizontal-jIndKT .output-box--Jb24A { flex: 1; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .horizontal-jIndKT .output-box--Jb24A::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .horizontal-jIndKT .output-box--Jb24A::-webkit-scrollbar-track { background: transparent } .horizontal-jIndKT .output-box--Jb24A::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .horizontal-jIndKT .output-box--Jb24A::-webkit-scrollbar-thumb:hover { background: #00000062 } .horizontal-jIndKT .output-box--Jb24A::-webkit-scrollbar-corner { background: transparent } .horizontal-jIndKT .output-box--Jb24A .preview-YWj6eh { height: 100%; display: flex; flex-direction: column; gap: 8px; font-size: 14px; line-height: 24px; font-weight: 500 } .horizontal-jIndKT .output-box--Jb24A .preview-YWj6eh .header-z1SqeY { color: var(--theme-text-primary) } .horizontal-jIndKT .output-box--Jb24A .preview-YWj6eh .content-LQnLk7 { flex: 1; color: var(--theme-text-disable); cursor: not-allowed } .horizontal-jIndKT .output-box--Jb24A .preview-textarea-khbDMS { flex: 1; display: flex; flex-direction: column } .horizontal-jIndKT .output-box--Jb24A .preview-textarea-khbDMS textarea { height: 100% !important; max-height: none !important } .ai-result-LOsavr { position: relative } .ai-result-LOsavr .divider-TH42BG { width: 100%; height: 1px; margin: 12px 0; background: var(--theme-fill-tsp-components-primary) } .ai-result-LOsavr .collapse-S-fRIa .ant-collapse-header { padding: 0 !important } .ai-result-LOsavr .collapse-S-fRIa .ant-collapse-header-text { color: var(--theme-text-primary); font-weight: 700; font-size: 14px; overflow: hidden } .ai-result-LOsavr .collapse-S-fRIa .ant-collapse-content-box { padding: 0 !important } .ai-result-LOsavr .collapse-S-fRIa .ant-collapse-expand-icon { height: 20px !important; padding-inline-start: 4px !important } .ai-result-LOsavr .collapse-S-fRIa .ant-collapse-expand-icon { height: 36px !important; padding-inline-start: 0px !important; padding-inline-end: 6px !important } .ai-result-LOsavr .expand-icon-0AjBmU { height: 36px; display: flex; align-items: center; transform: rotate(-90deg); transition: all .2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .ai-result-LOsavr .expand-icon-0AjBmU.active-0ITOSM { transform: rotate(0) } .ai-result-LOsavr .header-1l-jv2 { width: 100%; height: 36px; display: flex; align-items: center; justify-content: space-between; user-select: none } .ai-result-LOsavr .header-1l-jv2 .title-j4s0vm { font-size: 18px; font-weight: 500; color: var(--theme-icon-primary); display: inline-flex; align-items: center; gap: 6px } .ai-result-LOsavr .header-1l-jv2 .title-j4s0vm .text-ey28tJ { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .ai-result-LOsavr .header-1l-jv2 .title-j4s0vm .loading-Pu1gDX { width: 16px; height: 16px; border-radius: 100%; animation: circle-AKEiae infinite .75s linear; border: 2px solid var(--theme-icon-secondary); border-top-color: var(--theme-btn-border-primary); border-right-color: var(--theme-btn-border-primary); border-bottom-color: var(--theme-btn-border-primary) } @keyframes circle-AKEiae { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .ai-result-LOsavr .header-1l-jv2 .operation-group-TKOQXE { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .ai-result-LOsavr .header-1l-jv2 .operation-group-TKOQXE .operation-item-70hYGv { width: 22px; height: 22px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-secondary) } .ai-result-LOsavr .header-1l-jv2 .operation-group-TKOQXE .operation-item-70hYGv:hover { background-color: var(--theme-fill-tsp-components-secondary) } .ai-result-LOsavr .box-Dj04Q6 { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 12px 0 } .ai-result-LOsavr .box-Dj04Q6 .textarea-wrapper-V2MUwf { display: flex; flex-direction: column; background: var(--theme-fill-tsp-components-secondary); border-radius: 16px; border: 1px solid transparent; transition: border-color .2s ease-in-out } .ai-result-LOsavr .box-Dj04Q6 .textarea-wrapper-V2MUwf:focus-within { border-color: var(--theme-border-active) } .ai-result-LOsavr .box-Dj04Q6 .textarea-wrapper-V2MUwf .badge-wrapper-72jZi- { margin-bottom: -8px } .ai-result-LOsavr .box-Dj04Q6 .textarea-wrapper-V2MUwf .badge-wrapper-72jZi- .badge-XAxH-i { height: 20px; padding: 0 8px; border-radius: 16px 0; background: var(--theme-bg-gray-secondary); display: inline-flex; align-items: center; justify-content: center; gap: 2px; font-size: 12px; color: var(--theme-icon-quaternary) } .ai-result-LOsavr .box-Dj04Q6 .textarea-wrapper-V2MUwf .textarea-jHeNdn { position: relative; padding: 12px 16px; font-size: 14px; line-height: 22px; color: var(--theme-icon-primary); white-space: pre-wrap } .ai-result-LOsavr .box-Dj04Q6 .textarea-wrapper-V2MUwf .toolbar-CwcrBd { padding: 4px 16px 12px; width: 100%; min-height: 48px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-end; gap: 8px } .operation-group-TKOQXE { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .operation-group-TKOQXE .operation-item-70hYGv { width: 22px; height: 22px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-secondary) } .operation-group-TKOQXE .operation-item-70hYGv:hover { background-color: var(--theme-fill-tsp-components-secondary) } .error-text-ixMbMt { color: #ff3d00; font-size: 14px } .preview-operations-AOmZKX { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px } .preview-operations-AOmZKX .preview-operation-C-yhe4 { flex: 1 } .divider-TH42BG { margin-top: 8px; width: 100%; height: 1px; background-color: var(--theme-bg-gray-primary) } .changes-made-YkSE5- { width: 100%; display: flex; flex-direction: column; gap: 11px } .changes-made-YkSE5- .title-j4s0vm { color: var(--theme-text-primary); font-size: 14px; font-weight: 700; line-height: 22px } .changes-made-YkSE5- .reason-box-3mW-Uv { position: relative } .changes-made-YkSE5- .reason-box-3mW-Uv .reasons-Sp01R0 { width: 100%; display: flex; flex-direction: column; gap: 12px } .changes-made-YkSE5- .reason-box-3mW-Uv .reasons-Sp01R0 .reason-item-iehfZn { width: 100%; border-radius: 12px; background: var(--theme-fill-tsp-components-secondary); padding: 8px 12px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px; display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: flex-start; justify-content: left; gap: 8px; transition: all .2s ease-in-out } .changes-made-YkSE5- .reason-box-3mW-Uv .reasons-Sp01R0 .reason-item-iehfZn .dot-2AXoH1 { margin-top: 10px; width: 4px; height: 4px; border-radius: 4px; min-width: 4px; min-height: 4px; background-color: var(--theme-icon-secondary) } .actions-ZgNQl4 .retry-gpt4-btn-IXEReQ { display: inline-flex; background: var(--theme-bg-gray-primary) } .grammar-Yrz13c { position: relative; display: flex; flex-direction: column; gap: 16px; flex: 1; min-height: 0px } .grammar-Yrz13c .input-box-9QKJVN { min-height: 180px; max-height: calc(100% - 180px); display: flex; flex-direction: column; flex-shrink: 0; gap: 16px; margin-top: -8px } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK { height: 100%; display: flex; flex-direction: column; gap: 8px } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .textarea-box-hm8QHQ { height: 100%; position: relative; border-radius: 16px; background: var(--theme-fill-tsp-components-secondary); display: flex; flex-direction: column; border: 1px solid transparent; padding: 2px; transition: all .2s ease-in-out } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .textarea-box-hm8QHQ:hover, .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .textarea-box-hm8QHQ.focus-6GicbW { border-color: var(--theme-border-active) } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .textarea-box-hm8QHQ .textarea-nl8jQ0 { flex: 1; background: none; padding: 10px 14px 0 } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .textarea-box-hm8QHQ .textarea-nl8jQ0:hover, .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .textarea-box-hm8QHQ .textarea-nl8jQ0:focus { border-color: transparent } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .textarea-box-hm8QHQ .footer-RDnmkG { height: 40px; flex-shrink: 0; display: flex; align-items: center; padding: 0 16px } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .textarea-box-hm8QHQ .footer-RDnmkG .font-tips-cj0V7c { display: inline-flex; font-size: 12px; font-weight: 400; color: var(--theme-text-disable); user-select: none } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .warning-hwvNMT { display: flex; color: var(--theme-text-quaternary); align-items: center } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .warning-hwvNMT .icon-h3Cvvp { margin-right: 4px } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .input-actions-XtKhGx { position: relative; display: flex; align-items: center; gap: 8px; margin-top: 8px } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .input-actions-XtKhGx .fix-all-btn-60VX2h { min-width: 120px } .grammar-Yrz13c .input-box-9QKJVN .section--f2sVK .input-actions-XtKhGx .fix-ai-btn-oGxnmx { flex: 1 } .grammar-Yrz13c .input-box-9QKJVN .drag-bar-Nhl-RC { width: 100%; min-height: 0; display: flex; align-items: center; justify-content: center; cursor: ns-resize } .grammar-Yrz13c .input-box-9QKJVN .drag-bar-Nhl-RC .bar-nlfK98 { width: 42px; height: 3px; flex-shrink: 0; border-radius: 2px; background: var(--theme-icon-disable); transition: all .2s ease-in-out } .grammar-Yrz13c .input-box-9QKJVN .drag-bar-Nhl-RC:hover .bar-nlfK98 { background: var(--theme-icon-quaternary) } .grammar-Yrz13c .output-box-Uufa2o { flex: 1; background-color: transparent; display: flex; flex-direction: column; overflow: hidden auto; padding-bottom: 48px; padding-right: 26px; margin-right: -20px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .grammar-Yrz13c .output-box-Uufa2o::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .grammar-Yrz13c .output-box-Uufa2o::-webkit-scrollbar-track { background: transparent } .grammar-Yrz13c .output-box-Uufa2o::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .grammar-Yrz13c .output-box-Uufa2o::-webkit-scrollbar-thumb:hover { background: #00000062 } .grammar-Yrz13c .output-box-Uufa2o::-webkit-scrollbar-corner { background: transparent } .grammar-Yrz13c .toolbar-DdY1rR { position: relative; width: 100%; margin-bottom: 24px } .grammar-Yrz13c.resizing-Pf6xdp { cursor: ns-resize } .grammar-toolbar-phnqIw { width: 100%; display: flex; align-items: center; justify-content: space-between } .grammar-toolbar-phnqIw .vip-toolbar-8twbJx { width: auto } .grammar-toolbar-phnqIw .improve-btn-q0RMVG { flex: 1; min-width: 0px; max-width: 300px } .grammar-toolbar-phnqIw .improve-btn-q0RMVG.disabled-9R3mly { background: var(--theme-btn-fill-tertiary); cursor: not-allowed } .grammar-toolbar-phnqIw .improve-btn-q0RMVG .btn-text-QzRPVI { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .textarea-toolbar-M62MHB { flex: 1; display: flex; align-items: center; gap: 4px } .textarea-toolbar-M62MHB .icon-btn-vN0QS3 { color: var(--theme-icon-tertiary); width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .textarea-toolbar-M62MHB .icon-btn-vN0QS3:hover { background-color: var(--theme-fill-tsp-components-secondary) } .textarea-toolbar-M62MHB .paste-btn-TXhKOg { color: var(--theme-text-tertiary); display: inline-flex; gap: 5px; align-items: center; padding: 3px 5px; line-height: 22px; border-radius: 8px; margin-left: 4px; background-color: var(--theme-fill-tsp-components-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .horizontal-0ztlQR { flex: 1; flex-direction: row; gap: 24px } .horizontal-0ztlQR .input-box-9QKJVN { position: relative; margin-top: 0; max-height: none; flex: 1; display: flex; flex-direction: column; gap: 18px } .horizontal-0ztlQR .input-box-9QKJVN .toolbar-DdY1rR { position: relative; left: 0; width: 100%; flex-shrink: 0; padding: 0 } .horizontal-0ztlQR .divider-Fh9SX- { width: 1px; height: 100%; background-color: var(--theme-fill-tsp-components-secondary) } .horizontal-0ztlQR .output-box-Uufa2o { flex: 1; margin-top: -10px } .suggestions-b358tD { position: relative } .suggestions-b358tD .collapse--WKqkf .ant-collapse-header { padding: 0 !important } .suggestions-b358tD .collapse--WKqkf .ant-collapse-header-text { color: var(--theme-text-primary); font-weight: 700; font-size: 14px; overflow: hidden } .suggestions-b358tD .collapse--WKqkf .ant-collapse-content-box { padding: 0 !important } .suggestions-b358tD .collapse--WKqkf .ant-collapse-expand-icon { height: 20px !important; padding-inline-start: 4px !important } .suggestions-b358tD .collapse--WKqkf .ant-collapse-expand-icon { height: 36px !important; padding-inline-start: 0px !important; padding-inline-end: 6px !important } .suggestions-b358tD .expand-icon-983pX- { height: 36px; display: flex; align-items: center; transform: rotate(-90deg); transition: all .2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .suggestions-b358tD .expand-icon-983pX-.active-0x-yrO { transform: rotate(0) } .suggestions-b358tD .header-TNWo1k { width: 100%; height: 36px; display: flex; align-items: center; justify-content: space-between; user-select: none } .suggestions-b358tD .header-TNWo1k .title-dDfrSo { font-size: 18px; font-weight: 500; color: var(--theme-icon-primary); display: inline-flex; align-items: center; gap: 6px } .suggestions-b358tD .header-TNWo1k .title-dDfrSo .text-kDt5OG { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .suggestions-b358tD .header-TNWo1k .title-dDfrSo .text-kDt5OG.disabled-TF2yCV { cursor: default } .suggestions-b358tD .header-TNWo1k .title-dDfrSo .loading-uvE4dh { width: 16px; height: 16px; border-radius: 100%; animation: circle-LFiFlo infinite .75s linear; border: 2px solid var(--theme-icon-secondary); border-top-color: var(--theme-btn-border-primary); border-right-color: var(--theme-btn-border-primary); border-bottom-color: var(--theme-btn-border-primary) } .suggestions-b358tD .header-TNWo1k .title-dDfrSo .badge-4ZSsg- { width: 18px; height: 18px; border-radius: 9px; background: var(--theme-icon-quaternary); color: var(--theme-icon-white-primary); font-size: 12px; font-weight: 500; display: flex; align-items: center; justify-content: center } @keyframes circle-LFiFlo { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .suggestions-b358tD .header-TNWo1k .fix-btn-da-4j3 { font-size: 16px; font-weight: 500; border-radius: 8px; padding: 6px 12px; line-height: 24px; color: var(--theme-icon-brand); transition: all .2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .suggestions-b358tD .header-TNWo1k .fix-btn-da-4j3:hover { background: var(--theme-fill-tsp-components-primary) } .suggestions-b358tD .suggestion-box-6qWPB2 { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 12px 0 } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO { width: 100%; padding: 12px 20px; border-radius: 12px; background: var(--theme-bg-white); display: flex; flex-direction: column; gap: 12px; cursor: pointer } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .header-TNWo1k { display: flex; align-content: center; gap: 6px; line-height: 22px } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .header-TNWo1k .point-EUcvie { width: 8px; height: 8px; border-radius: 4px } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .header-TNWo1k .title-dDfrSo { flex: 1; font-size: 14px; font-weight: 400; color: var(--theme-text-disable); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .header-TNWo1k .bad-text-v8Cg0- { font-size: 16px; font-weight: 500; color: var(--theme-icon-primary) } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .content-NCguvl { min-height: 62px; display: flex; flex-direction: column; justify-content: center; gap: 12px } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .content-NCguvl .text-seg-YtcoPL { line-height: 22px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .content-NCguvl .text-seg-YtcoPL .bad-text-v8Cg0- { color: var(--theme-function-error); font-weight: 700; text-decoration: line-through } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .content-NCguvl .text-seg-YtcoPL .sug-text-Zh0U6k { color: var(--theme-icon-brand); font-weight: 700 } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .content-NCguvl .replacements-07Un5W { display: flex; align-items: center; flex-wrap: wrap; gap: 8px } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .content-NCguvl .replacements-07Un5W .replacement-9zm3KP { line-height: 28px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: 12px; background: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .content-NCguvl .replacements-07Un5W .replacement-9zm3KP.active-0x-yrO { background: var(--theme-btn-fill-tertiary-hover); color: var(--theme-icon-brand) } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .footer-uSimvr { display: flex; align-items: center; justify-content: space-between } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .footer-uSimvr .rt-S8NDxB { display: flex; align-items: center; gap: 8px } .suggestions-b358tD .suggestion-box-6qWPB2 .item-yA8HwO .footer-uSimvr .rt-S8NDxB .btn-QLarYI { min-width: 60px; justify-content: center } .suggestions-b358tD .suggestion-box-6qWPB2 .expanded-vHg-uQ { box-shadow: 0 4px 24px #919eab24, 0 0 2px #919eab33; cursor: default } .suggestions-b358tD .suggestion-box-6qWPB2 .empty-9KUkt- { padding: 4px 0; font-size: 14px; font-weight: 400; line-height: 22px; margin-top: -12px; color: var(--theme-icon-quaternary) } .suggestions-b358tD .suggestion-box-6qWPB2 .check-now-EPWiIN:hover { color: var(--theme-icon-brand) } .template-EFve-x { display: flex; flex-direction: column; position: relative; height: 100%; padding: 16px 0 0; gap: 16px } .template-EFve-x .header-jYZkrN { padding: 0 20px; font-size: 20px; font-weight: 700; line-height: 28px; height: 28px; display: flex; align-items: center; flex-shrink: 0; gap: 4px; color: var(--theme-icon-primary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .template-EFve-x .header-jYZkrN .back-box-W0OxuZ { width: 22px; display: inline-flex; justify-content: center; border-radius: 22px; margin-left: -4px; gap: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .template-EFve-x .header-jYZkrN .back-box-W0OxuZ:hover { opacity: .8 } .template-EFve-x .content-5Pgnem { display: flex; flex-direction: column; flex: 1; min-height: 0px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .template-EFve-x .content-5Pgnem::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .template-EFve-x .content-5Pgnem::-webkit-scrollbar-track { background: transparent } .template-EFve-x .content-5Pgnem::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .template-EFve-x .content-5Pgnem::-webkit-scrollbar-thumb:hover { background: #00000062 } .template-EFve-x .content-5Pgnem::-webkit-scrollbar-corner { background: transparent } .tooltip-MFi2Bb { white-space: break-spaces } .template-detail-LsCK7g { flex: 1; min-height: 0px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; width: 100%; padding-right: 12px; margin-right: -12px; display: flex; flex-direction: column } .template-detail-LsCK7g::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .template-detail-LsCK7g::-webkit-scrollbar-track { background: transparent } .template-detail-LsCK7g::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .template-detail-LsCK7g::-webkit-scrollbar-thumb:hover { background: #00000062 } .template-detail-LsCK7g::-webkit-scrollbar-corner { background: transparent } .template-detail-LsCK7g .template-content-A5Qmsl { flex: 1 } .template-detail-LsCK7g .form-group-VbYKfG { display: flex; flex-direction: column; gap: 16px } .template-detail-LsCK7g .form-group-VbYKfG .form-item-PeptbT { display: flex; flex-direction: column; gap: 4px } .template-detail-LsCK7g .form-group-VbYKfG .form-item-PeptbT .form-item-title-gB-qQb { font-size: 14px; font-weight: 500; color: var(--theme-text-primary); display: flex; line-height: 22px; align-items: baseline } .template-detail-LsCK7g .form-group-VbYKfG .form-item-PeptbT .form-item-title-required-P7s9AU:before { content: "*"; color: var(--theme-function-error); margin-right: 2px } .template-detail-LsCK7g .tag-list-bYCLz5 { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; position: relative; margin-bottom: 4px } .template-detail-LsCK7g .tag-list-bYCLz5 .fold-box-aL0rJW { width: 16px; height: 16px; position: absolute; right: 2px; top: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .template-detail-LsCK7g .tag-list-bYCLz5 .tag-1fWMQi { border-radius: 50px; padding: 0 8px; font-size: 12px; display: flex; align-items: center; height: 25px; line-height: 25px; background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-primary); min-width: 42px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; justify-content: center; flex-direction: column } .template-detail-LsCK7g .tag-list-bYCLz5 .tag-1fWMQi:after { content: attr(data-content); display: block; height: 1px; margin-bottom: -1px; font-weight: 600; visibility: hidden; color: transparent; overflow: hidden } .template-detail-LsCK7g .tag-list-bYCLz5 .tag-selected-uTHDm- { color: #3872e0; font-weight: 600 } .template-detail-LsCK7g .form-group-wrapper-U4CSxG { padding: 0 16px 16px; display: flex; flex-direction: column; gap: 20px } .template-detail-LsCK7g .preview-wrapper-X8s5tp { flex: 1; display: flex; flex-direction: column; gap: 4px; border-top: 1px solid #e5e8eb; padding: 16px; margin-top: 8px } .template-detail-LsCK7g .preview-wrapper-X8s5tp .preview-header-nvTr9s { display: flex; align-items: center; gap: 6px } .template-detail-LsCK7g .preview-wrapper-X8s5tp .preview-header-nvTr9s .preview-title-weY-Cv { font-weight: 500; font-size: 14px; line-height: 22px; color: var(--theme-text-primary) } .template-detail-LsCK7g .preview-wrapper-X8s5tp .preview-box-o6VsAD { min-height: 74px; margin-top: 4px; position: relative; display: flex; flex-direction: column } .template-detail-LsCK7g .preview-wrapper-X8s5tp .preview-operations-jK-0XD { display: flex; gap: 12px; margin: 0 -16px 10px; padding: 12px 16px 0; flex-wrap: wrap } .template-detail-LsCK7g .preview-wrapper-X8s5tp .preview-operations-jK-0XD .preview-operation-DIkyWw { flex: 1 } .template-detail-LsCK7g .footer-tgc5cQ { margin: 10px 20px; height: 24px } .template-list-wrapper-jrgk1- { width: 100%; height: 100%; display: flex; flex-direction: column; padding: 0 20px 20px } .template-list-wrapper-jrgk1- .category-aWwfAK { margin-top: 16px; margin-bottom: 4px } .template-list-wrapper-jrgk1- .template-list-bu5tAy { flex: 1; min-height: 0px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 10px 8px 10px 0; display: flex; flex-direction: column; gap: 8px; margin: 0 -20px 0 -12px } .template-list-wrapper-jrgk1- .template-list-bu5tAy::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .template-list-wrapper-jrgk1- .template-list-bu5tAy::-webkit-scrollbar-track { background: transparent } .template-list-wrapper-jrgk1- .template-list-bu5tAy::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .template-list-wrapper-jrgk1- .template-list-bu5tAy::-webkit-scrollbar-thumb:hover { background: #00000062 } .template-list-wrapper-jrgk1- .template-list-bu5tAy::-webkit-scrollbar-corner { background: transparent } .template-list-wrapper-jrgk1- .template-list-bu5tAy .template-list-item-IXSdH0 { padding: 12px; display: flex; align-items: center; gap: 10px; border-radius: 16px; transition: all .2s ease-in-out; position: relative; cursor: pointer } .template-list-wrapper-jrgk1- .template-list-bu5tAy .template-list-item-IXSdH0:hover { background-color: var(--theme-fill-tsp-components-secondary) } .template-list-wrapper-jrgk1- .template-list-bu5tAy .template-list-item-IXSdH0 .left-nEwSIH { width: 50px; height: 50px; min-width: 50px; border-radius: 12px } .template-list-wrapper-jrgk1- .template-list-bu5tAy .template-list-item-IXSdH0 .right-CAXjpl { display: flex; flex-direction: column; gap: 4px } .template-list-wrapper-jrgk1- .template-list-bu5tAy .template-list-item-IXSdH0 .right-CAXjpl .right-title-H14nFb { font-size: 16px; display: flex; line-height: 18px; font-weight: 500; color: var(--theme-icon-primary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .template-list-wrapper-jrgk1- .template-list-bu5tAy .template-list-item-IXSdH0 .right-CAXjpl .right-desc-0slxhU { font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-text-tertiary); overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .template-list-wrapper-jrgk1- .template-list-bu5tAy .template-list-item-IXSdH0:not(:last-of-type):after { content: ""; position: absolute; left: 16px; bottom: -4px; width: calc(100% - 32px); height: 1px; background-color: var(--theme-fill-tsp-components-primary) } .template-list-wrapper-jrgk1- .search-empty-a-BVF9 { display: flex; flex: 1; min-height: 0px; align-items: center; justify-content: center } .template-list-wrapper-jrgk1- .search-empty-a-BVF9 .empty-content-9PT7I- { display: flex; flex-direction: column; gap: 16px; align-items: center } .template-list-wrapper-jrgk1- .search-empty-a-BVF9 .empty-content-9PT7I- .empty-text-r74IVS { font-size: 16px; color: var(--theme-text-tertiary); display: flex; align-items: center; height: 24px; line-height: 24px } .highlight-sSvkRJ { padding: 0; background-color: unset; color: var(--theme-icon-brand) } .template-drawer-YDOufl { position: relative; width: 100%; height: 100% } .template-drawer-YDOufl .drawer-close-njI7zJ { position: absolute; right: 20px; top: 16px; color: var(--theme-icon-primary); width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .template-drawer-YDOufl .drawer-close-njI7zJ:hover { background-color: var(--theme-fill-tsp-components-secondary) } .write-view-nKnqgh { display: flex; flex-direction: column; flex: 1; min-height: 0px; border-radius: 0 0 12px 12px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 20px } .write-view-nKnqgh::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .write-view-nKnqgh::-webkit-scrollbar-track { background: transparent } .write-view-nKnqgh::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .write-view-nKnqgh::-webkit-scrollbar-thumb:hover { background: #00000062 } .write-view-nKnqgh::-webkit-scrollbar-corner { background: transparent } .write-view-nKnqgh .view-inner-cQ5BjE { flex: 1; display: flex; flex-direction: column; margin: 0 auto; width: 100%; min-height: 0px } .write-view-nKnqgh .view-inner-cQ5BjE .header-sFwsht { display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-bottom: 10px } .write-view-nKnqgh .view-inner-cQ5BjE .header-sFwsht .title-rP9N-6 { flex: 1; min-width: 0px; font-size: 24px; font-weight: 600; line-height: 32px; color: var(--theme-icon-primary) } .write-view-nKnqgh .view-inner-cQ5BjE .tabs-L3keJd { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 20px } .write-agent-entry-btn-2Ss1ZK { margin-left: -4px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; padding: 4px 12px; font-size: 14px; font-weight: 400; line-height: 22px; gap: 6px; color: var(--theme-icon-primary); border-radius: 12px; background: transparent; transition: all .2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .write-agent-entry-btn-2Ss1ZK:hover { background-color: var(--theme-fill-tsp-components-secondary) } .template-entry-btn-O2tiP- { width: 32px; height: 32px; padding: 4px 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px; color: var(--theme-icon-tertiary); border-radius: 12px; border: 1px solid var(--theme-border-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .template-entry-btn-O2tiP-:hover { background-color: var(--theme-bg-gray-secondary) } .artifact-widget-lgZg5G { border-radius: 16px; background: var(--theme-bg-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); position: fixed; display: flex; flex-direction: column; max-height: max(350px, 100vh - 20px); max-width: max(320px, 100vw - 20px) } .artifact-widget-lgZg5G .header-XjV--f { position: relative; border-bottom: 1px solid var(--theme-btn-border-primary); padding: 12px 16px; display: flex; align-items: center; gap: 12px; width: 100%; -webkit-app-region: no-drag } .artifact-widget-lgZg5G .header-XjV--f:hover .drag-icon-xXkH-3 { display: flex } .artifact-widget-lgZg5G .header-XjV--f .drag-icon-xXkH-3 { position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; top: 3px; left: 50%; transform: translate(-50%); color: var(--theme-icon-disable); display: none } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M { display: flex; align-items: center } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M h2 { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 24px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M .badge-wrap-HP5sDN { margin-left: 4px; display: inline-flex; position: relative; z-index: 10; flex-shrink: 0 } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M .badge-wrap-HP5sDN .badge-RTbsR- { border-radius: 20px; background: var(--theme-fill-tsp-brand); color: var(--theme-fill-tsp-brand-primary); font-size: 12px; line-height: 18px; padding: 3px 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M .badge-wrap-HP5sDN .badge-RTbsR-:hover { background: var(--theme-fill-tsp-brand-secondary) } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M .badge-wrap-HP5sDN .badge-tips-Bsnkkd { position: absolute; top: calc(100% + 20px); left: -40px; border-radius: 12px; background: var(--theme-bg-white); padding: 20px; box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); width: 328px; cursor: default } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M .badge-wrap-HP5sDN .badge-tips-Bsnkkd:after { content: ""; position: absolute; left: 54px; top: -23px; border-width: 12px; border-style: solid; border-color: transparent transparent var(--theme-bg-white) transparent } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M .badge-wrap-HP5sDN .badge-tips-Bsnkkd .title-ivbt8I { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M .badge-wrap-HP5sDN .badge-tips-Bsnkkd .tips-0azT1r { margin-top: 4px; color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; padding-left: 4px; display: flex } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M .badge-wrap-HP5sDN .badge-tips-Bsnkkd .tips-0azT1r p { margin-left: 4px } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M .badge-wrap-HP5sDN .badge-tips-Bsnkkd .footer-UyOP4h { display: flex; justify-content: flex-end; margin-top: 12px } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M .favorite-icon-lNERNt { width: 32px; height: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .artifact-widget-lgZg5G .header-XjV--f .left-roKC1M .favorite-icon-lNERNt:hover { background-color: var(--theme-fill-tsp-components-secondary) } .artifact-widget-lgZg5G .header-XjV--f .right-JewtEx { margin-left: auto; display: flex; align-items: center; gap: 6px } .artifact-widget-lgZg5G .header-XjV--f .right-JewtEx .refresh-box-JZtt1C { display: flex; align-items: center; padding: 2px } .artifact-widget-lgZg5G .header-XjV--f .back-icon-btn-RNbCYT { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; color: var(--theme-icon-quaternary); border-radius: 8px; margin-inline-end: 4px; cursor: pointer; color: var(--theme-icon-primary) } .artifact-widget-lgZg5G .header-XjV--f .back-icon-btn-RNbCYT:hover { background-color: var(--theme-fill-tsp-components-secondary) } .artifact-widget-lgZg5G .header-XjV--f .back-icon-btn-RNbCYT svg { opacity: .8 } .artifact-widget-lgZg5G .content-8fdr8O { position: relative; flex: 1; min-height: 0; border-radius: 0 0 16px 16px; overflow: hidden } .artifact-widget-lgZg5G .content-8fdr8O .layer-aYznhM { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 } .artifact-widget-lgZg5G .content-8fdr8O .refreshing-mask-yddt0o { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-bg-gray-secondary); display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 1 } .artifact-widget-lgZg5G .content-8fdr8O .refreshing-mask-yddt0o p { margin-top: 8px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .artifact-widget-lgZg5G .content-8fdr8O:after, .artifact-widget-lgZg5G .content-8fdr8O:before { content: ""; width: 2px; height: 100%; position: absolute; z-index: 1; top: 0 } .artifact-widget-lgZg5G .content-8fdr8O:after { left: 0 } .artifact-widget-lgZg5G .content-8fdr8O:before { right: 0 } .artifact-widget-lgZg5G .content-8fdr8O .bottom-bar-He9F7F { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; z-index: 1 } .artifact-widget-lgZg5G .dragging-mask-V0PW2q { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .artifact-widget-root-g65VNZ { position: fixed; z-index: 5000 } .bots-tab-view-Oq-KJo { display: flex; width: 100%; position: relative } .bots-tab-view-Oq-KJo .left-nav-HOzoqs { position: relative } .bots-tab-view-Oq-KJo .left-nav-HOzoqs .content-wrapper-fq98fJ { width: 264px; height: 100%; background-color: var(--theme-bg-white); border-right: 1px solid var(--theme-border-light) } .bots-tab-view-Oq-KJo .close-button-Mzy8dK { position: absolute; left: calc(100% + 0px); display: flex; top: 50%; transform: translateY(-50%); z-index: 1; stroke: var(--theme-border-primary); cursor: pointer } .bots-tab-view-Oq-KJo .close-button-Mzy8dK:hover { stroke: var(--theme-border-quaternary) } .bots-tab-view-Oq-KJo .open-button-NN2-If { transform: translateY(-50%) scaleX(-1) } .bots-tab-view-Oq-KJo .right-content-Xzospa { position: relative; padding: 0 } .bots-tab-view-Oq-KJo .right-content-Xzospa .panel-UyvncZ { border-radius: unset } ._monica-dark .bots-tab-view-Oq-KJo .right-content-Xzospa, ._monica-dark .bots-tab-view-Oq-KJo .right-content-Xzospa .panel-UyvncZ { background: none } .horizontal-view-YuzIwr { width: 100%; height: 100%; display: flex; flex-direction: row; position: relative; background: var(--theme-bg-gray-secondary) } .horizontal-view-YuzIwr.desktop-R4NNrW .desktop-draggable-area-jtK8zq { user-select: none; -webkit-user-select: none; -webkit-app-region: drag; position: absolute; top: 0; width: 100%; height: 26px } .horizontal-view-YuzIwr.desktop-R4NNrW .view-wrapper-wURaoI { padding: 8px 8px 8px 0; background: var(--theme-bg-gray-secondary) } .horizontal-view-YuzIwr.desktop-R4NNrW .view-wrapper-wURaoI .inner-UflxyB { border-radius: 8px; background-color: var(--theme-bg-white); overflow: hidden } .horizontal-view-YuzIwr.desktop-R4NNrW.windows-znlsYk .desktop-draggable-area-jtK8zq { height: 34px; left: 47px } .horizontal-view-YuzIwr.desktop-R4NNrW.windows-znlsYk .view-wrapper-wURaoI { padding-top: 34px } .horizontal-view-YuzIwr.is-chat-tab-page-RHgmtD { overflow: hidden } .horizontal-view-YuzIwr .view-wrapper-wURaoI { position: relative; flex: 1; min-width: 0px; height: 100%; background-color: var(--theme-bg-white); text-emphasis-color: #ffffffe6 } .horizontal-view-YuzIwr .view-wrapper-wURaoI .inner-UflxyB { display: flex; width: 100%; margin: 0 auto } .hide-FaNF1b { display: none } .avatar-wrapper-detllj { position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin-bottom: 24px } .avatar-wrapper-detllj .user-avatar-a6QwRP { border: 2px solid rgba(255, 255, 255, .45) } .avatar-wrapper-detllj .vip-tag--fq-fe { position: absolute; bottom: -6px; left: 50%; transform: translate(-50%); height: 12px !important; font-size: 9px; padding: 2px 4px !important; min-width: 30px } .profile-popover-80XAWL { display: flex; flex-direction: row; justify-content: center; align-items: center } .profile-popover-80XAWL .profile-popover-content-8rEX8o { top: 0 !important; left: 68px !important; bottom: unset !important; right: unset !important; transition: unset !important } .dialog-root-hPymff { z-index: 5000 } ._monica-dark .horizontal-view-YuzIwr.desktop-R4NNrW .view-wrapper-wURaoI { background: none } @media screen and (max-width: 400px) { .sidebar-wrapper-yW1uEz { width: 40px !important } } .options-block-FdkG2- { position: relative; display: flex; flex-direction: column; gap: 12px } .options-block-FdkG2- .title-f0zcmP { font-size: 18px; font-weight: 600; line-height: 24px; color: var(--theme-text-primary) } .options-block-FdkG2- .desc-7eNvyh { padding: 12px; border-radius: 8px; background: var(--theme-fill-tsp-brand); font-size: 12px; line-height: 16px; color: var(--theme-text-tertiary) } .options-block-FdkG2- .card--m2aTA { border-radius: 16px; border: 1px solid var(--theme-border-primary); display: flex; flex-direction: column } .options-block-FdkG2- .card--m2aTA .banner-vSG69t { position: relative } .options-block-FdkG2- .card--m2aTA .content-J7LdFI { position: relative; padding: 0 20px; display: flex; flex-direction: column } .options-page-WQaosa { position: absolute; top: 0; left: 0; width: 100%; display: flex; flex-direction: column; align-items: center; padding: 40px 40px 60px } .options-page-WQaosa .panel-MzG0Dg { max-width: 740px; width: 100%; display: flex; flex-direction: column; gap: 32px } .options-page-WQaosa .panel-MzG0Dg .title-MP4vBG { font-size: 24px; line-height: 30px; font-weight: 600; color: var(--theme-text-primary) } .options-page-WQaosa .panel-MzG0Dg .desc-PI4C14 { margin-top: -16px; padding: 12px; border-radius: 8px; background: var(--theme-fill-tsp-brand); font-size: 12px; line-height: 16px; color: var(--theme-text-tertiary) } .account-page-wz-f-x { visibility: visible } .account-wNpLkD { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 20px 0; justify-content: space-between; gap: 20px } .account-wNpLkD .header-wpuh73 { display: flex; gap: 20px; align-items: center } .account-wNpLkD .header-wpuh73 .avatar-QQtujn { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; border-radius: 50%; border: 3px solid transparent } .account-wNpLkD .header-wpuh73 .avatar-QQtujn.starter-CdQplQ, .account-wNpLkD .header-wpuh73 .avatar-QQtujn.basic-QeYlaC, .account-wNpLkD .header-wpuh73 .avatar-QQtujn.boost-t98gR9 { border-color: var(--theme-btn-fill-primary-hover) } .account-wNpLkD .header-wpuh73 .avatar-QQtujn.elite-XWnUVA { padding: 3px; border: none; background: linear-gradient(to left top, var(--theme-btn-fill-primary), var(--theme-btn-fill-tertiary)) } .account-wNpLkD .header-wpuh73 .avatar-QQtujn.team-KwLddO { padding: 1px; border: 2px solid var(--theme-icon-primary); background: var(--theme-fill-white) } .account-wNpLkD .header-wpuh73 .avatar-QQtujn .vip-icon-8aCP8P { width: 20px; height: 20px; position: absolute; right: 3px; bottom: 2px } .account-wNpLkD .header-wpuh73 .avatar-QQtujn .vip-icon-8aCP8P svg { font-size: 15px } .account-wNpLkD .header-wpuh73 .user-info-EoU1tX { display: flex; flex-direction: column; gap: 4px } .account-wNpLkD .header-wpuh73 .user-info-EoU1tX .user-name-VCKis5 { display: flex; align-items: center; gap: 8px; color: var(--theme-text-primary); font-size: 18px; font-weight: 500; line-height: 24px } .account-wNpLkD .header-wpuh73 .user-info-EoU1tX .user-name-VCKis5 .vip-tag-myAuEM { font-size: 10px; line-height: 14px } .account-wNpLkD .header-wpuh73 .user-info-EoU1tX .email-ec1E1Y { color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px } .account-wNpLkD .operations-epF-Dq { display: flex; align-items: center; gap: 12px; color: var(--theme-icon-tertiary) } .account-wNpLkD .operations-epF-Dq .divider-TOt4QK { width: 1px; height: 14px; background: var(--theme-fill-tsp-components-primary) } .account-wNpLkD .operations-epF-Dq .btn-Phsl4K { padding: 4px !important } .subscription-oB6hlz { display: flex; flex-direction: column; gap: 16px; padding: 20px 0 } .subscription-oB6hlz .message-9AccWo { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .subscription-oB6hlz .message-9AccWo b { font-weight: 600 } .subscription-oB6hlz .operations-epF-Dq { display: flex; gap: 8px } .subscription-oB6hlz .operations-epF-Dq .subscription-option-6ljpNg { border-radius: 8px } .speech-lang-select-Kd7FEt { position: relative } .speech-lang-select-Kd7FEt .follow-global-setting-label-c-NZKF { color: var(--theme-icon-quaternary) !important } .speech-lang-select-Kd7FEt .language-list-wrapper--N52P3 { padding: 8px; background-color: var(--theme-bg-white); border-radius: 12px; box-shadow: 0 4px 24px 0 var(--theme-shadow-s1), 0 0 2px 0 var(--theme-shadow-s1) } .speech-lang-select-Kd7FEt .language-list-wrapper--N52P3 .language-list-vz539b { width: 200px; height: 280px; display: flex; flex-direction: column; gap: 4px; overflow-y: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .speech-lang-select-Kd7FEt .language-list-wrapper--N52P3 .language-list-vz539b::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .speech-lang-select-Kd7FEt .language-list-wrapper--N52P3 .language-list-vz539b::-webkit-scrollbar-track { background: transparent } .speech-lang-select-Kd7FEt .language-list-wrapper--N52P3 .language-list-vz539b::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .speech-lang-select-Kd7FEt .language-list-wrapper--N52P3 .language-list-vz539b::-webkit-scrollbar-thumb:hover { background: #00000062 } .speech-lang-select-Kd7FEt .language-list-wrapper--N52P3 .language-list-vz539b::-webkit-scrollbar-corner { background: transparent } .speech-lang-select-Kd7FEt .language-list-wrapper--N52P3 .lang-BSG1my { width: 100%; min-height: 38px; padding: 8px 12px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .speech-lang-select-Kd7FEt .language-list-wrapper--N52P3 .lang-BSG1my.active-0bbtw3 { color: var(--theme-icon-brand) } .speech-lang-select-Kd7FEt .language-list-wrapper--N52P3 .lang-BSG1my:hover { background-color: var(--theme-fill-tsp-components-secondary) } .options-sub-block-li9hiD { position: relative; padding: 16px 0; display: flex; align-items: center; gap: 16px } .options-sub-block-li9hiD:not(:first-of-type) { border-top: 1px solid var(--theme-border-primary) } .options-sub-block-li9hiD .lt-B6Y1qd { flex: 1; display: flex; flex-direction: column; gap: 4px } .options-sub-block-li9hiD .lt-B6Y1qd .title-z6tXLC { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--theme-text-primary) } .options-sub-block-li9hiD .lt-B6Y1qd .desc-z1wc9k { font-size: 12px; line-height: 16px; color: var(--theme-text-quaternary) } .options-sub-block-li9hiD .rt-KcC-Uh { display: flex; flex-shrink: 0 } .general-page-7heEi9 { visibility: visible } .select-i-jNrS { width: 240px; height: 36px } .select-content-w8CwQE { width: 240px !important } .theme-item-poVmPy { display: flex; align-items: center; gap: 8px } .chat-context-option-6PzWYI { position: relative; padding: 0 20px; display: flex; flex-direction: column; border-radius: 16px; border: 1px solid var(--theme-border-primary) } .chat-context-option-6PzWYI .tip-icon-eBq1Wi { margin-left: 4px; height: 16px; display: inline-block; vertical-align: text-bottom; cursor: help } .chat-context-option-6PzWYI .tip-list-oV4Q1e { padding: 12px; border-radius: 12px; background: var(--theme-fill-tsp-brand); list-style-type: none } .chat-context-option-6PzWYI .tip-list-oV4Q1e a { color: var(--theme-text-brand) !important } .chat-context-info-vNgFG9 { padding-bottom: 16px } .hotkey-input-Tidiey { display: flex; width: 100%; height: 44px; align-items: center; padding: 12px 30px 12px 16px; border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; border: 1.5px solid var(--theme-border-light); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: relative } .hotkey-input-Tidiey.recording-74t7zW { border: 1.5px solid var(--theme-border-active) } .hotkey-input-Tidiey.disabled-fJM6GR { cursor: not-allowed } .hotkey-input-Tidiey.disabled-fJM6GR .placeholder-qVlli7 { color: var(--theme-text-disable) } .hotkey-input-Tidiey .current-iU0dXD { text-transform: uppercase } .hotkey-input-Tidiey .placeholder-qVlli7 { color: var(--theme-text-quaternary) } .hotkey-input-Tidiey .close-icon-hbS0E1 { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border-radius: 16px; background: rgba(87, 87, 87, .6); opacity: .6; color: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .hotkey-input-Tidiey .close-icon-hbS0E1:hover { opacity: 1 } .keyboard-shortcuts-page-CTbAhE { visibility: visible } .text-link-ryLOvh { display: inline-block; cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .text-link-ryLOvh:hover, .text-link-ryLOvh:active { opacity: .8 } .hotKey-input-HFZy5C { width: 240px !important; height: 36px !important } .select-Uvmnzc { width: 240px; height: 36px } .select-content-UAwAgn { min-width: 240px; max-width: 400px } .options-block-with-example-JCdfy3 { visibility: visible } .example-FX-yIw { width: 100%; border-radius: 16px 16px 0 0; overflow: hidden } .example-FX-yIw .image-yzC5ze { width: 100% } .options-text-yNLfzh { display: inline } .highlight-Fgqc9u { padding: 0; background-color: unset; font-weight: 600; color: var(--theme-icon-brand) } .box-e7aaNm { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 16px } .box-e7aaNm .search-aAcQ6A { border-radius: 8px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); transition: none } .box-e7aaNm .menus-uzgTzL { flex: 1; position: relative; display: flex; flex-direction: column; gap: 4px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .box-e7aaNm .menus-uzgTzL::-webkit-scrollbar { height: 6px; width: 0; margin-right: 10px } .box-e7aaNm .menus-uzgTzL::-webkit-scrollbar-track { background: transparent } .box-e7aaNm .menus-uzgTzL::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .box-e7aaNm .menus-uzgTzL::-webkit-scrollbar-thumb:hover { background: #00000062 } .box-e7aaNm .menus-uzgTzL::-webkit-scrollbar-corner { background: transparent } .box-e7aaNm .menus-uzgTzL .group-BkZwaN { width: 100%; position: relative; display: flex; flex-direction: column; gap: 4px } .box-e7aaNm .menus-uzgTzL .divider-Uo6rpV { padding: 8px 16px } .box-e7aaNm .menus-uzgTzL .divider-Uo6rpV .line-nxE4Wd { width: 100%; min-height: 1px; background: var(--theme-border-primary) } .box-e7aaNm .item-0sFtHW { display: flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 8px; background: var(--theme-bg-white); color: var(--theme-text-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .box-e7aaNm .item-0sFtHW.hover-VkvltI { background: var(--theme-fill-tsp-components-tertiary) } .box-e7aaNm .item-0sFtHW.active-Qw7Dif { background: var(--theme-fill-tsp-components-secondary); color: var(--theme-text-brand) } .box-e7aaNm .item-0sFtHW.active-Qw7Dif .label-KUIFE- { color: var(--theme-text-brand) } .box-e7aaNm .item-0sFtHW .lt-gZSMK5 { flex: 1; display: flex; align-items: center; gap: 10px; font-size: 15px; line-height: 20px } .box-e7aaNm .item-0sFtHW .rt-gIDi07 { flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end; gap: 8px } .box-e7aaNm .item-0sFtHW .label-KUIFE- { font-size: 15px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; color: var(--theme-text-primary) } .box-e7aaNm .sub-menu-item-pqsPbA { padding-left: 40px } .box-e7aaNm .empty-X5RSp0 { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center } .box-e7aaNm .empty-X5RSp0 .icon-0qgzb1 { color: var(--theme-icon-tertiary) } .box-e7aaNm .empty-X5RSp0 .title-ucO4YD { margin-top: 12px; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--theme-text-primary) } .box-e7aaNm .empty-X5RSp0 .desc-uiN--j { margin-top: 4px; font-size: 12px; line-height: 16px; color: var(--theme-text-quaternary) } .monica-icon-guide-BHFNfE { position: relative; padding: 16px; border-radius: 12px; background: var(--theme-bg-menu-gray); display: flex; flex-direction: column } .monica-icon-guide-BHFNfE .title-BpO4a7 { font-size: 16px; font-weight: 600; line-height: 22px; color: var(--theme-text-primary) } .monica-icon-guide-BHFNfE .desc-Yxmjfn { margin-top: 4px; font-size: 13px; line-height: 18px; color: var(--theme-text-tertiary) } .monica-icon-guide-BHFNfE .btn-FAIcGu { margin-top: 16px } .host-add-dialog-m-vnG4 { position: relative; padding: 20px; display: flex; flex-direction: column } .host-add-dialog-m-vnG4 .header-OefzqJ { padding-right: 40px; font-size: 18px; font-weight: 600; line-height: 24px; color: var(--theme-text-primary) } .host-add-dialog-m-vnG4 .content-7Qy3Zp { margin-top: 12px; position: relative } .host-add-dialog-m-vnG4 .footer-BbuWB2 { margin-top: 20px; display: flex; align-items: center; justify-content: flex-end; gap: 12px } .host-add-dialog-m-vnG4 .footer-BbuWB2 .btn-1f88SP { display: inline-flex } .options-host-management-u96xEw { position: relative; display: flex; flex-direction: column; gap: 16px } .options-host-management-u96xEw .header--Oki7W { display: flex; justify-content: space-between; align-items: center; gap: 16px } .options-host-management-u96xEw .header--Oki7W .title-a8bNS7 { flex: 1; font-size: 16px; font-weight: 600; line-height: 22px; color: var(--theme-text-primary) } .options-host-management-u96xEw .header--Oki7W .actions-whx--8 { display: flex } .options-host-management-u96xEw .header--Oki7W .actions-whx--8 .action-pscU9D { border-radius: 8px } .host-item-DYv1AR { min-width: 344px; width: 344px; padding: 10px 12px; background: var(--theme-bg-gray-secondary); border-radius: 6px; display: flex; align-items: center; justify-content: space-between; position: relative } .host-item-DYv1AR .left-NP0yJJ { flex: 1; min-width: 0px; display: flex; align-items: center; gap: 8px } .host-item-DYv1AR .left-NP0yJJ .icon-ZhXNG7 { width: 18px; height: 18px } .host-item-DYv1AR .left-NP0yJJ .text-yg0wXV { flex: 1; color: var(--theme-text-secondary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .host-item-DYv1AR .delete-Tltpm3 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .host-item-DYv1AR .delete-Tltpm3:hover { opacity: .6 } .monica-icon-page-aYgw6s { visibility: visible } .tips-ZDI32E { display: flex; flex-direction: column; gap: 4px } .tips-ZDI32E .tip-H-HDpL { position: relative } .monica-options-gw3xon { width: 100%; height: 100%; display: flex; background: var(--theme-bg-white); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-y: scroll !important; justify-content: center } .monica-options-gw3xon::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .monica-options-gw3xon::-webkit-scrollbar-track { background: transparent } .monica-options-gw3xon::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .monica-options-gw3xon::-webkit-scrollbar-thumb:hover { background: #00000062 } .monica-options-gw3xon::-webkit-scrollbar-corner { background: transparent } .monica-options-gw3xon .sidebar-ImRDLr { position: sticky; top: 0; width: 300px; border-right: 1px solid var(--theme-border-primary); padding: 24px; display: flex; flex-direction: column; gap: 16px } .monica-options-gw3xon .pages-qHDu6h { flex: 1; position: relative; max-width: 800px; height: fit-content } .search-assistant-page-s6B-YU { visibility: visible } .select-iH2gCB { width: 240px; height: 36px } .select-content-ZvfWhe { min-width: 240px; max-width: 400px } .sidebar-page-UQQKdg { visibility: visible } .select-JOHOgO { width: 240px; height: 36px } .select-content-V8IQv- { width: 240px !important } .sidebar-shortcut-Bh-vnt { display: flex; align-items: center; gap: 12px } .sidebar-shortcut-Bh-vnt .shortcut-badge-1zgr62 { padding: 4px 16px; border-radius: 8px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-gray-secondary); box-shadow: 0 2px 0 0 var(--theme-btn-fill-secondary), 0 4px 4px 0 var(--theme-shadow-s2) } .text-selection-tool-page-gXr1ii { visibility: visible } .select-ZxocKj { width: 240px; height: 36px } .select-content-KrCFB8 { min-width: 240px; max-width: 400px } .tabs-DZjbTH { display: inline-flex } .action-list-gWA9lN { display: flex; flex-direction: column; gap: 12px } .action-list-gWA9lN .title-j7SUUJ { font-size: 16px; font-weight: 600; line-height: 22px; color: var(--theme-text-primary) } .action-list-gWA9lN .content-kRcdVS { display: flex; flex-direction: row; gap: 12px; flex-wrap: wrap } .action-list-gWA9lN .content-kRcdVS .edit-c4DXIU { opacity: 0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .action-list-gWA9lN .content-kRcdVS .edit-c4DXIU.disable-edit-iTDE4z { cursor: not-allowed } .action-list-gWA9lN .content-kRcdVS .action-item-OwZZr4 { cursor: grab; user-select: none; display: flex; flex-direction: column; align-items: flex-start; padding: 12px; border: 1px solid var(--theme-border-primary); gap: 4px; border-radius: 4px } .action-list-gWA9lN .content-kRcdVS .action-item-OwZZr4 .action-item-header-0dQQVa { display: flex; width: 100%; align-items: center; justify-content: space-between; font-weight: 500; font-size: 16px; color: var(--theme-text-primary); gap: 4px } .action-list-gWA9lN .content-kRcdVS .action-item-OwZZr4 .action-item-header-0dQQVa .action-name-wrapper-O--VNw { flex: 1; min-width: 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .action-list-gWA9lN .content-kRcdVS .action-item-OwZZr4 .action-item-header-0dQQVa .action-name-wrapper-O--VNw .action-name-b7jVN- { flex: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; display: inline-block } .action-list-gWA9lN .content-kRcdVS .action-item-OwZZr4 .action-item-content-Gtu-XV { line-height: 22px; color: var(--theme-text-quaternary); width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .action-list-gWA9lN .content-kRcdVS .action-item-OwZZr4:hover { background: var(--theme-bg-menu-gray) } .action-list-gWA9lN .content-kRcdVS .action-item-OwZZr4:hover .edit-c4DXIU { opacity: 1 } .action-list-gWA9lN .content-kRcdVS .action-item-OwZZr4.action-item-dragging-Tv4DW0 { background: var(--theme-fill-tsp-components-tertiary); cursor: grabbing } .action-list-gWA9lN .content-kRcdVS .action-item-OwZZr4.action-item-dragging-Tv4DW0 .edit-c4DXIU { opacity: 0 } .action-list-gWA9lN .content-kRcdVS .action-item-OwZZr4.action-item-selected--8sOV0 { background: var(--theme-bg-menu-gray) } .action-list-gWA9lN .content-kRcdVS .add-new-action-6AXg3g { padding: 8px 12px; color: #595959; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border: 1px dashed var(--theme-border-primary); display: flex; justify-content: center; align-items: center; flex-direction: column; transition: all .2s } .action-list-gWA9lN .content-kRcdVS .add-new-action-6AXg3g .action-item-content-Gtu-XV { text-align: center } .action-list-gWA9lN .content-kRcdVS .add-new-action-6AXg3g:hover { color: var(--theme-text-brand); border: 1px dashed var(--theme-border-active); background: var(--theme-fill-tsp-blue) } .action-list-gWA9lN .content-kRcdVS .add-new-action-6AXg3g:hover .action-item-content-Gtu-XV { color: var(--theme-text-brand) } .translation-page-EQLCnc { position: relative } .glossary-management-bO6RQZ { display: flex; flex-direction: column; gap: 16px } .glossary-management-bO6RQZ .header-SWz3hR { display: flex; align-items: center; justify-content: space-between; gap: 16px } .glossary-management-bO6RQZ .header-SWz3hR .title-YPD17j { flex: 1; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--theme-text-primary) } .glossary-management-bO6RQZ .glossary-list-DXmreh { align-self: stretch; max-height: 200px; overflow: auto; border-collapse: separate; border-spacing: 0; border: 1px solid var(--theme-border-light); border-radius: 10px; color: var(--theme-text-primary); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .glossary-management-bO6RQZ .glossary-list-DXmreh::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .glossary-management-bO6RQZ .glossary-list-DXmreh::-webkit-scrollbar-track { background: transparent } .glossary-management-bO6RQZ .glossary-list-DXmreh::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .glossary-management-bO6RQZ .glossary-list-DXmreh::-webkit-scrollbar-thumb:hover { background: #00000062 } .glossary-management-bO6RQZ .glossary-list-DXmreh::-webkit-scrollbar-corner { background: transparent } .glossary-management-bO6RQZ .glossary-list-DXmreh .glossary-list-row-OIk5HD { display: flex; position: relative } .glossary-management-bO6RQZ .glossary-list-DXmreh .glossary-list-row-OIk5HD .glossary-list-cell-ni9fw5 { flex: 1 0 50%; padding: 12px 16px; position: relative; word-break: break-all; white-space: pre-wrap } .glossary-management-bO6RQZ .glossary-list-DXmreh .glossary-list-row-OIk5HD .glossary-list-cell-ni9fw5:after { content: ""; position: absolute; right: 0; bottom: 0; width: 1px; height: 100%; background-color: var(--theme-border-light) } .glossary-management-bO6RQZ .glossary-list-DXmreh .glossary-list-row-OIk5HD .glossary-list-cell-ni9fw5:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--theme-border-light) } .glossary-management-bO6RQZ .glossary-list-DXmreh .glossary-list-row-OIk5HD:last-of-type .glossary-list-cell-ni9fw5:before { display: none } .glossary-management-bO6RQZ .glossary-list-DXmreh .glossary-list-row-OIk5HD .glossary-list-cell-ni9fw5:nth-child(2):after { display: none } .glossary-management-bO6RQZ .glossary-list-DXmreh .glossary-list-row-OIk5HD .glossary-list-row-icons-mTT-PH { display: none; padding: 0 4px 12px; gap: 4px; width: 60px; position: absolute; top: 0; bottom: 0; right: 0; align-items: flex-end; justify-content: flex-end; color: var(--theme-text-primary) } .glossary-management-bO6RQZ .glossary-list-DXmreh .glossary-list-row-OIk5HD:hover .glossary-list-row-icons-mTT-PH { display: flex } .glossary-management-bO6RQZ .glossary-list-DXmreh .glossary-list-header-4jDrBO { color: var(--theme-text-quaternary); font-size: 13px; font-weight: 500; line-height: 18px } .glossary-management-bO6RQZ .glossary-list-DXmreh .glossary-list-header-4jDrBO .glossary-list-cell-ni9fw5 { padding: 10px 16px } .webpage-assistant-page-lCTGr5 { visibility: visible } .select-rRdYTi { width: 240px; height: 36px } .select-content-H55i48 { min-width: 240px; max-width: 400px } ._monica-theme-d2f2b383 .management-dialog-wrapper-l2R447 .management-dialog-inner-1kVl6C { border: 1px solid var(--theme-border-white) !important; box-shadow: var(--theme-box-shadow-s2) !important } .management-dictionary-dialog-LfAEfA { min-height: 400px; max-height: 650px; padding: 20px 0; display: flex; flex-direction: column; gap: 12px } .management-dictionary-dialog-LfAEfA .title-lgI9FS { display: flex; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--theme-icon-primary); padding: 0 20px } .management-dictionary-dialog-LfAEfA .tips-RG-Pu4 { display: flex; font-size: 14px; line-height: 22px; color: var(--theme-text-tertiary); padding: 0 20px } .management-dictionary-dialog-LfAEfA .add-V-4nnK { display: flex; align-items: center; margin-bottom: 8px; position: relative; padding: 0 20px; gap: 8px } .management-dictionary-dialog-LfAEfA .add-V-4nnK .input-NPUEQr { width: 200px !important; border-radius: 12px } .management-dictionary-dialog-LfAEfA .add-V-4nnK .input-NPUEQr.error-hIm-uU { border-color: var(--theme-function-error-border) } .management-dictionary-dialog-LfAEfA .add-V-4nnK .btn-5TSRma { display: inline-flex; border-radius: 12px } .management-dictionary-dialog-LfAEfA .add-V-4nnK .error-msg-fOhi8U { position: absolute; top: 102%; left: 0; font-size: 12px; color: var(--theme-function-error); display: flex; align-items: center; gap: 4px; padding-left: 20px } .management-dictionary-dialog-LfAEfA .words-G6Jodz { flex: 1; display: flex; flex-wrap: wrap; align-content: flex-start; gap: 12px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding-right: 12px; padding-left: 20px } .management-dictionary-dialog-LfAEfA .words-G6Jodz::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .management-dictionary-dialog-LfAEfA .words-G6Jodz::-webkit-scrollbar-track { background: transparent } .management-dictionary-dialog-LfAEfA .words-G6Jodz::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .management-dictionary-dialog-LfAEfA .words-G6Jodz::-webkit-scrollbar-thumb:hover { background: #00000062 } .management-dictionary-dialog-LfAEfA .words-G6Jodz::-webkit-scrollbar-corner { background: transparent } .management-dictionary-dialog-LfAEfA .words-G6Jodz .word-jDMmQU { display: inline-flex; min-height: 32px; align-items: center; gap: 4px; padding-left: 10px; padding-right: 8px; border-radius: 12px; background: var(--theme-fill-tsp-components-secondary); font-size: 14px; line-height: 22px; color: var(--theme-icon-primary) } .management-dictionary-dialog-LfAEfA .words-G6Jodz .word-jDMmQU .word-text-jhuP2c { word-break: break-all; display: block } .management-dictionary-dialog-LfAEfA .words-G6Jodz .delete-ufaX6I { display: inline-flex; color: var(--theme-icon-quaternary); transition: all .2s ease-in-out; cursor: pointer } .management-dictionary-dialog-LfAEfA .words-G6Jodz .delete-ufaX6I:hover { color: var(--theme-icon-brand); transform: scale(1.2) } .management-dictionary-dialog-LfAEfA .footer-31LGTE { display: flex; align-items: center; justify-content: flex-end; gap: 16px; padding: 0 20px } .save-confirm-dialog-zA3HC6 { padding: 20px; display: flex; flex-direction: column; gap: 12px } .save-confirm-dialog-zA3HC6 .title-cXKUD4 { font-size: 16px; font-weight: 600; line-height: 24px; color: var(--theme-icon-primary) } .save-confirm-dialog-zA3HC6 .content-x5X5TN { font-size: 14px; line-height: 22px; color: var(--theme-icon-primary) } .save-confirm-dialog-zA3HC6 .content-x5X5TN .archer-gkbN8z { cursor: pointer; color: var(--theme-icon-brand) } .save-confirm-dialog-zA3HC6 .content-x5X5TN .archer-gkbN8z:hover { color: var(--theme-text-link) } .save-confirm-dialog-zA3HC6 .footer-lWwCDn { display: flex; align-items: center; justify-content: flex-end; gap: 16px } .writing-assistant-page-5ytB8G { visibility: visible } .custom-dictionary-vr-xPq { display: inline-flex; padding-bottom: 16px } .introduce-dialog-mTdZR- { flex-direction: column; display: flex; width: 328px; padding: 20px; border-radius: 12px; background: var(--theme-bg-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); position: relative } .introduce-dialog-mTdZR- .close-icon-JDik68 { position: absolute; top: 11px; right: 7px } .introduce-dialog-mTdZR- .title-WCiRf7 { display: flex; margin-bottom: 4px; color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 26px; white-space: pre-wrap } .introduce-dialog-mTdZR- .desc-C4QgvA { color: var(--theme-text-tertiary); font-size: 14px; line-height: 24px; white-space: pre-wrap; margin-bottom: 12px } .introduce-dialog-mTdZR- .video-luTaUA { margin-bottom: 12px; border-radius: 12px } .introduce-dialog-mTdZR- .button-OVGM0C { width: 100%; height: 40px; border-radius: 10px; flex-shrink: 0 } .credits-wrapper-aD0KGT { position: absolute; inset: 0; background-color: transparent } .credits-xU-uS0 { display: flex; flex-direction: column; position: absolute; bottom: 0; left: 0; border-radius: 16px 16px 0 0; background-color: var(--theme-bg-menu-white); backdrop-filter: blur(40px); padding: 16px; width: 100%; max-height: 90vh; cursor: auto !important; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .credits-xU-uS0::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .credits-xU-uS0::-webkit-scrollbar-track { background: transparent } .credits-xU-uS0::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .credits-xU-uS0::-webkit-scrollbar-thumb:hover { background: #00000062 } .credits-xU-uS0::-webkit-scrollbar-corner { background: transparent } .credits-xU-uS0 .header-oWQaTL { display: flex; align-items: center; gap: 12px; justify-content: space-between } .credits-xU-uS0 .header-oWQaTL .left-viwkOs { display: flex; align-items: center; color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .credits-xU-uS0 .content-kzXJso { display: flex; flex-direction: column; align-items: center } .credits-xU-uS0 .content-kzXJso .title-ZSu91u { color: var(--theme-text-primary); font-size: 22px; font-weight: 600; text-align: center } .credits-xU-uS0 .content-kzXJso .desc-wrapper-TyCOWL { color: var(--theme-text-secondary); font-size: 16px; line-height: 24px; padding: 8px 0 16px } .credits-xU-uS0 .content-kzXJso .desc-wrapper-TyCOWL .desc-TLx2tr { white-space: pre-wrap; text-align: center } .credits-xU-uS0 .content-kzXJso .desc-wrapper-TyCOWL .desc-TLx2tr .highlight-text-ZEGV3R { color: var(--theme-text-brand) } .realtime-D-vUks { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; overflow: hidden; background: rgba(37, 37, 40, .85); border-radius: 16px } .realtime-D-vUks .content-0UTSVc { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; overflow: hidden } .realtime-D-vUks .content-0UTSVc .top-X-hxW- { width: 100%; padding: 16px 20px 0; display: flex; align-items: center } .realtime-D-vUks .content-0UTSVc .top-X-hxW- .credit-button-ACKwsl { display: flex; align-items: center; justify-content: center; padding: 6px; border-radius: 6px; border: 1px solid var(--theme-border-white); background: var(--theme-border-white); width: fit-content } .realtime-D-vUks .content-0UTSVc .top-X-hxW- .duration-SfPAiV { color: #ffffffa6; font-size: 14px; margin: 0 auto; padding-right: 34px } .realtime-D-vUks .content-0UTSVc .ai-indicator-JFLdRh { display: flex; justify-content: center; position: relative; width: fit-content; padding-top: 60px } .realtime-D-vUks .content-0UTSVc .ai-indicator-JFLdRh .circle-animation-5245MW { width: 224px } .realtime-D-vUks .content-0UTSVc .ai-indicator-JFLdRh .speaking-7RdkaH { opacity: 0; transition: opacity .1s ease-in; width: 80px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 16px 16px 16px 4px; background: var(--theme-bg-white); position: absolute; right: 0; top: 8px; transform: translate(20px); border: 1 solid var(--theme-border-white); box-shadow: 0 3px 12px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .realtime-D-vUks .content-0UTSVc .ai-indicator-JFLdRh .speaking-7RdkaH.visible-Y-L7kv { opacity: 1 } .realtime-D-vUks .content-0UTSVc .ai-indicator-JFLdRh .speaking-7RdkaH .ai-speaking-animation-pCC9co { height: 48px } .realtime-D-vUks .content-0UTSVc .ai-indicator-JFLdRh .speaking-7RdkaH .ai-speaking-animation-pCC9co svg, .realtime-D-vUks .content-0UTSVc .ai-indicator-JFLdRh .speaking-7RdkaH .ai-speaking-animation-pCC9co path { color: var(--theme-text-brand); fill: var(--theme-text-brand); stroke: var(--theme-text-brand) } .realtime-D-vUks .content-0UTSVc .scene-button-FxUegV { margin-top: -10px; display: flex; align-items: center; gap: 6px; padding: 4px 12px; cursor: pointer; color: var(--theme-text-white-primary); font-size: 14px; line-height: 20px; border-radius: 8px; border: 1px solid var(--theme-border-white); background: var(--theme-border-white); margin-bottom: 20px; font-weight: 500 } .realtime-D-vUks .content-0UTSVc .audio-status--l9clu { min-height: 72px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; color: #ffffffa6; font-size: 14px; margin-bottom: 24px; gap: 10px; padding: 0 16px } .realtime-D-vUks .content-0UTSVc .audio-status--l9clu .user-speaking-animation-2-6tac { height: 36px } .realtime-D-vUks .content-0UTSVc .audio-status--l9clu .user-speaking-animation-2-6tac svg, .realtime-D-vUks .content-0UTSVc .audio-status--l9clu .user-speaking-animation-2-6tac path { color: var(--theme-icon-quaternary); fill: var(--theme-icon-quaternary); stroke: var(--theme-icon-quaternary) } .realtime-D-vUks .content-0UTSVc .end-button-v1lyaq { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--function-error); cursor: pointer } .realtime-D-vUks .content-0UTSVc .end-button-v1lyaq:hover { background-color: var(--theme-function-error-hover) } .scene-selector-wrapper-bwCerd { position: absolute; bottom: 0; left: 0; right: 0; background-color: transparent; height: 516px } .scene-selector-HbznUB { display: flex; flex-direction: column; position: absolute; bottom: 0; left: 0; border-radius: 16px 16px 0 0; background-color: var(--theme-bg-menu-white); backdrop-filter: blur(40px); width: 100%; height: 100%; border: 1px solid var(--theme-border-white) } .scene-selector-HbznUB .header-abZSKP { display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 16px 16px 8px } .scene-selector-HbznUB .header-abZSKP .left-iSosxA { display: flex; align-items: center; gap: 8px } .scene-selector-HbznUB .header-abZSKP .left-iSosxA .left-label-tx6Pj9 { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .scene-selector-HbznUB .header-abZSKP .left-iSosxA .upgrade-button-NyQNAn { height: 28px; background: rgba(104, 65, 234, .12); color: var(--theme-btn-tsp-brand); color: var(--theme-text-brand) } .scene-selector-HbznUB .header-abZSKP .left-iSosxA .upgrade-button-NyQNAn:hover { background: var(--theme-btn-tsp-brand-hover) } .scene-selector-HbznUB .header-abZSKP .right-cSlFwm { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; gap: 4px; padding: 0 12px; border-radius: 8px; height: 28px; border: 1px solid var(--theme-btn-border-primary) } .scene-selector-HbznUB .header-abZSKP .right-cSlFwm .close-icon-agz-yn { width: 16px; height: 16px } .scene-selector-HbznUB .header-abZSKP .right-cSlFwm .text-oJo-1L { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 16px } .scene-selector-HbznUB .scenes-KRMBMI { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; padding: 8px 16px; flex: 1; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .scene-selector-HbznUB .scenes-KRMBMI::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .scene-selector-HbznUB .scenes-KRMBMI::-webkit-scrollbar-track { background: transparent } .scene-selector-HbznUB .scenes-KRMBMI::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .scene-selector-HbznUB .scenes-KRMBMI::-webkit-scrollbar-thumb:hover { background: #00000062 } .scene-selector-HbznUB .scenes-KRMBMI::-webkit-scrollbar-corner { background: transparent } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER { border: 1px solid transparent } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER:hover .scene-og-fNn { background-color: var(--theme-fill-tsp-components-tertiary) } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER.active-A8a-ud { border: none } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER.active-A8a-ud .scene-og-fNn { border: 2px solid var(--theme-border-active); background: var(--theme-fill-tsp-brand) } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER .scene-og-fNn { display: flex; flex-direction: column; border-radius: 12px; padding: 11px 12px; cursor: pointer; border: 1px solid var(--theme-border-primary); transition: background-color ease-in .1s; height: 100% } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER .scene-og-fNn .icon-wrapper-qo0GSb { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER .scene-og-fNn .icon-wrapper-qo0GSb .ai-icon-1nEaQ2 { display: flex; align-items: center; height: 24px; padding: 0 4px; gap: 4px; border-radius: 6px; background: linear-gradient(90deg, rgba(104, 65, 234, .08) 0%, rgba(19, 74, 215, .08) 100%); color: var(--theme-text-tertiary); font-size: 12px; font-weight: 500 } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER .scene-og-fNn .title-s93CrU { display: flex; align-items: center; overflow: hidden; gap: 6px } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER .scene-og-fNn .title-s93CrU .title-text-CNhsxz { color: var(--theme-text-primary); font-size: 14px; font-weight: 600; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER .scene-og-fNn .desc-WdJLSa { color: var(--theme-text-quaternary); font-size: 13px; line-height: 22px; white-space: pre-wrap } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER .scene-og-fNn .playing-scene-IwvXwX { width: 48px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER .scene-og-fNn .playing-scene-IwvXwX svg, .scene-selector-HbznUB .scenes-KRMBMI .scene-wrapper-FWuDER .scene-og-fNn .playing-scene-IwvXwX path { color: var(--theme-text-brand); fill: var(--theme-text-brand); stroke: var(--theme-text-brand) } .scene-selector-HbznUB .bottom-y6mVEX { display: flex; flex-direction: column; padding: 8px 16px 16px; gap: 8px } .scene-selector-HbznUB .bottom-y6mVEX .estimate-V5N-Ye { display: flex; align-items: flex-start; gap: 6px; color: var(--theme-text-tertiary, #595959); font-size: 13px; line-height: 18px; justify-content: space-between } .scene-selector-HbznUB .bottom-y6mVEX .estimate-V5N-Ye .estimate-text-cmX2hF { white-space: pre-wrap } .scene-selector-HbznUB .bottom-y6mVEX .estimate-V5N-Ye .highlight-text-Morx2A { color: var(--theme-text-brand) } .scene-selector-HbznUB .bottom-y6mVEX .estimate-V5N-Ye .view-credits-hQLY4T { color: var(--theme-text-tertiary); text-decoration-line: underline; cursor: pointer; transition: color .1s ease-in; white-space: nowrap } .scene-selector-HbznUB .bottom-y6mVEX .estimate-V5N-Ye .view-credits-hQLY4T:hover { color: var(--theme-text-primary) } .conv-history-drawer-wt63bu { height: 100%; display: flex; flex-direction: column } .conv-history-drawer-wt63bu .search-mtr9w6 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0 20px; font-size: 14px; gap: 12px } .conv-history-drawer-wt63bu .search-mtr9w6 .input-wrapper-lsGQtn { width: 100% } .conv-history-drawer-wt63bu .search-mtr9w6 .input-wrapper-lsGQtn .input-3NpPG1 { color: var(--theme-icon-primary); flex: 1; min-width: 0px; width: 100%; display: flex; align-items: center; height: 44px; line-height: 44px; min-height: 44px; border-radius: 16px } .conv-history-drawer-wt63bu .search-mtr9w6 .input-wrapper-lsGQtn .input-3NpPG1::placeholder { color: var(--theme-text-primary); opacity: .3 } .conv-history-drawer-wt63bu .search-mtr9w6 .action-btn-5FKxiF { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 44px; height: 44px; flex-shrink: 0; color: var(--theme-icon-quaternary); background-color: var(--theme-bg-white); border-radius: 16px; border: 1px solid var(--theme-btn-border-primary) } .conv-history-drawer-wt63bu .search-mtr9w6 .action-btn-5FKxiF:hover { color: var(--theme-icon-primary); background-color: var(--theme-fill-tsp-components-secondary) } .conv-history-drawer-wt63bu .search-mtr9w6 .action-btn-5FKxiF .favorited-soWyPA { color: var(--yellow-300) } .conv-history-drawer-wt63bu .conv-list-rOSJGf { margin-top: 20px; padding: 0 8px; display: flex; flex-direction: column; flex: 1; min-height: 0px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .conv-history-drawer-wt63bu .conv-list-rOSJGf::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .conv-history-drawer-wt63bu .conv-list-rOSJGf::-webkit-scrollbar-track { background: transparent } .conv-history-drawer-wt63bu .conv-list-rOSJGf::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .conv-history-drawer-wt63bu .conv-list-rOSJGf::-webkit-scrollbar-thumb:hover { background: #00000062 } .conv-history-drawer-wt63bu .conv-list-rOSJGf::-webkit-scrollbar-corner { background: transparent } .conv-history-drawer-wt63bu .conv-list-rOSJGf .divider-rKqCXh { margin: 4px 12px; height: 1px; background-color: var(--theme-fill-tsp-components-primary) } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-wrapper-4M-xYp { padding: 12px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 12px } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-wrapper-4M-xYp:hover, .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-wrapper-4M-xYp.conv-item-wrapper-active-vmC2Vy { background-color: var(--theme-fill-tsp-components-secondary) } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-wrapper-4M-xYp:hover .conv-item-LLJaVB .conv-item-footer-BOExEi .page-link-9mZPXC>a, .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-wrapper-4M-xYp.conv-item-wrapper-active-vmC2Vy .conv-item-LLJaVB .conv-item-footer-BOExEi .page-link-9mZPXC>a { color: var(--theme-icon-quaternary) } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-wrapper-4M-xYp:hover .operation-group-1nvS7u .trash-Pp6z7J, .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-wrapper-4M-xYp:hover .operation-group-1nvS7u .favorite-5SE44k { display: flex } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB { display: flex; flex-direction: column; gap: 6px } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB:hover .edit-RVGCa6 { opacity: 1 !important } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-header-LYZ-q7 { display: flex; align-items: center; height: 24px; line-height: 24px; min-height: 24px; justify-content: space-between; gap: 12px } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-header-LYZ-q7 .title-6yyBzR { color: var(--theme-icon-primary); font-size: 16px; font-weight: 500; line-height: 24px; font-size: 14px; font-weight: 600; flex: 1; min-width: 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; justify-content: flex-start } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-header-LYZ-q7 .title-6yyBzR .title-text-GJSyBI { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-header-LYZ-q7 .title-6yyBzR .title-text-GJSyBI>mark { padding: 0; background-color: unset; color: var(--theme-icon-brand) } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-header-LYZ-q7 .title-6yyBzR .tag-WNadIz { background-color: var(--common-black); color: var(--theme-icon-white-primary); padding: 2px 6px; font-size: 12px; line-height: 20px; border-radius: 8px; display: inline-block; font-weight: 600; white-space: nowrap } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-header-LYZ-q7 .title-6yyBzR .edit-RVGCa6 { opacity: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 24px; height: 24px; min-width: 24px; border-radius: 8px } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-header-LYZ-q7 .title-6yyBzR .edit-RVGCa6:hover { background-color: var(--theme-fill-tsp-components-secondary) } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-header-LYZ-q7 .date-QCmvRv { color: var(--theme-text-disable); font-size: 12px; font-weight: 400; line-height: 16px } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-content-T7ZgQd { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--theme-icon-quaternary); font-size: 14px; font-weight: 400; line-height: 22px } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-content-T7ZgQd .conv-item-content-text-VmH75G { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-content-T7ZgQd .conv-item-content-text-VmH75G>mark { padding: 0; background-color: unset; color: var(--theme-icon-brand) } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi { display: flex; align-items: center; height: 22px; line-height: 22px; justify-content: space-between; gap: 8px } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .page-link-9mZPXC, .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .from-tab-znNAwc { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; font-weight: 400; font-size: 13px; gap: 5px; flex: 1; max-width: 85%; position: relative; overflow: hidden } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .page-link-9mZPXC .icon-WTbLYU, .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .from-tab-znNAwc .icon-WTbLYU, .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .page-link-9mZPXC .default-icon-6Oh-iu, .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .from-tab-znNAwc .default-icon-6Oh-iu { width: 16px; height: 16px } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .page-link-9mZPXC .default-icon-6Oh-iu, .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .from-tab-znNAwc .default-icon-6Oh-iu { position: absolute; left: 0 } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .page-link-9mZPXC>a, .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .from-tab-znNAwc>a { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5px; justify-content: flex-start; overflow: hidden } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .page-link-9mZPXC .text-BMXRv8, .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .from-tab-znNAwc .text-BMXRv8 { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; flex: 1 } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .page-link-9mZPXC>a { color: var(--theme-icon-quaternary) } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .page-link-9mZPXC>a:hover { text-decoration: underline } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .page-link-9mZPXC>a .icon-WTbLYU { margin-right: 4px; padding-bottom: 3px; vertical-align: bottom } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .conv-item-footer-BOExEi .from-tab-znNAwc { color: #3b60a6 } .conv-history-drawer-wt63bu .conv-list-rOSJGf .conv-item-LLJaVB .operation-group-1nvS7u { position: relative; gap: 8px; align-items: center; height: 16px; line-height: 16px; display: flex } .conv-history-drawer-wt63bu .empty-C715o4 { display: flex; flex: 1; min-height: 0px; align-items: center; justify-content: center } .conv-history-drawer-wt63bu .empty-C715o4 .empty-content--POS9i { display: flex; flex-direction: column; gap: 16px; align-items: center } .conv-history-drawer-wt63bu .empty-C715o4 .empty-content--POS9i .empty-text-MGwYti { font-size: 16px; color: var(--theme-text-quaternary); display: flex; align-items: center; height: 24px; line-height: 24px } .highlight-8VYACN { padding: 0; background-color: unset; color: var(--theme-icon-brand) } .link-B5mbTG { display: inline-flex; cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .link-B5mbTG:hover, .link-B5mbTG:active { opacity: .8 } .trash-Pp6z7J, .favorite-5SE44k { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22px; height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: none; color: var(--theme-icon-quaternary); padding: 4px 6px; border-radius: 8px } .trash-Pp6z7J:hover, .favorite-5SE44k:hover { background-color: var(--theme-fill-tsp-components-secondary) } .show-favorite-6H-4n6 { display: inline-block; color: var(--yellow-300) } .search-pro-switch-QUxlek { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; color: var(--text-body); font-size: 14px; font-weight: 500; line-height: 24px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; white-space: nowrap } .popover-content-xfjgFL { display: flex; flex-direction: column; padding: 12px 16px; gap: 4px; border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2); width: max-content; max-width: 326px } .popover-content-xfjgFL .title-38R2us { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 24px } .popover-content-xfjgFL .desc-V4TIiL { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 400; line-height: 22px } @media screen and (max-width: 480px) { .popover-content-xfjgFL { max-width: calc(100vw - 158px) } } @media screen and (max-width: 400px) { .popover-content-xfjgFL { max-width: calc(100vw - 140px) } } .create-team-dialog-uHoJQz { padding: 24px } .create-team-dialog-uHoJQz .title-R-3ftp { color: var(--theme-text-primary); text-align: center; font-size: 20px; font-weight: 600; line-height: 26px } .create-team-dialog-uHoJQz .desc-GDCYju { color: var(--theme-text-tertiary); text-align: center; font-size: 14px; line-height: 22px; margin-top: 8px } .create-team-dialog-uHoJQz .logo-5bBbYG { width: 60px; height: 60px; margin: 24px auto 0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: relative } .create-team-dialog-uHoJQz .logo-5bBbYG .edit-icon-0eqFi0 { width: 24px; height: 24px; position: absolute; right: 0; bottom: 0; border-radius: 50%; border: 2px solid var(--theme-fill-white); background: var(--theme-text-btn-tertiary); color: var(--theme-text-white-primary); display: flex; flex-direction: row; justify-content: center; align-items: center } .create-team-dialog-uHoJQz .logo-5bBbYG .logo-placeholder-dMYNFN { height: 100%; border: 1px dashed var(--theme-btn-border-primary); background: var(--theme-fill-tsp-components-primary); border-radius: 50%; font-size: 20px; color: var(--theme-fill-tsp-gray); display: flex; justify-content: center; align-items: center; flex-direction: column } .create-team-dialog-uHoJQz .logo-5bBbYG .logo-placeholder-dMYNFN:hover { background: var(--theme-fill-tsp-components-secondary) } .create-team-dialog-uHoJQz .form-item-q53YwW { display: flex; flex-direction: row; flex-wrap: wrap; gap: 11px } .create-team-dialog-uHoJQz .form-item-q53YwW.col-v7ooYr { flex-direction: column } .create-team-dialog-uHoJQz .form-item-q53YwW.col-v7ooYr+.form-item-q53YwW { margin-top: 24px } .create-team-dialog-uHoJQz .form-item-q53YwW .form-item-label-6CUqVi { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; display: flex; flex-wrap: wrap; align-items: center } .create-team-dialog-uHoJQz .form-item-q53YwW .form-item-content-98urr6 { flex: 1; min-width: 0 } .create-team-dialog-uHoJQz .form-item-q53YwW .change-plan-BWC0mB { margin-left: auto; color: var(--theme-text-link); font-size: 14px; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .create-team-dialog-uHoJQz .form-item-q53YwW .change-plan-BWC0mB:hover { opacity: .8 } .create-team-dialog-uHoJQz .subscription-form-cP2Eqz { border-radius: 10px; border: 1px solid var(--theme-border-primary); padding: 20px; display: flex; flex-direction: column; gap: 16px } .create-team-dialog-uHoJQz .subscription-form-cP2Eqz .form-item-content-98urr6 { text-align: right; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .create-team-dialog-uHoJQz .primary-button-VPYY8- { margin-top: 24px; border-radius: 8px } .buy-seat-dialog-iAwI0g { padding: 24px } .buy-seat-dialog-iAwI0g .dialog-title-B48reX { color: var(--theme-text-primary); text-align: center; font-size: 20px; font-weight: 600; line-height: 26px } .buy-seat-dialog-iAwI0g .form-item-category-CQgGdA { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; margin-top: 24px; margin-bottom: 8px } .buy-seat-dialog-iAwI0g .current-subscription-VEWgzK, .buy-seat-dialog-iAwI0g .subscription-info-aCiBOk { padding: 16px 20px; border-radius: 10px; display: flex; flex-direction: column; gap: 16px } .buy-seat-dialog-iAwI0g .current-subscription-VEWgzK { background: var(--theme-fill-tsp-components-tertiary) } .buy-seat-dialog-iAwI0g .subscription-info-aCiBOk { padding: 20px 16px; border: 1px solid var(--theme-border-primary) } .buy-seat-dialog-iAwI0g .form-item-CS438i { display: flex; justify-content: space-between; align-items: center; gap: 16px } .buy-seat-dialog-iAwI0g .form-item-CS438i .form-label-Dx8cV5 { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; flex-shrink: 0 } .buy-seat-dialog-iAwI0g .form-item-CS438i .form-content-XoGzya { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; word-break: break-all } .buy-seat-dialog-iAwI0g .form-item-CS438i .form-content-XoGzya .plan-switcher-bNgLV- { margin-left: auto; min-width: 183px; width: max-content; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-content: center; padding: 5px 10px 5px 12px; align-items: center; border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); border: 1px solid transparent; gap: 12px } .buy-seat-dialog-iAwI0g .form-item-CS438i .form-content-XoGzya .plan-switcher-bNgLV-:hover { background: var(--theme-fill-tsp-components-primary) } .buy-seat-dialog-iAwI0g .form-item-CS438i .form-content-XoGzya .plan-switcher-bNgLV-.open-fZlrXr { background: transparent; border-color: var(--theme-border-active) } .buy-seat-dialog-iAwI0g .form-item-CS438i .form-content-XoGzya .plan-switcher-bNgLV- .plan-switcher-value-GPNQnO { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-primary); font-size: 14px; line-height: 22px } .buy-seat-dialog-iAwI0g .form-item-CS438i .form-content-XoGzya .plan-switcher-bNgLV- .plan-switcher-arrow-T8Xu4U.open-fZlrXr { transform: rotate(180deg); color: var(--theme-icon-brand) } .buy-seat-dialog-iAwI0g .divider-for-total-DK1xtc { margin: 24px 0; border-top: 1px dashed var(--theme-border-primary) } .buy-seat-dialog-iAwI0g .total-fUBCuI { display: flex; flex-wrap: wrap; align-items: center; gap: 2px } .buy-seat-dialog-iAwI0g .total-fUBCuI .lt-1-GSb9 { display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; align-items: flex-start } .buy-seat-dialog-iAwI0g .total-fUBCuI .lt-1-GSb9 .total-label-3kaJ-V { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .buy-seat-dialog-iAwI0g .total-fUBCuI .lt-1-GSb9 .discount-label-E-CPky { color: var(--theme-text-tertiary); font-size: 12px; line-height: 18px; display: flex } .buy-seat-dialog-iAwI0g .total-fUBCuI .lt-1-GSb9 .discount-label-E-CPky .help-ASQSoO { cursor: help; display: inline-flex; align-items: center; margin-left: 4px } .buy-seat-dialog-iAwI0g .total-fUBCuI .rt-Sia1Q7 { display: flex; align-items: center; min-height: 30px; color: var(--theme-text-brand); font-size: 24px; font-weight: 600; line-height: 30px; margin-left: auto } .buy-seat-dialog-iAwI0g .footer-tips-aKMOIU { margin-top: 14px; color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .buy-seat-dialog-iAwI0g .footer-tuo-bC { margin-top: 24px; display: flex; align-items: center; gap: 12px } .buy-seat-dialog-iAwI0g .footer-tuo-bC .button-uvuAhg { flex: 1 } .plan-popover-content-n6f0gk { min-width: 183px; width: max-content; border-radius: 8px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); padding: 4px } .plan-popover-content-n6f0gk .plan-item-DybKq- { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 6px; padding: 5px 8px 5px 12px } .plan-popover-content-n6f0gk .plan-item-DybKq-:hover { background: var(--theme-fill-tsp-components-secondary) } .plan-popover-content-n6f0gk .plan-item-DybKq-.selected-qiU8DL { color: var(--theme-text-brand) } .seat-input-wrap-N5kK8k { display: flex; align-items: center; gap: 12px } .seat-input-wrap-N5kK8k .seat-input-HNk6SS { width: 60px !important; border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); border: 1px solid transparent; box-shadow: none !important } .seat-input-wrap-N5kK8k .seat-input-HNk6SS input { text-align: center } .seat-input-wrap-N5kK8k .seat-input-HNk6SS:hover, .seat-input-wrap-N5kK8k .seat-input-HNk6SS.focused-ELWN3N { border-color: var(--theme-border-active) } .seat-input-wrap-N5kK8k .seat-input-HNk6SS .ant-input-number-wrapper .ant-input-number-group-addon { background-color: transparent; background: transparent; border: none; padding-left: 12px; padding-right: 0; color: var(--theme-text-quaternary); font-size: 14px; font-weight: 500; line-height: 20px } .seat-input-wrap-N5kK8k .seat-input-HNk6SS .ant-input-number-wrapper .ant-input-number { border: none; background: transparent; box-shadow: none } .seat-input-wrap-N5kK8k .seat-input-HNk6SS .ant-input-number-wrapper .ant-input-number input { padding-left: 4px } .seat-price-m0alup { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 16px } .seat-price-m0alup .origin-price-Vfy7PZ { text-decoration: line-through; color: var(--theme-text-quaternary) } .seat-price-m0alup .current-price-LixeKw { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 500; line-height: 22px } .seat-price-m0alup .current-price-LixeKw strong { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 24px } .accept-invite-checkout-dialog-lifvaS { padding: 20px } .accept-invite-checkout-dialog-lifvaS .dialog-title-B48reX { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .accept-invite-checkout-dialog-lifvaS .dialog-desc-iAe-tY { color: var(--theme-text-secondary); font-size: 14px; line-height: 22px; margin-bottom: 12px } .accept-invite-checkout-dialog-lifvaS .form-qwGpkx { margin-top: 12px; border-radius: 12px; border: 1px solid var(--theme-border-quaternary) } .accept-invite-checkout-dialog-lifvaS .form-qwGpkx .form-header-B33lFe { border-radius: 12px 12px 0 0; padding: 12px 24px; background: linear-gradient(130deg, rgba(104, 65, 234, .08) 0%, rgba(104, 65, 234, .08) 30%) } .accept-invite-checkout-dialog-lifvaS .form-qwGpkx .form-header-B33lFe .plan-kehVrw { color: transparent; font-size: 18px; font-weight: 600; line-height: 24px; background: linear-gradient(90deg, #864ff9 0%, #ff5b97 98.15%), var(--theme-text-brand); background-clip: text } .accept-invite-checkout-dialog-lifvaS .form-qwGpkx .form-header-B33lFe .common-desc-jzq6CO { margin-top: 4px } .accept-invite-checkout-dialog-lifvaS .form-qwGpkx .form-body-6wB4IJ { padding: 24px 24px 16px } .accept-invite-checkout-dialog-lifvaS .form-qwGpkx .form-item-CS438i { display: flex; align-items: center; justify-content: space-between; gap: 4px } .accept-invite-checkout-dialog-lifvaS .form-qwGpkx .form-item-CS438i+.form-item-CS438i { margin-top: 24px } .accept-invite-checkout-dialog-lifvaS .form-qwGpkx .form-item-CS438i .form-item-label-p3RMzW { flex-shrink: 0 } .accept-invite-checkout-dialog-lifvaS .form-qwGpkx .form-item-CS438i .form-item-label-p3RMzW .form-label-Dx8cV5 { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .accept-invite-checkout-dialog-lifvaS .form-qwGpkx .form-item-CS438i .form-item-label-p3RMzW .common-desc-jzq6CO { margin-top: 2px } .accept-invite-checkout-dialog-lifvaS .total-fUBCuI { border-top: 1px dashed var(--theme-border-quaternary); padding-top: 16px; margin-top: 28px; display: flex; align-items: center; justify-content: space-between } .accept-invite-checkout-dialog-lifvaS .total-fUBCuI .total-label-3kaJ-V { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .accept-invite-checkout-dialog-lifvaS .total-fUBCuI .total-label-3kaJ-V .common-desc-jzq6CO { margin-top: 2px; font-weight: 400 } .accept-invite-checkout-dialog-lifvaS .total-fUBCuI .total-price-cyDZuW { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px; display: flex; align-items: center; gap: 8px; height: 52px; white-space: nowrap; overflow: hidden } .accept-invite-checkout-dialog-lifvaS .total-fUBCuI .total-price-cyDZuW strong { color: var(--theme-text-brand); font-size: 24px; font-weight: 600; line-height: 30px } .accept-invite-checkout-dialog-lifvaS .common-desc-jzq6CO { color: var(--theme-text-tertiary); font-size: 12px; line-height: 18px } .accept-invite-checkout-dialog-lifvaS .help-ASQSoO { display: inline-block; vertical-align: text-bottom; margin-left: 4px; cursor: pointer } .accept-invite-checkout-dialog-lifvaS .help-ASQSoO:hover { opacity: .8 } .accept-invite-checkout-dialog-lifvaS .price-tips-kVHzV3 { margin-top: 14px; color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px } .accept-invite-checkout-dialog-lifvaS .price-tips-kVHzV3 a { cursor: pointer; color: var(--theme-text-link) } .accept-invite-checkout-dialog-lifvaS .price-tips-kVHzV3 a:hover { color: var(--theme-text-link-active); text-decoration: underline } .accept-invite-checkout-dialog-lifvaS .confirm-button-flD3QL { margin: 28px auto 0; max-width: 360px } .plan-downgrade-dialog-sQxgIE { padding: 24px; display: flex; flex-direction: column; gap: 24px } .plan-downgrade-dialog-sQxgIE .header-Bv52kJ { font-weight: 600; font-size: 18px; color: var(--theme-text-primary) } .plan-downgrade-dialog-sQxgIE .main-pd2evQ { font-weight: 400; font-size: 16px; color: var(--theme-text-primary) } .plan-downgrade-dialog-sQxgIE .footer-KIaWUH { display: flex; justify-content: flex-end; gap: 12px; font-size: 14px; font-weight: 700 } .version-change-dialog-TYrK5j { padding: 24px; display: flex; flex-direction: column; gap: 24px; max-width: calc(100vw - 24px) } .version-change-dialog-TYrK5j .header-n6pkCW { font-weight: 600; font-size: 18px; color: var(--theme-text-primary) } .version-change-dialog-TYrK5j .main-Lq32A- { display: flex; flex-direction: column; gap: 20px } .version-change-dialog-TYrK5j .main-Lq32A- .plan-container-LvgJir { display: flex; flex-direction: column; gap: 12px; background-color: var(--theme-fill-tsp-components-tertiary); border-radius: 10px; padding: 20px 16px 20px 20px } .version-change-dialog-TYrK5j .main-Lq32A- .plan-container-LvgJir .plan-content-94-uko { width: 100%; display: flex; justify-content: space-between; font-size: 14px; line-height: 22px; font-weight: 400; color: var(--theme-text-secondary); white-space: nowrap } .version-change-dialog-TYrK5j .main-Lq32A- .plan-container-LvgJir .plan-name-hqNqWV { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--theme-text-primary); white-space: normal } .version-change-dialog-TYrK5j .main-Lq32A- .divider-iIw7Zd { width: 100%; height: 0; border-top: 1px dashed var(--theme-border-quaternary) } .version-change-dialog-TYrK5j .main-Lq32A- .tip-row-E5UW3d { display: flex; align-items: center; color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px; gap: 6px } .version-change-dialog-TYrK5j .main-Lq32A- .tip-row-E5UW3d .text-L30e-I { flex: 1 1 auto } .version-change-dialog-TYrK5j .main-Lq32A- .payment-container-RxE1wJ { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; gap: 8px } .version-change-dialog-TYrK5j .main-Lq32A- .payment-container-RxE1wJ .label-lEP7Lf { display: inline-flex; flex-direction: column; gap: 2px } .version-change-dialog-TYrK5j .main-Lq32A- .payment-container-RxE1wJ .label-lEP7Lf .cost-NsJM5F { font-size: 14px; line-height: 20px; color: var(--theme-text-secondary); font-weight: 600 } .version-change-dialog-TYrK5j .main-Lq32A- .payment-container-RxE1wJ .label-lEP7Lf .tip-771d3e { font-size: 12px; line-height: 18px; color: var(--theme-text-tertiary); font-weight: 400 } .version-change-dialog-TYrK5j .main-Lq32A- .payment-container-RxE1wJ .label-lEP7Lf .tip-771d3e .mark-RDXCh- { font-weight: 600 } .version-change-dialog-TYrK5j .main-Lq32A- .payment-container-RxE1wJ .price-vQtTTd { font-size: 16px; line-height: 22px; color: var(--theme-text-secondary); font-weight: 600; flex: 0 0 auto; white-space: nowrap } .version-change-dialog-TYrK5j .footer-tRLBAL { display: flex; justify-content: flex-end; gap: 12px; font-size: 14px; font-weight: 700 } .version-change-dialog-TYrK5j .footer-tRLBAL .button-N-XJ23 { height: 40px; min-height: 40px; border-radius: 10px; padding: 0 20px } .version-change-dialog-mobile-Ehrjfh { padding: 16px; display: flex; flex-direction: column; gap: 20px } .version-change-dialog-mobile-Ehrjfh .header-n6pkCW { font-weight: 600; font-size: 16px; color: var(--theme-text-primary) } .version-change-dialog-mobile-Ehrjfh .main-Lq32A- { display: flex; flex-direction: column; gap: 20px } .version-change-dialog-mobile-Ehrjfh .main-Lq32A- .plan-container-LvgJir { display: flex; flex-direction: column; gap: 4px; font-size: 14px } .version-change-dialog-mobile-Ehrjfh .main-Lq32A- .plan-container-LvgJir .plan-content-94-uko { display: flex; align-items: center; gap: 4px } .version-change-dialog-mobile-Ehrjfh .main-Lq32A- .plan-container-LvgJir .interval-CK-sxw { padding: 1px 6px; border-radius: 10px; font-weight: 500; font-size: 12px; text-align: center } .version-change-dialog-mobile-Ehrjfh .main-Lq32A- .plan-container-LvgJir .monthly-qbZswJ { background: rgba(255, 171, 0, .24); color: #b76e00 } .version-change-dialog-mobile-Ehrjfh .main-Lq32A- .plan-container-LvgJir .annually-ovHd5b { color: var(--theme-btn-fill-primary-active); background: rgba(82, 0, 255, .24) } .version-change-dialog-mobile-Ehrjfh .main-Lq32A- .payment-container-RxE1wJ { padding-left: 2px } .cancel-confirm-dialog-uCM9UX { display: flex; justify-content: center; align-items: center; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; padding: 20px; border-radius: 20px !important; gap: 12px } .cancel-confirm-dialog-uCM9UX :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .cancel-confirm-dialog-uCM9UX :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .cancel-confirm-dialog-uCM9UX .title-SiT1Ag { color: var(--theme-icon-primary); text-align: left; font-size: 18px; font-weight: 700; line-height: 28px; width: 100% } .cancel-confirm-dialog-uCM9UX .main-oOwPGA { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; width: 100%; align-items: flex-start } .cancel-confirm-dialog-uCM9UX .main-oOwPGA .content-GKo4CV { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; align-items: flex-start; padding: 12px 16px; gap: 12px; border-radius: 12px; background: var(--theme-bg-white) } .cancel-confirm-dialog-uCM9UX .main-oOwPGA .content-GKo4CV .subtitle-KJrWuH { color: var(--theme-text-primary); font-size: 16px; font-weight: 500 } .cancel-confirm-dialog-uCM9UX .main-oOwPGA .content-GKo4CV .features-3HKKWk { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 12px } .cancel-confirm-dialog-uCM9UX .main-oOwPGA .content-GKo4CV .features-3HKKWk .feature-2m59L9 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; justify-content: flex-start; align-items: flex-start } .cancel-confirm-dialog-uCM9UX .main-oOwPGA .content-GKo4CV .features-3HKKWk .feature-2m59L9 .icon-idy7dR { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 2.5px; color: var(--theme-function-error) } .cancel-confirm-dialog-uCM9UX .main-oOwPGA .content-GKo4CV .features-3HKKWk .feature-2m59L9 .text-Ql5Xe3 { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 400; line-height: 22px } .cancel-confirm-dialog-uCM9UX .main-oOwPGA .content-GKo4CV .features-3HKKWk .feature-2m59L9 .text-Ql5Xe3 .strong-RCh07w { color: var(--theme-text-primary); font-weight: 500 } .cancel-confirm-dialog-uCM9UX .main-oOwPGA .tips-tAZJp0 { color: var(--theme-text-disable); font-size: 14px; font-weight: 400; line-height: 22px; width: 100%; text-align: left } .cancel-confirm-dialog-uCM9UX .main-oOwPGA .tips-tAZJp0 .date-cFeCd2 { color: var(--theme-text-quaternary); font-size: 14px; font-weight: 500; line-height: 22px } .cancel-confirm-dialog-uCM9UX .footer-UgIYLN { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; justify-content: flex-end; gap: 16px; margin-top: 12px } .cancel-confirm-dialog-uCM9UX .footer-UgIYLN .btn-aabvi8 { border-radius: 12px } .cancel-subscribe-dialog-3PHg8q { display: flex; flex-direction: column; padding-bottom: 35px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .cancel-subscribe-dialog-3PHg8q :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .cancel-subscribe-dialog-3PHg8q :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .cancel-subscribe-dialog-3PHg8q header { font-weight: 600; line-height: 30px; font-size: 20px; padding: 24px 40px 16px } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe { display: flex; flex-direction: column; gap: 12px; padding: 0 40px } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe a { color: var(--theme-icon-brand); text-decoration: underline } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe a:hover { color: var(--theme-btn-fill-secondary-hover) } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe a:active { color: var(--theme-btn-fill-primary-active) } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI { border-radius: 16px; background: var(--theme-bg-gray-secondary); padding: 20px 36px } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI .radio-group-B1MbrQ { display: flex; flex-direction: column; gap: 20px; max-width: 348px } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI .radio-group-B1MbrQ .option-EAFIgm { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; color: var(--theme-text-primary); font-size: 16px; font-style: normal; line-height: 22px; font-weight: 500; gap: 6px } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI .radio-group-B1MbrQ .option-EAFIgm.checked-CC79ky, .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI .radio-group-B1MbrQ .option-EAFIgm:hover, .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI .radio-group-B1MbrQ .option-EAFIgm:hover .radio-UQdMr- { color: var(--theme-icon-brand) } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI .canceling-reason-OOm94e { color: var(--theme-icon-tertiary); font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; text-align: center; margin-bottom: 24px } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI .reason-wrap-C6fPc- { position: relative; display: flex; justify-content: center; width: 100%; overflow: hidden } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI .reason-card-w-8iot { position: absolute; left: calc(100% + 20px); top: 50%; transform: translateY(-50%); border-radius: 8px; border: 1px solid var(--theme-btn-border-primary); background: var(--theme-bg-white); padding: 15px; min-width: 316px; min-height: 201px; display: flex; flex-direction: column; justify-content: center; align-items: center } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI .reason-card-w-8iot .title-miZL1d { text-align: center; color: var(--theme-icon-primary); font-size: 20px; font-style: normal; font-weight: 700; position: relative; z-index: 1; text-transform: capitalize; white-space: nowrap } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI .reason-card-w-8iot .title-miZL1d+.desc-TGjKbe { margin-top: 20px } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .cancel-reason-SvXBtI .reason-card-w-8iot .desc-TGjKbe { color: var(--theme-text-primary); text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .note-Umjbvt .note-title-a99OtB { color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px; margin-bottom: 14px } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .note-Umjbvt .note-items-ZbrXR8 li { list-style-type: disc; margin-left: 1em } .cancel-subscribe-dialog-3PHg8q .main-6n2sGe .note-Umjbvt .note-item-pNdNJQ { color: var(--theme-icon-quaternary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .cancel-subscribe-dialog-3PHg8q footer { display: flex; justify-content: flex-end; gap: 15px; padding: 0 40px; margin-top: 14px } .cancel-subscribe-dialog-3PHg8q footer .btn-crKIVC { font-weight: 700px } .transition-8cgxtX { transition: transform .2s } .transition-8cgxtX.show-oIVjIQ { transform: translate(-185px) } .line-UhevXg { position: absolute; top: 24px; right: 0; z-index: -1 } .explore-LA0kUx { padding: 12px 8px; border-radius: 8px; background: var(--theme-btn-fill-primary); width: 100%; margin-bottom: 15px } .explore-LA0kUx .explore-title-BJod4V { display: flex; justify-content: center; align-items: center; color: var(--theme-icon-white-primary); gap: 4px; font-size: 16px; font-weight: 600 } .explore-LA0kUx .explore-title-BJod4V .logo-tuSqG8 { display: flex } .explore-LA0kUx .explore-features-zXcVj1 { border-radius: 10px; border: 1px solid rgba(255, 255, 255, .4); background: rgba(255, 255, 255, .7); backdrop-filter: blur(12.27272797px); margin-top: 7px; display: flex; flex-wrap: wrap; padding: 13px } .explore-LA0kUx .explore-features-zXcVj1 .feature-rNBFq8 { display: flex; gap: 5px; align-items: center; flex-wrap: wrap; color: var(--theme-icon-brand); text-align: center; font-size: 10px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: .4px; width: 50% } .explore-LA0kUx .explore-features-zXcVj1 .feature-rNBFq8:nth-child(2n) { padding-left: 14px } .explore-LA0kUx .explore-features-zXcVj1 .feature-rNBFq8:nth-child(n + 3) { margin-top: 15px } .feedback-textarea-JDAurP { margin-top: 15px; border-radius: 8px; background: var(--theme-bg-gray-secondary); padding: 12px 16px; outline: none; resize: none !important; border: none; height: 112px !important } code { font-family: PingFang SC, Public Sans, sans-serif } .trial-cancel-subscribe-dialog-PwC5M0 { border-radius: 20px !important; background: var(--bill-dialog-bg) !important; padding: 20px } .trial-cancel-subscribe-dialog-PwC5M0 .banner-tewQjC { -webkit-user-drag: none; margin: 16px auto 0; height: 140px; width: 140px; display: block } .trial-cancel-subscribe-dialog-PwC5M0 .content-t0aLXJ { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 8px; align-items: flex-start; margin-top: 12px; margin-bottom: 24px } .trial-cancel-subscribe-dialog-PwC5M0 .content-t0aLXJ .title-2gdcKQ { color: var(--theme-icon-primary); font-size: 15px; font-weight: 600 } .trial-cancel-subscribe-dialog-PwC5M0 .content-t0aLXJ .description-5Rsz6r { color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px } .trial-cancel-subscribe-dialog-PwC5M0 .footer-eAAmSN { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; gap: 12px } .trial-cancel-subscribe-dialog-PwC5M0 .footer-eAAmSN .button-dZ0NnB { flex: 1; border-radius: 12px } .cancel-reason-dialog-N0ifyI { border-radius: 20px !important; background: var(--bill-dialog-bg) !important; padding: 20px } .cancel-reason-dialog-N0ifyI .title-b9KKGl { color: var(--theme-icon-primary); font-size: 15px; font-weight: 600 } .cancel-reason-dialog-N0ifyI .description-XhMci7 { color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 12px; margin-bottom: 12px } .cancel-reason-dialog-N0ifyI .reasons-WwyPe8 { margin-bottom: 24px } .cancel-reason-dialog-N0ifyI .reasons-WwyPe8 .reason-z-DpE- { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 12px } .cancel-reason-dialog-N0ifyI .reasons-WwyPe8 .textarea-cdzbIc { margin-top: 12px; min-height: 85px } .cancel-reason-dialog-N0ifyI .footer-023SFz { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; gap: 12px } .cancel-reason-dialog-N0ifyI .footer-023SFz .button-JGyrX7 { flex: 1; border-radius: 12px } .downgrade-dialog-FMReWL { border-radius: 20px !important; background: var(--bill-dialog-bg) !important; padding: 20px } .downgrade-dialog-FMReWL .title-0AdJ9C { color: var(--theme-icon-primary); font-size: 15px; font-weight: 600 } .downgrade-dialog-FMReWL .content-WX-l2s { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; padding: 20px; border-radius: 12px; border: 1px solid var(--common-white); background: linear-gradient(94deg, rgba(174, 136, 254, .23) 1.25%, rgba(216, 186, 255, .23) 67.98%, rgba(141, 193, 255, .23) 95.9%); gap: 16px; margin-top: 16px; margin-bottom: 24px } .downgrade-dialog-FMReWL .content-WX-l2s .divider-tGztC4 { width: 100%; height: 1px; background-color: var(--theme-border-light) } .downgrade-dialog-FMReWL .content-WX-l2s .price-JichgN { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; justify-content: space-between } .downgrade-dialog-FMReWL .content-WX-l2s .price-JichgN .plan-5sB1Yg { color: var(--theme-text-primary); font-size: 20px; font-weight: 700; line-height: 28px } .downgrade-dialog-FMReWL .content-WX-l2s .price-JichgN .value-xLvsBz { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px } .downgrade-dialog-FMReWL .content-WX-l2s .price-JichgN .value-xLvsBz .year-P5WpGn, .downgrade-dialog-FMReWL .content-WX-l2s .price-JichgN .value-xLvsBz .month-eCJrwX { color: var(--theme-text-tertiary); text-align: center; font-size: 16px; font-weight: 500; line-height: 28px } .downgrade-dialog-FMReWL .content-WX-l2s .price-JichgN .value-xLvsBz .month-eCJrwX strong { color: var(--theme-text-primary); text-align: center; font-size: 28px } .downgrade-dialog-FMReWL .content-WX-l2s .features-IXGIYa { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; align-items: flex-start; gap: 12px } .downgrade-dialog-FMReWL .content-WX-l2s .features-IXGIYa .feature-2iDnr6 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; color: var(--theme-text-secondary); font-size: 14px; font-weight: 400; line-height: 22px } .downgrade-dialog-FMReWL .content-WX-l2s .features-IXGIYa .qs-OSrRS7 { transform: translateY(3px); line-height: 0px; width: 16px; height: 16px; display: inline-block; margin-left: 4px } .downgrade-dialog-FMReWL .content-WX-l2s .features-IXGIYa .qs-OSrRS7 path, .downgrade-dialog-FMReWL .content-WX-l2s .features-IXGIYa .qs-OSrRS7 circle { stroke-opacity: 1 !important; fill-opacity: 1 !important } .downgrade-dialog-FMReWL .footer-C05Ulg { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; gap: 12px } .downgrade-dialog-FMReWL .footer-C05Ulg .button-hmTnW- { flex: 1; border-radius: 12px } .operation-success-dialog-VAqoKR { border-radius: 20px !important; background: var(--bill-dialog-bg) !important; padding: 20px } .operation-success-dialog-VAqoKR .banner-x2VoGV { -webkit-user-drag: none; margin: 16px auto 0; height: 140px; width: 140px; display: block } .operation-success-dialog-VAqoKR .content-iPAeU6 { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 8px; align-items: flex-start; margin-top: 12px; margin-bottom: 24px } .operation-success-dialog-VAqoKR .content-iPAeU6 .title-SPW0N- { color: var(--theme-icon-primary); font-size: 15px; font-weight: 600 } .operation-success-dialog-VAqoKR .content-iPAeU6 .description-nrpTS3 { color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px } .operation-success-dialog-VAqoKR .footer-pAOWL2 { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; gap: 12px } .operation-success-dialog-VAqoKR .footer-pAOWL2 .button-32n-AU { flex: 1; border-radius: 12px } .operation-success-dialog-VAqoKR .footer-pAOWL2 .hint-DOq-3N { margin-top: 12px; color: var(--theme-icon-primary); text-align: center; font-size: 12px; font-weight: 400; line-height: 22px } .email-remind-dialog-Uiq8MY { border-radius: 20px !important; background: var(--bill-dialog-bg) !important; padding: 20px } .email-remind-dialog-Uiq8MY .banner-rED1T4 { -webkit-user-drag: none; margin: 16px auto 0; height: 140px; width: 140px; display: block } .email-remind-dialog-Uiq8MY .content-K580a8 { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; align-items: flex-start; margin-top: 12px; margin-bottom: 24px } .email-remind-dialog-Uiq8MY .content-K580a8 .title-FgsGZ6 { color: var(--theme-icon-primary); font-size: 15px; font-weight: 600 } .email-remind-dialog-Uiq8MY .content-K580a8 .title-FgsGZ6 .strong-Ynp-4d { color: var(--theme-icon-brand) } .email-remind-dialog-Uiq8MY .content-K580a8 .description-dqGgE- { color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 8px; margin-bottom: 12px } .email-remind-dialog-Uiq8MY .footer-HZB7fV { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; gap: 12px } .email-remind-dialog-Uiq8MY .footer-HZB7fV .button-6b2K6R { flex: 1; border-radius: 12px } .email-remind-dialog-Uiq8MY .features-fgkxOa { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; align-items: flex-start; padding: 16px; border-radius: 12px; background: var(--theme-bg-white); gap: 8px } .email-remind-dialog-Uiq8MY .features-fgkxOa .label-nkKHLQ { color: var(--theme-icon-primary); font-size: 14px; font-weight: 600; line-height: 24px } .email-remind-dialog-Uiq8MY .features-fgkxOa .feature-wrap-rJSUks { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px; align-items: flex-start; width: 100% } .email-remind-dialog-Uiq8MY .features-fgkxOa .feature-wrap-rJSUks .feature-LU69th { display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: flex-start; gap: 4px; color: var(--theme-icon-tertiary); font-size: 14px; font-weight: 400; line-height: 22px } .email-remind-dialog-Uiq8MY .features-fgkxOa .feature-wrap-rJSUks .feature-LU69th .icon-ZJIr0B { margin-top: 2.5px; color: var(--theme-icon-brand) } .trial-delay-dialog-R61b7D { border-radius: 20px !important; background: var(--bill-dialog-bg) !important; padding: 20px } .trial-delay-dialog-R61b7D .banner-BhDuR6 { -webkit-user-drag: none; margin: auto; height: 160px; display: block } .trial-delay-dialog-R61b7D .content-8wNn00 { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; align-items: flex-start; margin-top: 12px; margin-bottom: 24px } .trial-delay-dialog-R61b7D .content-8wNn00 .title-0WQKF2 { color: var(--theme-icon-primary); font-size: 15px; font-weight: 600; margin-bottom: 8px } .trial-delay-dialog-R61b7D .content-8wNn00 .title-0WQKF2 .strong-orC9Ot { color: var(--theme-icon-brand) } .trial-delay-dialog-R61b7D .content-8wNn00 .description-dMzL6F { color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px } .trial-delay-dialog-R61b7D .footer-73rgxd { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; gap: 12px } .trial-delay-dialog-R61b7D .footer-73rgxd .button-M2FSc7 { flex: 1; border-radius: 12px } .edu-discount-dialog-8dWBBk { display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; width: 100%; gap: 24px; padding: 20px; border-radius: 20px; box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); overflow: visible !important } .edu-discount-dialog-8dWBBk .img-RDS7AQ { position: absolute; width: 240px; top: -58px } .edu-discount-dialog-8dWBBk .content-q7BHr6 { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 8px; margin-top: 60px } .edu-discount-dialog-8dWBBk .content-q7BHr6 .title-wHZWTo { color: var(--theme-text-primary); text-align: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px } .edu-discount-dialog-8dWBBk .content-q7BHr6 .desc-EdQ7xf { color: var(--theme-text-tertiary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .edu-discount-dialog-8dWBBk .footer-9hE8xn, .edu-discount-dialog-8dWBBk .footer-9hE8xn .button-RrPiZC { width: 100% } .verify-code-button-qXupeP { position: relative; width: auto } .verify-code-button-qXupeP .button-67zMAx { display: none; width: 100% } .verify-code-button-qXupeP .visible--WFfu7 { display: flex } .verify-edu-email-dialog-mog1RB { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 24px; padding: 20px; box-shadow: 0 1px 20px 0 var(--theme-shadow-s1); max-width: calc(100vw - 48px); border-radius: 20px } .verify-edu-email-dialog-mog1RB .header-RScaRM { color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; width: 100% } .verify-edu-email-dialog-mog1RB .main-y-4-5a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 12px } .verify-edu-email-dialog-mog1RB .main-y-4-5a .form-item-hGNTVz { flex: 1; width: 100% } .verify-edu-email-dialog-mog1RB .main-y-4-5a .form-item-hGNTVz>div { bottom: -20px } .verify-edu-email-dialog-mog1RB .main-y-4-5a .error-msg-gWX5Y7 { margin-top: 8px; color: var(--theme-function-error); font-size: 12px; display: flex; align-items: center } .verify-edu-email-dialog-mog1RB .main-y-4-5a .code-error-msg-rMUPS8 { margin-top: -4px; color: var(--theme-function-error); font-size: 12px; display: flex; align-items: center; align-self: flex-start; margin-top: -1 } .verify-edu-email-dialog-mog1RB .main-y-4-5a .verify-code-OZUOqi { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; gap: 12px } .verify-edu-email-dialog-mog1RB .main-y-4-5a .verify-code-OZUOqi .code-btn-Pz4SVm { min-width: 120px; width: auto } .verify-edu-email-dialog-mog1RB .main-y-4-5a .send-tips-VyxW30 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; justify-content: flex-start; align-items: flex-start; gap: 4px; color: var(--theme-text-tertiary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; margin-top: -4px } .verify-edu-email-dialog-mog1RB .main-y-4-5a .send-tips-VyxW30 .icon-ruTXsj { margin-top: 2px } .verify-edu-email-dialog-mog1RB .footer-iNi0h9, .verify-edu-email-dialog-mog1RB .footer-iNi0h9 .button-cKtCDB { width: 100% } .verify-edu-email-dialog-mog1RB .footer-iNi0h9 .contact-us-fJL60q { margin-top: 16px; color: var(--theme-text-tertiary); text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .agent-share-XSEABQ { visibility: visible } .share-popover-content-Qp658s { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 246px; padding: 20px; border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white) } .share-popover-content-Qp658s .access-title-rmUk-6 { color: var(--theme-icon-tertiary); font-size: 14px; font-weight: 500; line-height: 16px } .share-popover-content-Qp658s .radio-group-2xiZi- { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 8px } .share-popover-content-Qp658s .share-btn-8d5va4 { width: 100%; height: 40px } .search-share-sjISsp { display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 8px } .search-share-sjISsp .search-share-link-FHzkbZ { max-width: 100%; width: 246px; border-radius: 8px; background: var(--theme-bg-white); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 4px 8px } .search-share-sjISsp .share-btn-8d5va4 { width: 100%; color: var(--theme-icon-primary) } .search-share-sjISsp .share-btn-8d5va4 .is-check-PmGWa9 { color: var(--theme-function-success) } .agent-input-DWWZNN { width: 100%; position: relative } .agent-input-DWWZNN .tool-bar-Kx5jqb { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .agent-input-DWWZNN .tool-bar-Kx5jqb .chat-toolbar-left-bVPYbU { flex: 1; min-width: 0px; gap: 2px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start } .agent-input-DWWZNN .tool-bar-Kx5jqb .chat-toolbar-left-bVPYbU .chat-share-UVPYiC { padding: 1px 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px; border-radius: 8px; background: var(--theme-bg-gray-primary); color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .agent-input-DWWZNN .tool-bar-Kx5jqb .chat-toolbar-left-bVPYbU .chat-share-UVPYiC:hover { background: var(--theme-btn-fill-secondary) } .agent-input-DWWZNN .tool-bar-Kx5jqb .chat-toolbar-right-TxoWE0 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2px; justify-content: right } .search-input-NCa0d6 { padding-right: 10px; border-radius: 16px; border: 2px solid var(--theme-border-quaternary); background: var(--theme-bg-menu-white); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1); display: flex; flex-direction: row; justify-content: center; align-items: center } .search-input-NCa0d6 .search-input-textarea-1pKJOo { border: none !important; background: transparent !important } .search-input-NCa0d6 .search-input-settings-PO6WK4 { display: flex; flex-direction: row; justify-content: center; align-items: center } .search-input-NCa0d6 .search-input-settings-PO6WK4 .setting-item-uQUA-C { width: 32px; height: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .search-input-NCa0d6 .search-input-settings-PO6WK4 .setting-item-uQUA-C:hover { background-color: var(--theme-fill-tsp-components-secondary) } .search-input-NCa0d6 .search-input-settings-PO6WK4 .setting-item-uQUA-C.inputSend-cQtMkl { color: var(--theme-text-disable) } .search-input-NCa0d6 .search-input-settings-PO6WK4 .setting-item-uQUA-C.inputSend-cQtMkl.active-BdVbZ5 { color: var(--theme-icon-brand) } .action-btn-kGWHHi { width: 30px; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; color: var(--theme-icon-quaternary) } .action-btn-kGWHHi:hover { color: var(--theme-icon-brand) } .action-btn-kGWHHi.active-jBd6q2 { color: var(--theme-btn-fill-primary-active) } .agent-paused-2wiMIL { display: flex; flex-direction: column; gap: 8px } .agent-paused-2wiMIL .title-p9txnf { color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px } .agent-paused-2wiMIL .operations-gGH5J3 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; justify-content: left } .image-gallery-icon { color: #fff; transition: all .3s ease-out; appearance: none; background-color: transparent; border: 0; cursor: pointer; outline: none; position: absolute; z-index: 4; filter: drop-shadow(0 2px 2px #1a1a1a) } @media (hover: hover)and (pointer: fine) { .image-gallery-icon:hover { color: #337ab7 } .image-gallery-icon:hover .image-gallery-svg { transform: scale(1.1) } } .image-gallery-icon:focus { outline: 2px solid #337ab7 } .image-gallery-using-mouse .image-gallery-icon:focus { outline: none } .image-gallery-fullscreen-button, .image-gallery-play-button { bottom: 0; padding: 20px } .image-gallery-fullscreen-button .image-gallery-svg, .image-gallery-play-button .image-gallery-svg { height: 28px; width: 28px } @media (max-width: 768px) { .image-gallery-fullscreen-button, .image-gallery-play-button { padding: 15px } .image-gallery-fullscreen-button .image-gallery-svg, .image-gallery-play-button .image-gallery-svg { height: 24px; width: 24px } } @media (max-width: 480px) { .image-gallery-fullscreen-button, .image-gallery-play-button { padding: 10px } .image-gallery-fullscreen-button .image-gallery-svg, .image-gallery-play-button .image-gallery-svg { height: 16px; width: 16px } } .image-gallery-fullscreen-button { right: 0 } .image-gallery-play-button { left: 0 } .image-gallery-left-nav, .image-gallery-right-nav { padding: 50px 10px; top: 50%; transform: translateY(-50%) } .image-gallery-left-nav .image-gallery-svg, .image-gallery-right-nav .image-gallery-svg { height: 120px; width: 60px } @media (max-width: 768px) { .image-gallery-left-nav .image-gallery-svg, .image-gallery-right-nav .image-gallery-svg { height: 72px; width: 36px } } @media (max-width: 480px) { .image-gallery-left-nav .image-gallery-svg, .image-gallery-right-nav .image-gallery-svg { height: 48px; width: 24px } } .image-gallery-left-nav[disabled], .image-gallery-right-nav[disabled] { cursor: disabled; opacity: .6; pointer-events: none } .image-gallery-left-nav { left: 0 } .image-gallery-right-nav { right: 0 } .image-gallery { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative } .image-gallery.fullscreen-modal { background: #000; height: 100%; inset: 0; position: fixed; width: 100%; z-index: 5 } .image-gallery.fullscreen-modal .image-gallery-content { top: 50%; transform: translateY(-50%) } .image-gallery-content { position: relative; line-height: 0; top: 0 } .image-gallery-content.fullscreen { background: #000 } .image-gallery-content .image-gallery-slide .image-gallery-image { max-height: calc(100vh - 80px) } .image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image, .image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image { max-height: 100vh } .image-gallery-slide-wrapper { position: relative } .image-gallery-slide-wrapper.image-gallery-thumbnails-left, .image-gallery-slide-wrapper.image-gallery-thumbnails-right { display: inline-block; width: calc(100% - 110px) } @media (max-width: 768px) { .image-gallery-slide-wrapper.image-gallery-thumbnails-left, .image-gallery-slide-wrapper.image-gallery-thumbnails-right { width: calc(100% - 87px) } } .image-gallery-slide-wrapper.image-gallery-rtl { direction: rtl } .image-gallery-slides { line-height: 0; overflow: hidden; position: relative; white-space: nowrap; text-align: center } .image-gallery-slide { left: 0; position: absolute; top: 0; width: 100% } .image-gallery-slide.image-gallery-center { position: relative } .image-gallery-slide .image-gallery-image { width: 100%; object-fit: contain } .image-gallery-slide .image-gallery-description { background: rgba(0, 0, 0, .4); bottom: 70px; color: #fff; left: 0; line-height: 1; padding: 10px 20px; position: absolute; white-space: normal } @media (max-width: 768px) { .image-gallery-slide .image-gallery-description { bottom: 45px; font-size: .8em; padding: 8px 15px } } .image-gallery-bullets { bottom: 20px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 80%; z-index: 4 } .image-gallery-bullets .image-gallery-bullets-container { margin: 0; padding: 0; text-align: center } .image-gallery-bullets .image-gallery-bullet { appearance: none; background-color: transparent; border: 1px solid #fff; border-radius: 50%; box-shadow: 0 2px 2px #1a1a1a; cursor: pointer; display: inline-block; margin: 0 5px; outline: none; padding: 5px; transition: all .2s ease-out } @media (max-width: 768px) { .image-gallery-bullets .image-gallery-bullet { margin: 0 3px; padding: 3px } } @media (max-width: 480px) { .image-gallery-bullets .image-gallery-bullet { padding: 2.7px } } .image-gallery-bullets .image-gallery-bullet:focus { transform: scale(1.2); background: #337ab7; border: 1px solid #337ab7 } .image-gallery-bullets .image-gallery-bullet.active { transform: scale(1.2); border: 1px solid #fff; background: #fff } @media (hover: hover)and (pointer: fine) { .image-gallery-bullets .image-gallery-bullet:hover { background: #337ab7; border: 1px solid #337ab7 } .image-gallery-bullets .image-gallery-bullet.active:hover { background: #337ab7 } } .image-gallery-thumbnails-wrapper { position: relative } .image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal { touch-action: pan-y } .image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical { touch-action: pan-x } .image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl { direction: rtl } .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left, .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right { display: inline-block; vertical-align: top; width: 100px } @media (max-width: 768px) { .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left, .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right { width: 81px } } .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails, .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails { height: 100%; width: 100%; left: 0; padding: 0; position: absolute; top: 0 } .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail { display: block; margin-right: 0; padding: 0 } .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail { margin-left: 0; margin-top: 2px } .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left, .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right { margin: 0 5px } @media (max-width: 768px) { .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left, .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right { margin: 0 3px } } .image-gallery-thumbnails { overflow: hidden; padding: 5px 0 } @media (max-width: 768px) { .image-gallery-thumbnails { padding: 3px 0 } } .image-gallery-thumbnails .image-gallery-thumbnails-container { cursor: pointer; text-align: center; white-space: nowrap } .image-gallery-thumbnail { display: inline-block; border: 4px solid transparent; transition: border .3s ease-out; width: 100px; background: transparent; padding: 0 } @media (max-width: 768px) { .image-gallery-thumbnail { border: 3px solid transparent; width: 81px } } .image-gallery-thumbnail+.image-gallery-thumbnail { margin-left: 2px } .image-gallery-thumbnail .image-gallery-thumbnail-inner { display: block; position: relative } .image-gallery-thumbnail .image-gallery-thumbnail-image { vertical-align: middle; width: 100%; line-height: 0 } .image-gallery-thumbnail.active, .image-gallery-thumbnail:focus { outline: none; border: 4px solid #337ab7 } @media (max-width: 768px) { .image-gallery-thumbnail.active, .image-gallery-thumbnail:focus { border: 3px solid #337ab7 } } @media (hover: hover)and (pointer: fine) { .image-gallery-thumbnail:hover { outline: none; border: 4px solid #337ab7 } } @media (hover: hover)and (pointer: fine)and (max-width: 768px) { .image-gallery-thumbnail:hover { border: 3px solid #337ab7 } } .image-gallery-thumbnail-label { box-sizing: border-box; color: #fff; font-size: 1em; left: 0; line-height: 1em; padding: 5%; position: absolute; top: 50%; text-shadow: 0 2px 2px #1a1a1a; transform: translateY(-50%); white-space: normal; width: 100% } @media (max-width: 768px) { .image-gallery-thumbnail-label { font-size: .8em; line-height: .8em } } .image-gallery-index { background: rgba(0, 0, 0, .4); color: #fff; line-height: 1; padding: 10px 20px; position: absolute; right: 0; top: 0; z-index: 4 } @media (max-width: 768px) { .image-gallery-index { font-size: .8em; padding: 5px 10px } } .agent-preview-dialog-header-eUL2OD { width: 100%; min-height: 56px; padding: 0 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--theme-icon-tertiary) } .agent-preview-dialog-header-eUL2OD.desktop-bSw-BZ { padding-top: 38px; padding-right: 32px; padding-bottom: 12px } .agent-preview-dialog-header-eUL2OD .header-left-Emgm0I { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 8px } .agent-preview-dialog-header-eUL2OD .header-left-Emgm0I .logo-KeC5Tn { width: 35px; height: 35px } .agent-preview-dialog-header-eUL2OD .header-left-Emgm0I .name-obzBp3 { max-width: 40vw; color: var(--theme-icon-white-primary); font-size: 16px; font-weight: 500; line-height: normal; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .agent-preview-dialog-header-eUL2OD .header-right-LDSxDG { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-end; gap: 12px } .agent-preview-dialog-header-eUL2OD .header-right-LDSxDG .source-name-wrap-Em2dA4 { max-width: 40vw; padding: 4px 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; border-radius: 16px; border: 1px solid var(--theme-bg-tsp-white-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .agent-preview-dialog-header-eUL2OD .header-right-LDSxDG .source-name-wrap-Em2dA4:hover .source-name-M0uyGU { text-decoration: underline } .agent-preview-dialog-header-eUL2OD .header-right-LDSxDG .source-name-wrap-Em2dA4 .favicon-ZiVSqA { width: 16px; height: 16px; border-radius: 16px; overflow: hidden; display: flex; flex-shrink: 0 } .agent-preview-dialog-header-eUL2OD .header-right-LDSxDG .source-name-wrap-Em2dA4 .favicon-ZiVSqA img { height: 100%; width: 100%; object-fit: cover } .agent-preview-dialog-header-eUL2OD .header-right-LDSxDG .source-name-wrap-Em2dA4 .source-name-M0uyGU { flex: 1; color: var(--theme-icon-white-primary); font-size: 14px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .agent-preview-dialog-header-eUL2OD .header-right-LDSxDG .source-name-wrap-Em2dA4 .share-icon-wrap-V01evY { padding: 3px; display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-icon-white-primary) } .agent-preview-dialog-header-eUL2OD .header-right-LDSxDG .close-btn-gGh42B { width: 31px; height: 31px; border-radius: 31px; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: var(--theme-bg-white); color: var(--theme-icon-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .agent-preview-dialog-header-eUL2OD .header-right-LDSxDG .close-btn-gGh42B:hover { color: var(--theme-text-tertiary); background-color: var(--transparent-white-65) } .agent-task-overview-joOMLm { color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .agent-task-overview-joOMLm:hover { opacity: .8 } .agent-task-overview-dialog-SdsGMa { width: 90% !important; max-width: 500px; display: flex; flex-direction: column; padding: 16px 16px 20px } .agent-task-overview-dialog-SdsGMa .header-3uA-sM { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 24px; text-align: center; margin-bottom: 16px } .agent-task-overview-dialog-SdsGMa .main-IRBZ6w { max-height: 600px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding-right: 12px; margin-right: -12px } .agent-task-overview-dialog-SdsGMa .main-IRBZ6w::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .agent-task-overview-dialog-SdsGMa .main-IRBZ6w::-webkit-scrollbar-track { background: transparent } .agent-task-overview-dialog-SdsGMa .main-IRBZ6w::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .agent-task-overview-dialog-SdsGMa .main-IRBZ6w::-webkit-scrollbar-thumb:hover { background: #00000062 } .agent-task-overview-dialog-SdsGMa .main-IRBZ6w::-webkit-scrollbar-corner { background: transparent } .agent-task-overview-dialog-SdsGMa .list-item-kMWyNb { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .agent-task-overview-dialog-SdsGMa .table-icElaj { display: flex; flex-direction: column; border-radius: 8px; padding: 12px; background: rgba(145, 158, 171, .04); gap: 12px } .agent-task-overview-dialog-SdsGMa .table-icElaj .table-item-9d5Q0L { display: flex; justify-content: space-between; align-items: center; color: var(--theme-text-tertiary); font-size: 13px; font-weight: 400; line-height: 20px } .agent-task-overview-dialog-SdsGMa .table-icElaj .table-item-9d5Q0L.total-queries--Ywu7x { padding-top: 10px; border-top: 1px solid rgba(145, 158, 171, .1); color: var(--theme-text-secondary); font-size: 14px } .agent-task-overview-dialog-SdsGMa .table-icElaj .table-item-9d5Q0L .message-item-wrapper-Jd6KEv { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; padding-left: 8px } .agent-task-overview-dialog-SdsGMa .table-icElaj .table-item-9d5Q0L .message-item-wrapper-Jd6KEv .dot-cliGd0 { background-color: var(--theme-text-tertiary); width: 4px; height: 4px; border-radius: 4px } .usage-6Zxrhs { display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 38px; height: 22px; min-height: 22px; gap: 4px; border-radius: 50px; background: var(--theme-btn-fill-tertiary-hover); padding: 0 4px } .usage-6Zxrhs.free-okZHnu { background: var(--theme-btn-fill-secondary) } .usage-6Zxrhs.free-okZHnu .usage-quota-PaoE-1 { color: #55b14d } .usage-6Zxrhs.free-okZHnu .usage-icon-KWnmJu { color: #94d08d } .usage-6Zxrhs .usage-quota-PaoE-1 { color: var(--theme-text-brand); text-align: center; font-size: 12px; font-weight: 600 } .usage-6Zxrhs .usage-icon-KWnmJu { color: var(--theme-btn-fill-primary-hover); width: 10px; height: 10px } .agent-reply-operations-2h2-Nk { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; justify-content: left } .agent-reply-operations-2h2-Nk .reply-feedbacks-9VBBGa { border-radius: 20px; border: 1px solid var(--theme-fill-tsp-components-secondary); display: flex; flex-direction: row; justify-content: center; align-items: center; height: 32px; min-height: 32px; width: 74px; overflow: hidden } .agent-reply-operations-2h2-Nk .reply-feedbacks-9VBBGa .reply-feedback-item-3qUR10 { flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-tertiary) } .agent-reply-operations-2h2-Nk .reply-feedbacks-9VBBGa .reply-feedback-item-3qUR10:hover { background-color: var(--theme-fill-tsp-components-secondary) } .agent-source-list-uyaymT { display: flex; flex-direction: column } .agent-source-list-uyaymT .source-item-ZU-9KL { padding: 4px 0; display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 6px } .agent-source-list-uyaymT .source-item-ZU-9KL a { width: 100% } .agent-source-list-uyaymT .source-item-ZU-9KL .title-NyVocK { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .agent-source-list-uyaymT .source-item-ZU-9KL:hover .title-NyVocK { text-decoration: underline } .agent-source-list-uyaymT .source-item-ZU-9KL:last-child .divider-CyQWv5 { display: none } .agent-source-list-uyaymT .source-item-ZU-9KL a { cursor: pointer; user-select: text; opacity: 1 } .agent-source-list-uyaymT .source-item-ZU-9KL .host-wrapper-XHF5Cf { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px; color: var(--theme-icon-quaternary); font-size: 14px; font-weight: 400; line-height: 22px; cursor: pointer } .agent-source-list-uyaymT .source-item-ZU-9KL .host-wrapper-XHF5Cf .logo-9u0ume { width: 14px; height: 14px; border-radius: 14px; -webkit-user-drag: none } .agent-source-list-uyaymT .source-item-ZU-9KL .title-NyVocK { width: 100%; color: var(--theme-text-link-active); font-size: 16px; font-weight: 500; line-height: 24px; cursor: pointer } .agent-source-list-uyaymT .source-item-ZU-9KL .description-KWBQ0w { width: 100%; color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .agent-source-list-uyaymT .source-item-ZU-9KL .divider-CyQWv5 { width: 100%; border-top: 1px solid var(--theme-border-primary); margin-top: 6px } .agent-source-list-uyaymT .pagination-WnOHI1 { padding-top: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 8px } .agent-source-list-uyaymT .pagination-WnOHI1 .pagination-item-j1cnW8 { min-width: 32px; height: 32px; padding: 10px 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 8px; background: var(--theme-btn-fill-secondary) } .agent-source-list-uyaymT .pagination-WnOHI1 .pagination-item-j1cnW8:hover { background: var(--theme-bg-gray-primary) } .agent-source-list-uyaymT .pagination-WnOHI1 .pagination-item-j1cnW8.active-fHwsn7 { color: var(--theme-icon-white-primary); background: var(--btn-fill-brand, --brand-400) } .agent-sources-DDSJlf { display: flex; gap: 12px; width: 100% } .agent-sources-DDSJlf .column-h7tItg { flex: 1; min-width: 0px; display: flex; flex-direction: column; gap: 12px } .agent-sources-DDSJlf .column-h7tItg .source-item-eJ6J-q { height: 76px; display: flex; flex-direction: column; padding: 4px 12px; gap: 8px; border-radius: 8px; align-items: flex-start; background-color: var(--theme-fill-tsp-components-tertiary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .agent-sources-DDSJlf .column-h7tItg .source-item-eJ6J-q:hover { background-color: var(--theme-fill-tsp-components-secondary) } .agent-sources-DDSJlf .column-h7tItg .source-item-eJ6J-q .title-b4OyK8 { color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; flex: 1; min-height: 0px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .agent-sources-DDSJlf .column-h7tItg .source-item-eJ6J-q .footer-qXJaJ1 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; width: 100% } .agent-sources-DDSJlf .column-h7tItg .source-item-eJ6J-q .footer-qXJaJ1 .logo-onk-nd { width: 16px; height: 16px; border-radius: 16px } .agent-sources-DDSJlf .column-h7tItg .source-item-eJ6J-q .footer-qXJaJ1 .host-Lp8fX- { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; flex: 1; min-width: 0px } .agent-sources-dialog-S-Z6FB { width: 90% !important; max-width: 500px; max-height: 696px !important; display: flex; flex-direction: column; gap: 12px; padding-top: 16px } .agent-sources-dialog-S-Z6FB .header-ytGmK0 { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 24px; text-align: center } .agent-sources-dialog-S-Z6FB .sources-ocFlaV { flex: 1; min-height: 0px; width: 100%; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; flex-direction: column } .agent-sources-dialog-S-Z6FB .sources-ocFlaV::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .agent-sources-dialog-S-Z6FB .sources-ocFlaV::-webkit-scrollbar-track { background: transparent } .agent-sources-dialog-S-Z6FB .sources-ocFlaV::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .agent-sources-dialog-S-Z6FB .sources-ocFlaV::-webkit-scrollbar-thumb:hover { background: #00000062 } .agent-sources-dialog-S-Z6FB .sources-ocFlaV::-webkit-scrollbar-corner { background: transparent } .agent-sources-dialog-S-Z6FB .sources-ocFlaV .source-item-3VFa3X { padding: 8px 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 100%; border-bottom: 1px solid var(--theme-btn-fill-secondary-hover) } .agent-sources-dialog-S-Z6FB .sources-ocFlaV .source-item-3VFa3X:hover { background-color: var(--theme-bg-gray-secondary) } .agent-sources-dialog-S-Z6FB .sources-ocFlaV .source-item-3VFa3X .title-Sti7Do { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 24px } .agent-sources-dialog-S-Z6FB .sources-ocFlaV .source-item-3VFa3X .description-JFt5NM { width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 8px } .agent-sources-dialog-S-Z6FB .sources-ocFlaV .source-item-3VFa3X .host-wrapper-MXl8bf { display: flex; flex-direction: row; align-items: center; gap: 4px; font-size: 13px; font-weight: 400; line-height: 20px; color: var(--theme-text-quaternary) } .agent-sources-dialog-S-Z6FB .sources-ocFlaV .source-item-3VFa3X .host-wrapper-MXl8bf .logo-RUCypG { width: 14px; height: 14px; border-radius: 14px; -webkit-user-drag: none } .agent-sources-drawer-nZCe2u { visibility: visible; height: 100%; display: flex; flex-direction: column; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 0 16px } .agent-sources-drawer-nZCe2u::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .agent-sources-drawer-nZCe2u::-webkit-scrollbar-track { background: transparent } .agent-sources-drawer-nZCe2u::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .agent-sources-drawer-nZCe2u::-webkit-scrollbar-thumb:hover { background: #00000062 } .agent-sources-drawer-nZCe2u::-webkit-scrollbar-corner { background: transparent } .agent-view-all-h12-A3 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2px; color: var(--theme-icon-tertiary); font-size: 12px; font-weight: 500; line-height: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .agent-view-all-h12-A3:hover { color: var(--theme-icon-quaternary) } .agent-tags-SZm8PH { display: flex; flex-wrap: wrap; gap: 8px; row-gap: 4px; width: 100% } .agent-tags-SZm8PH .tag-item-V75LYN { border-radius: 8px; background-color: var(--theme-bg-white); color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px; padding: 4px 12px; min-height: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center } .agent-tags-SZm8PH.search-agent-yZu1Wv { row-gap: 8px; padding-left: 16px } .agent-tags-SZm8PH.search-agent-yZu1Wv .tag-item-V75LYN { border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-tertiary); padding: 4px 8px; min-height: 30px } .agent-summary-dialog-LiwM-e { width: 90% !important; max-width: 500px; max-height: 696px !important; display: flex; flex-direction: column; gap: 12px; padding-top: 16px } .agent-summary-dialog-LiwM-e .header-dUMT35 { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 24px; text-align: center } .agent-summary-dialog-LiwM-e .main-gq3zbx { flex: 1; min-height: 0px; width: 100%; padding: 0 16px 16px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .agent-summary-dialog-LiwM-e .main-gq3zbx::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .agent-summary-dialog-LiwM-e .main-gq3zbx::-webkit-scrollbar-track { background: transparent } .agent-summary-dialog-LiwM-e .main-gq3zbx::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .agent-summary-dialog-LiwM-e .main-gq3zbx::-webkit-scrollbar-thumb:hover { background: #00000062 } .agent-summary-dialog-LiwM-e .main-gq3zbx::-webkit-scrollbar-corner { background: transparent } .agent-summary-dialog-LiwM-e .main-gq3zbx .content-gHxz-w { width: 100%; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-text-primary) } .agent-summary-dialog-LiwM-e .main-gq3zbx .footer-UW9WtY { width: 100%; margin-top: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: left } .agent-summary-dialog-LiwM-e .main-gq3zbx .footer-UW9WtY .copy-x-xuLG { color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 18px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .agent-summary-dialog-LiwM-e .main-gq3zbx .footer-UW9WtY .copy-x-xuLG:hover { opacity: .8 } .agent-draft-sKOuZO { border-radius: 8px; border: 1px solid rgba(145, 158, 171, .24); background-color: var(--theme-bg-white); padding: 8px 12px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .agent-draft-sKOuZO:hover { background-color: var(--theme-fill-tsp-components-secondary) } .agent-draft-sKOuZO .header-RyTDvl { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; margin-bottom: 4px } .agent-draft-sKOuZO .header-RyTDvl .title-fgYZGI { color: var(--theme-text-quaternary); font-size: 13px; font-weight: 400; line-height: 20px } .agent-draft-sKOuZO .header-RyTDvl .copy-PxyLMD { color: var(--theme-text-quaternary); width: 16px; height: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .agent-draft-sKOuZO .content-amBUpF { font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-icon-primary); max-height: 66px; overflow: hidden } .agent-text-KXPAXu { visibility: visible } .markdown-p5S5WW { max-width: 100% } .is-monica-search-HapZ5L { font-size: 16px !important } .agent-default-view-nkVzdx { display: flex; flex-direction: column; align-items: center; flex: 1; min-height: 0px; gap: 8px } .agent-default-view-nkVzdx .content-wrapper-N-KQsz { width: 100%; max-width: var(--monica-chat-max-width, 720px); padding: 20px } .agent-default-view-nkVzdx .main-j7cODN { flex: 1; width: 100%; min-height: 0px; display: flex; flex-direction: column; align-items: center; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; gap: 16px; position: relative } .agent-default-view-nkVzdx .main-j7cODN::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .agent-default-view-nkVzdx .main-j7cODN::-webkit-scrollbar-track { background: transparent } .agent-default-view-nkVzdx .main-j7cODN::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .agent-default-view-nkVzdx .main-j7cODN::-webkit-scrollbar-thumb:hover { background: #00000062 } .agent-default-view-nkVzdx .main-j7cODN::-webkit-scrollbar-corner { background: transparent } .agent-default-view-nkVzdx .input-wrapper-vyXR-f { width: 100%; max-width: var(--monica-chat-max-width, 720px); padding: 0 10px } .agent-default-view-nkVzdx .chat-input-AVnZNt { background: var(--theme-fill-tsp-components-secondary) } .sidebar-fold-header-vdyNcB { padding-left: 56px !important; padding-right: 56px !important } .incognito-mode-card-bkAU55 { position: absolute; inset: 0; background: var(--theme-bg-white); z-index: 2; cursor: not-allowed } .agent-main-view-1wBMYR { display: flex; flex-direction: column; align-items: center; flex: 1; min-height: 0px } .agent-main-view-1wBMYR .main-KqUugU { flex: 1; min-height: 0px; width: 100%; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden; display: flex; flex-direction: column; align-items: center } .agent-main-view-1wBMYR .main-KqUugU::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .agent-main-view-1wBMYR .main-KqUugU::-webkit-scrollbar-track { background: transparent } .agent-main-view-1wBMYR .main-KqUugU::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .agent-main-view-1wBMYR .main-KqUugU::-webkit-scrollbar-thumb:hover { background: #00000062 } .agent-main-view-1wBMYR .main-KqUugU::-webkit-scrollbar-corner { background: transparent } .agent-main-view-1wBMYR .main-KqUugU .inner-9CRySY { width: 100%; max-width: var(--monica-chat-max-width, 720px); padding: 20px; display: flex; flex-direction: column; gap: 8px } .agent-main-view-1wBMYR .main-KqUugU.has-header-RF2wZD { padding-top: 0 } .agent-main-view-1wBMYR .main-KqUugU>:first-child { margin-top: auto } .agent-main-view-1wBMYR .main-KqUugU .loading-wrapper-JaSGaG { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start } .agent-main-view-1wBMYR .task-operations-UurnPn { display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; top: -54px } .agent-main-view-1wBMYR .footer-gAHoSj { max-width: unset } .agent-main-view-1wBMYR .input-wrapper-5QQl4O { width: 100%; max-width: var(--monica-chat-max-width, 720px); padding: 20px } .sidebar-fold-header-5qxcpD { padding-left: 56px !important; padding-right: 56px !important } .agent-view--JrhEa { display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0; height: 100% } .agent-view--JrhEa.hide-9TMhMJ { display: none } .agent-view--JrhEa .divider-J-pS0G { width: 1px; height: 12px; min-width: 1px; background-color: var(--theme-btn-fill-secondary) } .fixed-fold-btn-gYmRr1 { position: absolute; left: 12px; top: 22px; z-index: 1 } .search-agent-default-view-HcMrbh { width: 100%; flex: 1; min-height: 0px; display: flex; flex-direction: column; position: relative; overflow-y: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 20px } .search-agent-default-view-HcMrbh::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .search-agent-default-view-HcMrbh::-webkit-scrollbar-track { background: transparent } .search-agent-default-view-HcMrbh::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .search-agent-default-view-HcMrbh::-webkit-scrollbar-thumb:hover { background: #00000062 } .search-agent-default-view-HcMrbh::-webkit-scrollbar-corner { background: transparent } .search-agent-default-view-HcMrbh .inner-KEyOtU { max-width: 800px; display: flex; flex-direction: column; margin: 0 auto; width: 100% } .search-agent-default-view-HcMrbh .header-3M-TqZ { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: left; width: 100%; max-width: 800px; background-color: var(--theme-bg-white); margin-bottom: 10px } .search-agent-default-view-HcMrbh .header-3M-TqZ .title-f7ySw- { flex: 1 } .search-agent-default-view-HcMrbh .header-3M-TqZ .history-P-bX6- { display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; margin-right: -10px; padding: 4px 12px; font-size: 14px; font-weight: 400; line-height: 22px; gap: 6px; color: var(--theme-icon-primary); border-radius: 12px; background: transparent; transition: all .2s; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .search-agent-default-view-HcMrbh .header-3M-TqZ .history-P-bX6-:hover { background-color: var(--theme-fill-tsp-components-secondary) } .search-agent-default-view-HcMrbh .input-container-B3Oamz { z-index: 50; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: flex-start; transition: all .2s; background: var(--theme-bg-white); position: relative } .search-agent-default-view-HcMrbh .input-container-B3Oamz .input-PSIbtq { width: 100%; padding: 10px 16px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 6px; color: var(--theme-icon-primary); border-radius: 16px; background-color: var(--theme-bg-white); border: 1px solid var(--theme-border-light); transition: padding .2s; cursor: text } .search-agent-default-view-HcMrbh .input-container-B3Oamz .input-PSIbtq:hover { border-color: var(--theme-text-brand) } .search-agent-default-view-HcMrbh .input-container-B3Oamz .input-PSIbtq:focus-within { border-color: var(--theme-border-active) } .search-agent-default-view-HcMrbh .input-container-B3Oamz .input-PSIbtq .textarea-wrap-p9odb1 { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap: 10px; cursor: text } .search-agent-default-view-HcMrbh .input-container-B3Oamz .input-PSIbtq .textarea-wrap-p9odb1:focus-within { height: auto } .search-agent-default-view-HcMrbh .input-container-B3Oamz .input-PSIbtq .textarea-wrap-p9odb1 .search-icon-OfmLi4 { margin-top: 4px } .search-agent-default-view-HcMrbh .input-container-B3Oamz .input-PSIbtq .textarea-wrap-p9odb1 .textarea-h-tHak { flex: 1; height: 100%; padding: 0; background: transparent; border: none; border-radius: 0; outline: none; resize: none } .search-agent-default-view-HcMrbh .input-container-B3Oamz .input-PSIbtq .textarea-wrap-p9odb1 .textarea-h-tHak textarea { padding: 0 } .search-agent-default-view-HcMrbh .input-container-B3Oamz .input-PSIbtq .textarea-wrap-p9odb1 .textarea-h-tHak:focus { white-space: normal; overflow: auto } .search-agent-default-view-HcMrbh .input-container-B3Oamz .input-PSIbtq .input-tools-GtmCo1 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; justify-content: flex-end; gap: 8px; transition: opacity .3s ease-in-out } .search-agent-default-view-HcMrbh .suggestion-NleT1p { position: absolute; border-radius: 16px; background: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s2); left: 0; right: 0; top: calc(100% + 8px); padding: 8px } .search-agent-default-view-HcMrbh .suggestion-NleT1p .suggestion-item-IFvwuc { padding: 8px 12px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; border-radius: 8px } .search-agent-default-view-HcMrbh .suggestion-NleT1p .suggestion-item-IFvwuc.active-FOaRPS { background: var(--theme-fill-tsp-components-primary) } .search-agent-default-view-HcMrbh .suggestion-NleT1p .suggestion-item-IFvwuc:hover { background: var(--theme-fill-tsp-components-secondary) } .search-agent-default-view-HcMrbh .suggestion-NleT1p .suggestion-item-IFvwuc+.question-TZMwS2 { margin-top: 4px } .search-agent-default-view-HcMrbh .discovery-3f0Vsq { width: 100%; margin-top: 24px; display: flex; flex-direction: column; gap: 12px } .search-agent-default-view-HcMrbh .discovery-3f0Vsq .discovery-title-QVJADd { width: 100%; color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: normal } .search-agent-default-view-HcMrbh .discovery-3f0Vsq .list-ick9K2 { width: 100%; display: flex; flex-direction: column; gap: 16px } .search-agent-default-view-HcMrbh .discovery-3f0Vsq .list-ick9K2 .item-kBE6JO { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .search-agent-default-view-HcMrbh .discovery-3f0Vsq .list-ick9K2 .item-kBE6JO:hover .content-k8fzvx .title-and-desc-wrapper-TW7hSm .title-f7ySw- { color: var(--theme-icon-brand); transition: color .5s } .search-agent-default-view-HcMrbh .discovery-3f0Vsq .list-ick9K2 .item-kBE6JO .image-hA632n { min-width: 64px; width: 64px; height: 64px; border-radius: 20px; overflow: hidden } .search-agent-default-view-HcMrbh .discovery-3f0Vsq .list-ick9K2 .item-kBE6JO .image-hA632n img { object-fit: cover; -webkit-user-drag: none } .search-agent-default-view-HcMrbh .discovery-3f0Vsq .list-ick9K2 .item-kBE6JO .content-k8fzvx { flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: flex-start; align-items: flex-start; overflow: hidden } .search-agent-default-view-HcMrbh .discovery-3f0Vsq .list-ick9K2 .item-kBE6JO .content-k8fzvx .title-and-desc-wrapper-TW7hSm { height: 48px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .search-agent-default-view-HcMrbh .discovery-3f0Vsq .list-ick9K2 .item-kBE6JO .content-k8fzvx .title-and-desc-wrapper-TW7hSm .title-f7ySw- { display: flex; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .search-agent-default-view-HcMrbh .discovery-3f0Vsq .list-ick9K2 .item-kBE6JO .content-k8fzvx .title-and-desc-wrapper-TW7hSm .desc-O38Nta { margin-top: 2px; color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .search-agent-default-view-HcMrbh .discovery-3f0Vsq .list-ick9K2 .item-kBE6JO .content-k8fzvx .view-count-and-date-CsWEuJ { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 16px; color: var(--theme-icon-tertiary); font-size: 12px; font-weight: 400; line-height: 18px } .input-msg-btn-TvJKGY { width: 26px; height: 26px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; background-color: var(--theme-btn-fill-secondary); color: var(--theme-icon-white-primary); transition: background-color .3s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .input-msg-btn-TvJKGY.active-FOaRPS { background-color: var(--theme-btn-fill-primary) } .ant-skeleton .ant-skeleton-title { margin-block-start: 0 !important; width: 100% !important } .ant-skeleton .ant-skeleton-paragraph { margin-block-start: 16px !important } .agent-related-images-or-videos-i3LacM { visibility: visible; max-width: 620px } .agent-related-images-or-videos-i3LacM .single-line-images-7i-4nx { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px } .agent-related-images-or-videos-i3LacM .single-line-images-7i-4nx .image-rmagHO { flex: 1; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: all .2s ease-in-out } .agent-related-images-or-videos-i3LacM .single-line-images-7i-4nx .image-rmagHO:hover { position: relative; z-index: 1; transform: scale(1.03); box-shadow: var(--theme-box-shadow-s3) } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ .primary-image-NW9NYI { min-width: 50%; width: 50%; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: all .2s ease-in-out } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ .primary-image-NW9NYI:hover { position: relative; z-index: 1; transform: scale(1.03); box-shadow: var(--theme-box-shadow-s3) } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ .images-REdhau { flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 8px } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ .images-REdhau .image-rmagHO { width: calc(50% - 4px); aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: all .2s ease-in-out } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ .images-REdhau .image-rmagHO:hover { position: relative; z-index: 1; transform: scale(1.03); box-shadow: var(--theme-box-shadow-s3) } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ .images-REdhau .view-more-wKk4W9 { width: calc(50% - 4px); aspect-ratio: 16 / 9; padding: 4px; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: space-between; border-radius: 8px; overflow: hidden; background: var(--theme-bg-gray-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: all .2s ease-in-out } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ .images-REdhau .view-more-wKk4W9:hover { background: var(--theme-btn-fill-secondary); transform: scale(1.05) } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ .images-REdhau .view-more-wKk4W9 .view-more-images-uazssK { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; gap: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ .images-REdhau .view-more-wKk4W9 .view-more-images-uazssK .view-more-image-vcicsO { flex: 1; aspect-ratio: 1.5; border-radius: 4px; overflow: hidden } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ .images-REdhau .view-more-wKk4W9 .view-more-images-uazssK .view-more-image-vcicsO img { object-fit: cover; -webkit-user-drag: none } .agent-related-images-or-videos-i3LacM .image-gallery-tL7-dJ .images-REdhau .view-more-wKk4W9 .more-TRDxnm { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 3px; color: var(--theme-icon-tertiary); font-size: 10px; font-weight: 400; line-height: 16px } .agent-related-images-or-videos-i3LacM .image-or-video-item-GXpi-h { position: relative; width: 100%; height: 100% } .agent-related-images-or-videos-i3LacM .image-or-video-item-GXpi-h .video-play-icon-wrap-redq5K { position: absolute; top: 6px; right: 6px; z-index: 1; width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 4px; background: var(--theme-icon-secondary) } .agent-related-images-or-videos-i3LacM .image-or-video-item-GXpi-h .video-play-icon-wrap-redq5K .video-play-icon-tWBhyX { color: var(--theme-icon-white-primary) } .agent-related-images-or-videos-i3LacM img { object-fit: cover; -webkit-user-drag: none } .agent-preview-images-dialog-MWp6T4 { visibility: visible; position: fixed; inset: 0; z-index: 99999999; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: var(--theme-tooltips-fill) } .agent-preview-images-dialog-MWp6T4 .main-TIrDeK { flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column } .agent-preview-images-dialog-MWp6T4 .main-TIrDeK .image-gallery { max-width: 90vw } .agent-preview-images-dialog-MWp6T4 .main-TIrDeK .image-gallery .image-gallery-slides { max-height: 60vh } .agent-preview-images-dialog-MWp6T4 .main-TIrDeK .image-gallery-image { height: 60vh; width: calc(100vw - 425px) } .agent-preview-images-dialog-MWp6T4 .main-TIrDeK .image-gallery-thumbnails-wrapper { margin-top: 24px } .agent-preview-images-dialog-MWp6T4 .main-TIrDeK .image-gallery-thumbnail-image { object-fit: contain; max-width: 100px; max-height: 100px } .agent-preview-video-dialog-ceroZJ { visibility: visible; position: fixed; inset: 0; z-index: 99999999; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: var(--theme-tooltips-fill) } .agent-preview-video-dialog-ceroZJ .main-m039YH { flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column } .agent-preview-video-dialog-ceroZJ .main-m039YH .video-wrapper-SrFGqK { position: relative; z-index: 2; margin: 0 auto; display: flex; flex-direction: row; justify-content: center; align-items: center } .agent-preview-video-dialog-ceroZJ .main-m039YH .video-wrapper-SrFGqK .thumbnail-wrap-sbL-fm { position: relative; width: 100%; height: 100% } .agent-preview-video-dialog-ceroZJ .main-m039YH .video-wrapper-SrFGqK .thumbnail-wrap-sbL-fm .thumbnail-o87RB9 { object-fit: cover; border-radius: 16px } .agent-preview-video-dialog-ceroZJ .main-m039YH .video-wrapper-SrFGqK .thumbnail-wrap-sbL-fm .loading-vGuzeY { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0) } .agent-preview-video-dialog-ceroZJ .main-m039YH .video-wrapper-SrFGqK iframe { border-radius: 16px; background-color: var(--theme-bg-mask) } .question-list-psXaB9 { display: flex; flex-direction: column; gap: 8px } .question-list-psXaB9 .question-JeakHV { padding: 10px 14px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 20px; border-radius: 12px; background: var(--theme-fill-tsp-components-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; word-break: break-word; text-align: left; width: fit-content } .question-list-psXaB9 .question-JeakHV:hover { background: var(--theme-fill-tsp-components-primary) } .search-agent-card-G1kv2U { position: relative; padding: 12px; border-radius: 16px; width: 100%; background-color: var(--theme-bg-white); display: flex; flex-direction: column } .search-agent-card-G1kv2U .header-8lINJO { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; color: var(--theme-icon-primary) } .search-agent-card-G1kv2U .header-8lINJO .title-g9wBnb { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px } .search-agent-card-G1kv2U .header-8lINJO .title-g9wBnb .title-text-23kq1T { font-size: 14px; font-weight: 500 } .search-agent-card-G1kv2U .header-8lINJO .title-right-5qMIgR { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px } .search-agent-card-G1kv2U .header-8lINJO .title-right-5qMIgR .task-desc--cvb9o { color: var(--theme-icon-quaternary); font-size: 14px; font-weight: 400 } .search-agent-card-G1kv2U .header-8lINJO .title-right-5qMIgR .expand-icon-obZ-wF { color: var(--theme-icon-primary); transition: all .2s; transform: rotate(180deg); display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 24px; height: 24px; border-radius: 24px } .search-agent-card-G1kv2U .header-8lINJO .title-right-5qMIgR .expand-icon-obZ-wF:hover { background-color: var(--theme-fill-tsp-components-secondary) } .search-agent-card-G1kv2U .header-8lINJO .title-right-5qMIgR .expand-icon-obZ-wF.expand--j9F-q { transform: rotate(0) } .search-agent-card-G1kv2U .message-list-L36Yhs { width: 100%; display: flex; flex-direction: column; gap: 8px; margin-top: 8px; transition: height .2s; overflow-y: hidden } .search-agent-card-G1kv2U.fold-f68PVU.search-agent-card-G1kv2U { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: background-color .2s } .search-agent-card-G1kv2U.fold-f68PVU.search-agent-card-G1kv2U:hover { background-color: var(--theme-fill-tsp-components-secondary) } .search-agent-card-G1kv2U.fold-f68PVU .message-list-L36Yhs { margin-top: 0; height: 0px } .gray-bubble-hUFBKA { color: var(--theme-text-quaternary) !important } .search-agent-main-view-nOYjk0 { display: flex; flex-direction: column; flex: 1; min-height: 0px; align-items: center } .search-agent-main-view-nOYjk0.enough-space-f7BnJn .group-right-MOyECO { display: inline-flex !important } .search-agent-main-view-nOYjk0.enough-space-f7BnJn .sources-in-list-mrGtOU { display: none } .search-agent-main-view-nOYjk0 .header-DTFLKW { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 6px; width: 100%; padding-top: 20px; padding-left: 20px; padding-bottom: 0; position: relative; user-select: none; -webkit-user-select: none; -webkit-app-region: drag } .search-agent-main-view-nOYjk0 .header-DTFLKW .back-9Zsept { -webkit-app-region: no-drag; width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin-left: -12px } .search-agent-main-view-nOYjk0 .header-DTFLKW .back-9Zsept:hover { background-color: var(--theme-fill-tsp-components-secondary) } .search-agent-main-view-nOYjk0 .header-DTFLKW .name-tJNaIo { color: var(--theme-icon-primary); font-size: 16px; font-weight: 700 } .search-agent-main-view-nOYjk0 .header-DTFLKW:after { content: ""; position: absolute; left: 0; bottom: -20px; right: 0; z-index: 20; height: 20px; background: var(--theme-text-white-primary) } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz { width: 100%; flex: 1; min-height: 0px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-x: hidden; padding: 20px } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz::-webkit-scrollbar-track { background: transparent } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz::-webkit-scrollbar-thumb:hover { background: #00000062 } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz::-webkit-scrollbar-corner { background: transparent } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz .main-YRM4lz { display: flex; flex-direction: column; gap: 16px; max-width: 1060px; margin: 0 auto } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz .main-YRM4lz .group-ORCROl { display: flex; gap: 48px } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz .main-YRM4lz .group-ORCROl .group-left-AvhmVn { flex: 1; display: flex; flex-direction: column; gap: 16px; min-height: 0px; min-width: 0px; max-width: 620px } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz .main-YRM4lz .group-ORCROl .group-left-AvhmVn .welcome-msg-E5-ExQ { display: flex; flex-direction: column; gap: 8px } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz .main-YRM4lz .group-ORCROl .group-left-AvhmVn .welcome-msg-E5-ExQ .title-J3gJPR { color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px } .search-agent-main-view-nOYjk0 .main-wrapper-IuELZz .main-YRM4lz .group-divider-JixSVg { width: 100%; height: 1px; min-height: 1px; background-color: var(--transparent-black-8); margin: 8px 0 } .search-agent-main-view-nOYjk0 .input-wrapper-th-KEC { width: 100%; padding: 10px 14px; position: relative } .search-agent-main-view-nOYjk0 .input-wrapper-th-KEC:before { content: ""; position: absolute; top: -15px; left: 0; right: 0; height: 30px; background: var(--theme-text-white-primary) } .search-agent-main-view-nOYjk0 .input-wrapper-th-KEC .input-main-jvGqEq { display: flex; gap: 48px; max-width: 1060px; margin: 0 auto } .search-agent-main-view-nOYjk0 .input-wrapper-th-KEC .input-main-jvGqEq .input-6p5XCO { flex: 1; min-width: 0px; width: unset; padding: 0 } .search-agent-main-view-nOYjk0 .group-right-MOyECO { display: none; width: 400px; position: relative } .sticky-TSPpHl { position: sticky; top: 0; height: fit-content } .user-question-3H8BW0 { color: var(--theme-text-primary); font-size: 18px; font-weight: 500; line-height: 22px; text-align: left; word-wrap: break-word } .answer-O1wEjv { gap: 16px; display: flex; flex-direction: column; font-size: 16px } .answer-O1wEjv .answer-bubble-SrKMZE { border-radius: 16px } .task-operations-k29Yo1 { display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; top: -54px } .search-agent-input-pAZDLp { position: sticky; bottom: 0 } .monica-search-oNb9d6 { padding-bottom: 20px } .monica-search-oNb9d6 .input-wrapper-th-KEC { position: absolute; bottom: 10px } .monica-search-oNb9d6 .input-wrapper-th-KEC:before { content: none } .monica-search-oNb9d6 .group-ORCROl { min-height: calc(100vh - 114px) } .monica-search-oNb9d6 .group-ORCROl .group-left-AvhmVn { padding-bottom: 48px } .monica-search-oNb9d6 .sticky-TSPpHl { height: calc(100vh - 108px); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding-right: 10px } .monica-search-oNb9d6 .sticky-TSPpHl::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .monica-search-oNb9d6 .sticky-TSPpHl::-webkit-scrollbar-track { background: transparent } .monica-search-oNb9d6 .sticky-TSPpHl::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .monica-search-oNb9d6 .sticky-TSPpHl::-webkit-scrollbar-thumb:hover { background: #00000062 } .monica-search-oNb9d6 .sticky-TSPpHl::-webkit-scrollbar-corner { background: transparent } .search-agent-tools-JBIMCG { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: left; gap: 10px } .search-agent-tools-JBIMCG .search-tool-icon-BcwugH { color: var(--theme-icon-tertiary); width: 14px; height: 14px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left: 4px } .alert--mt0-9 { display: flex; align-items: center; border-radius: 8px; padding: 12px; gap: 8px } .alert--mt0-9 .alert-content-HjWy8p { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .alert--mt0-9.error-gyc3Jc { background: var(--theme-shadow-s1); color: #ff8b66 } .alert--mt0-9.error-gyc3Jc a { color: #ff8b66 } .alert--mt0-9.error-gyc3Jc a:hover { color: #ff3d00 } .bot-dialog-root-caIBDp { z-index: 4999 } .bot-guides-JPHxYA { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 16px } .bot-guides-JPHxYA .bot-guide-item-fSyySd { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 10px } .bot-guides-JPHxYA .bot-guide-item-fSyySd .title-QfFVBw { color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal } .bot-guides-JPHxYA .bot-guide-item-fSyySd .content-vxz9xT { border-radius: 20px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); padding: 8px 12px } .chat-input-Hl76d3 { width: 100%; display: flex; flex-direction: column } .chat-input-Hl76d3 .input-wrapper-SihLIz { margin-top: 10px; margin-bottom: 10px; position: relative; border-radius: 12px; transition: border-color .2s; border: 1.5px solid var(--theme-border-light) } .chat-input-Hl76d3 .input-wrapper-SihLIz.resized-H-0PLq { display: flex; flex-direction: column } .chat-input-Hl76d3 .input-wrapper-SihLIz.resized-H-0PLq .textarea-mentions-sSARBz { flex: 1; display: flex; flex-direction: column; width: 100% } .chat-input-Hl76d3 .input-wrapper-SihLIz.resized-H-0PLq .textarea-iDvrpd { flex: 1 } .chat-input-Hl76d3 .input-wrapper-SihLIz.resized-H-0PLq .input-box-1xAKQE { display: flex } .chat-input-Hl76d3 .input-wrapper-SihLIz.input-disabled-0-OTqQ { pointer-events: none; opacity: .5; cursor: not-allowed } .chat-input-Hl76d3 .input-wrapper-SihLIz .input-border-hover-qp62nu, .chat-input-Hl76d3 .input-wrapper-SihLIz:hover, .chat-input-Hl76d3 .input-wrapper-SihLIz.input-focus-VEcdhQ { border: 1.5px solid var(--theme-border-active) } .chat-input-Hl76d3 .input-wrapper-SihLIz .tag-ui1iCD { height: 30px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: left; margin-bottom: 4px; margin-left: -6px } .chat-input-Hl76d3 .input-wrapper-SihLIz .tag-ui1iCD .tag-item-Jxiq1i { border-radius: 17px; background-color: var(--theme-fill-tsp-components-primary); gap: 6px; height: 100%; padding: 0 10px; color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex } .chat-input-Hl76d3 .input-wrapper-SihLIz .tag-ui1iCD .tag-item-Jxiq1i .tag-item-close-aJFl9O { color: var(--theme-text-primary); height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: opacity .2s ease-in-out; opacity: 1 } .chat-input-Hl76d3 .input-wrapper-SihLIz .tag-ui1iCD .tag-item-Jxiq1i .tag-item-close-aJFl9O:hover { opacity: .4 } .chat-input-Hl76d3 .input-wrapper-SihLIz .input-box-1xAKQE { padding: 12px 12px 0; flex: 1; min-height: 0 } .chat-input-Hl76d3 .input-wrapper-SihLIz .textarea-iDvrpd { padding: unset !important; background-color: transparent !important; border: unset !important; border-radius: unset !important; transition: height 0s } .chat-input-Hl76d3 .input-wrapper-SihLIz .sender-p-TJV- { display: flex; padding: 0 12px; height: 32px; align-items: center } .chat-input-Hl76d3 .input-wrapper-SihLIz .sender-p-TJV- .input-msg-btn-KzyHDK { width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin-right: -6px; margin-left: auto; color: var(--theme-text-disable) } .chat-input-Hl76d3 .input-wrapper-SihLIz .sender-p-TJV- .input-msg-btn-KzyHDK:hover { background-color: var(--theme-fill-tsp-components-secondary) } .chat-input-Hl76d3 .input-wrapper-SihLIz .sender-p-TJV- .input-msg-btn-KzyHDK.active-j7piH6 { color: var(--theme-icon-brand) } .chat-input-Hl76d3 .input-wrapper-SihLIz .input-actions-RPkkTF { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 32px; min-height: 32px; padding: 8px 12px; border-top: 1px solid var(--theme-border-light); background: var(--theme-bg-gray-secondary); border-radius: 0 0 12px 12px } .chat-input-Hl76d3 .input-wrapper-SihLIz .input-actions-RPkkTF .input-actions-left-Bi-OTX { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: left; gap: 6px; margin-left: -6px } .chat-input-Hl76d3 .input-wrapper-SihLIz .input-actions-RPkkTF .input-actions-left-Bi-OTX .input-action-item-UZPEUL { font-size: 16px; color: var(--theme-icon-quaternary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 3px; border-radius: 50%; transition: background-color .2s; display: inline-flex } .chat-input-Hl76d3 .input-wrapper-SihLIz .input-actions-RPkkTF .input-actions-left-Bi-OTX .input-action-item-UZPEUL:hover { background-color: var(--theme-border-quaternary) } .chat-input-Hl76d3 .input-wrapper-SihLIz .input-actions-RPkkTF .input-actions-right-Um5rdS { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 1; min-width: 0 } .chat-input-Hl76d3 .input-wrapper-SihLIz .input-actions-RPkkTF .input-actions-right-Um5rdS .upgrade-badge-d-7IXT { flex: 1; min-width: 0; display: flex; justify-content: flex-end } .chat-input-Hl76d3 .input-wrapper-SihLIz .input-actions-RPkkTF .input-actions-right-Um5rdS .upgrade-badge-d-7IXT .upgrade-hidden-dI6wYm { visibility: hidden } .chat-input-Hl76d3 .input-wrapper-SihLIz .input-actions-RPkkTF .input-actions-right-Um5rdS .gpt4-switch-2SGdHM { display: flex; gap: 4px } .chat-input-Hl76d3 .artist-send-9LE3EP { border-radius: 6px; font-size: 13px; height: 26px } .chat-input-Hl76d3 .artist-send-9LE3EP .cost-6Ebdzb { display: inline-flex; align-items: center; gap: 2px; margin-left: 4px; color: var(--theme-icon-white-primary); opacity: .65 } .mentions-wBAX-n { width: 361px; max-height: 361px; border-radius: 16px; background-color: var(--theme-bg-white); box-shadow: 0 3.2px 12px 0 var(--theme-shadow-s2), 0 5px 25px 0 var(--theme-shadow-s1); transform: translateY(-100%); position: absolute; z-index: 999; display: flex; flex-direction: column; gap: 6px; padding-top: 12px } .mentions-wBAX-n .prompts-4j9Y9u { flex: 1; min-height: 0; position: relative; display: flex; flex-direction: column; overflow: hidden overlay; padding: 0 10px 12px 12px; gap: 12px; margin-right: 2px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .mentions-wBAX-n .prompts-4j9Y9u::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .mentions-wBAX-n .prompts-4j9Y9u::-webkit-scrollbar-track { background: transparent } .mentions-wBAX-n .prompts-4j9Y9u::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .mentions-wBAX-n .prompts-4j9Y9u::-webkit-scrollbar-thumb:hover { background: #00000062 } .mentions-wBAX-n .prompts-4j9Y9u::-webkit-scrollbar-corner { background: transparent } .mentions-wBAX-n .prompts-4j9Y9u .group-of-YbM { width: 100%; display: flex; flex-direction: column; gap: 12px } .mentions-wBAX-n .prompts-4j9Y9u .group-of-YbM .title-c4n1LQ { padding: 0 12px; font-size: 14px; font-weight: 500; line-height: 18px; color: var(--theme-icon-quaternary); user-select: none } .mentions-wBAX-n .prompts-4j9Y9u .group-of-YbM .content-ZEtISR { display: flex; flex-direction: column; gap: 4px; cursor: pointer } .mentions-wBAX-n .prompts-4j9Y9u .group-of-YbM .content-ZEtISR .item-VDDsOO { padding: 8px 12px; border-radius: 8px; line-height: 22px; font-size: 14px; font-weight: 500; color: var(--theme-icon-primary) } .mentions-wBAX-n .prompts-4j9Y9u .group-of-YbM .content-ZEtISR .item-VDDsOO.active-XU5wMn { background-color: var(--theme-fill-tsp-components-secondary) } .mentions-wBAX-n .prompts-4j9Y9u .group-of-YbM .content-ZEtISR .item-VDDsOO .highlight-0lZeAJ { background-color: unset; color: var(--theme-icon-brand) } .mentions-wBAX-n .prompts-4j9Y9u .empty-MNJAWX { height: 24px; line-height: 24px; padding: 0 8px; color: var(--theme-icon-quaternary) } .mentions-wBAX-n .tips-c64B9U { height: 38px; display: flex; flex-shrink: 0; align-items: center; border-radius: 0 0 16px 16px; background-color: var(--theme-bg-gray-secondary) } .mentions-wBAX-n .tips-c64B9U .tips-item-qVUbgn { flex: 1; font-size: 14px; font-weight: 500; line-height: 22px; display: flex; align-items: center; justify-content: center; gap: 4px; color: var(--theme-icon-quaternary) } .mentions-wBAX-n .tips-c64B9U .tips-item-qVUbgn span { color: var(--theme-text-primary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; max-width: 82px } .textarea-mentions-QHuHjJ { position: relative; width: 100% } .checkbox-group-Bofecy { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; justify-content: left } .checkbox-group-Bofecy .checkbox-item-1O-BSO { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px } .checkbox-group-Bofecy .checkbox-item-1O-BSO.disabled-XRWRU1 { cursor: not-allowed } .checkouts-qDMQiu { display: grid; height: 100%; width: 100%; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; background: #f5f5f5 } .checkouts-qDMQiu .main-okj6Ms { height: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; background: var(bg-menu-gray) } .checkouts-qDMQiu .main-okj6Ms::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .checkouts-qDMQiu .main-okj6Ms::-webkit-scrollbar-track { background: transparent } .checkouts-qDMQiu .main-okj6Ms::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .checkouts-qDMQiu .main-okj6Ms::-webkit-scrollbar-thumb:hover { background: #00000062 } .checkouts-qDMQiu .main-okj6Ms::-webkit-scrollbar-corner { background: transparent } .checkouts-qDMQiu .main-okj6Ms .content-c4EvQe { display: grid; width: 100%; margin: 0 auto; flex: 1; height: auto; grid-template-columns: 50% 50%; grid-template-rows: 1fr; align-items: center; justify-content: center; height: 100%; padding: 24px 0 } .checkouts-qDMQiu .main-okj6Ms .content-c4EvQe .left-Wcm7ho { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 16px; padding: 0 16px; height: 100% } .checkouts-qDMQiu .plan-WxYPG4 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 24px; align-items: flex-start; max-width: 670px; padding-top: 32px; margin-top: -60px } .checkouts-qDMQiu .plan-WxYPG4 .header-5HAbmX { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 12px } .checkouts-qDMQiu .plan-WxYPG4 .header-5HAbmX .logo-DmlhoZ { color: #000; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal } .checkouts-qDMQiu .plan-WxYPG4 .header-5HAbmX .plan-name-FPMgaz { color: #000; font-size: 24px; font-style: normal; font-weight: 590; line-height: normal } .checkouts-qDMQiu .plan-WxYPG4 .header-5HAbmX .price-jUwWWs { color: #262626; text-align: center; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal } .checkouts-qDMQiu .plan-WxYPG4 .header-5HAbmX .price-jUwWWs strong { font-size: 32px } .checkouts-qDMQiu .plan-WxYPG4 .header-5HAbmX .charged-after-trial-ahQVRu { color: #000; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal } .checkouts-qDMQiu .plan-WxYPG4 .header-5HAbmX .trial-tips-DOMQ1I { color: #8c8c8c; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; cursor: help } .checkouts-qDMQiu .plan-WxYPG4 .benefits-5LLZev { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; align-items: flex-start } .checkouts-qDMQiu .plan-WxYPG4 .benefits-5LLZev .benefit-VspBqs { color: #262626; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal } .checkouts-qDMQiu .feature-card--EbMS1 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; align-items: flex-start } .checkouts-qDMQiu .feature-card--EbMS1 .feature-TGNrhw { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; align-items: normal } .checkouts-qDMQiu .feature-card--EbMS1 .feature-TGNrhw .icon-0lu4e4 { padding-top: 3px } .checkouts-qDMQiu .feature-card--EbMS1 .feature-TGNrhw .feature-content-i-4VFo { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 2px; align-items: flex-start } .checkouts-qDMQiu .feature-card--EbMS1 .feature-TGNrhw .feature-content-i-4VFo .label-k55-9E { color: #262626; font-size: 16px; font-weight: 500; line-height: 22px } .checkouts-qDMQiu .feature-card--EbMS1 .feature-TGNrhw .feature-content-i-4VFo .label-k55-9E .tips-2GonrB { display: inline-flex; vertical-align: middle; margin-left: 4px; cursor: help; position: relative; top: -2px } .checkouts-qDMQiu .feature-card--EbMS1 .feature-TGNrhw .feature-content-i-4VFo .description-rB0XR8 { color: #8c8c8c; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal } .checkouts-qDMQiu .code-benefit-yzdgx1 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; align-items: flex-start } .checkouts-qDMQiu .code-benefit-yzdgx1 .code-benefit-title-XpfaR4 { color: var(--theme-text-primary); font-size: 16px; font-weight: 600 } .checkouts-qDMQiu .code-benefit-yzdgx1 .code-benefit-title-XpfaR4 .highlight-5sJNuP { color: var(--theme-text-brand) } .checkouts-qDMQiu .other-benefit-title-ofiBOs { margin-top: 24px; color: var(--theme-text-tertiary); font-size: 16px; font-weight: 400 } .checkouts-qDMQiu .other-benefit-title-ofiBOs .highlight-5sJNuP { color: var(--theme-text-brand); font-weight: 600 } .tooltip-content-zLaAAH { display: flex; flex-direction: column; gap: 8px } .tooltip-content-zLaAAH .tooltip-title-AjunfM { color: #fffeff; font-size: 13px; font-weight: 500 } .tooltip-content-zLaAAH .tooltip-desc-rmexc8 { color: #fffeff99; font-size: 13px; font-weight: 400 } .tooltip-link-IcCJ8K { color: var(--theme-text-link) } .tooltip-link-IcCJ8K:hover, .tooltip-link-IcCJ8K:active { color: var(--theme-text-link-active) } .tooltip-link-IcCJ8K:hover { opacity: .9 } @media (max-width: 1024px) { .checkouts-qDMQiu .main-okj6Ms .content-c4EvQe { grid-template-columns: 1fr; row-gap: 20px } } .language-select-content-ya2OGQ { padding: 8px; border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2); border: 1px solid var(--theme-border-white) } .popover-overlay-xy-PkT { padding: 0 !important } .language-select-content-1YYpeC { padding: 8px; border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2); border: 1px solid var(--theme-border-white) } .header-j1-rmG { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; padding: 10px 18px 10px 21px; justify-content: space-between; border-bottom: 1px solid var(--theme-btn-border-primary); background: var(--theme-bg-white); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1); height: 60px } .header-j1-rmG .lang-select-RBEpEl { background: var(--theme-text-white-primary); border: 1.5px solid var(--common-8, rgba(0, 0, 0, .08)); border-radius: 6px } .collapse-x9hZzs { visibility: visible } .common-report-dialog-906kgt { padding: 16px } .common-report-dialog-906kgt .header-fN3PAg { font-weight: 600; font-size: 18px; line-height: 22px; color: var(--theme-text-primary); text-align: center; margin-bottom: 16px } .common-report-dialog-906kgt .main-Iuc7US { display: flex; flex-direction: column; gap: 16px } .common-report-dialog-906kgt .main-Iuc7US .guides-n89kQr { display: flex; flex-direction: column; gap: 8px } .common-report-dialog-906kgt .main-Iuc7US .guides-n89kQr .guide-item-9KILDu { display: flex; flex-direction: row; gap: 8px; font-weight: 400; font-size: 14px; line-height: 22px; color: var(--theme-text-secondary) } .common-report-dialog-906kgt .main-Iuc7US .form-item-KWn6Ro { display: flex; flex-direction: column; gap: 8px } .common-report-dialog-906kgt .main-Iuc7US .form-item-KWn6Ro .form-title-Pm3hcT { font-weight: 600; font-size: 14px; line-height: 22px; color: var(--theme-text-primary) } .common-report-dialog-906kgt .footer-Vjc4SG { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 10px; margin-top: 16px } .input-overwrite-rlKUmP { word-wrap: break-word; white-space: pre-wrap; border: 1.5px solid var(--theme-border-light); border-radius: 4px; box-shadow: unset !important; padding: 4px 12px; outline: 0; font-size: 14px; color: var(--theme-text-primary); background: var(--theme-fill-tsp-components-secondary) } .input-overwrite-rlKUmP::placeholder { color: var(--theme-text-disable) } .input-overwrite-rlKUmP:hover { border-color: var(--theme-border-active) } .input-overwrite-rlKUmP:focus { border-color: var(--theme-border-active) } .input-overwrite-rlKUmP[disabled] { background-color: var(--theme-btn-fill-secondary-hover); border-color: var(--theme-btn-fill-secondary); color: var(--theme-text-quaternary); cursor: not-allowed } .dialog-root-oGAaxE { position: fixed; left: 0; top: 0; z-index: 5000 } .disable-confirm-dialog-vJxldK { display: flex; flex-direction: column; padding: 16px 16px 24px } .disable-confirm-dialog-vJxldK .title-8F7les { font-weight: 600; font-size: 18px; line-height: 22px; text-align: center; color: var(--theme-text-primary); margin-bottom: 16px } .disable-confirm-dialog-vJxldK .radio-group-z8gL5f { display: flex !important; margin-bottom: 4px } .disable-confirm-dialog-vJxldK .radio-group-z8gL5f .label-Hnce2z { font-weight: 400 !important } .disable-confirm-dialog-vJxldK .desc-q4lf2C { font-weight: 400; font-size: 13px; line-height: 20px; color: var(--theme-text-quaternary) } .disable-confirm-dialog-vJxldK .desc-q4lf2C .link-ijH6LY { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .disable-confirm-dialog-vJxldK .desc-q4lf2C .link-ijH6LY:hover, .disable-confirm-dialog-vJxldK .desc-q4lf2C .link-ijH6LY:active { opacity: .8 } .disable-confirm-dialog-vJxldK .footer-VvkPQD { margin-top: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: right; gap: 12px } .download-group-content-e5LT-g { display: flex; justify-content: center; align-items: center; flex-direction: column; min-width: 100%; padding: 8px; gap: 4px; background: var(--common-white); border-radius: 12px; box-shadow: 0 4px 24px #919eab24, 0 0 2px #919eab33 } .download-group-content-e5LT-g .platform-oj3J-O { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; gap: 8px; border-radius: 8px; padding: 8px 12px; color: var(--theme-text-title); font-size: 14px; justify-content: flex-start } .download-group-content-e5LT-g .platform-oj3J-O:hover, .download-group-content-e5LT-g .platform-oj3J-O:focus { background: var(--transparent-grayblue-8) } .download-group-content-e5LT-g .platform-oj3J-O .info-9OyYv5 { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start } .download-group-content-e5LT-g .platform-oj3J-O .info-9OyYv5 .name-IOXjNW { color: var(--theme-text-title); font-size: 14px; font-weight: 500; line-height: 22px } .download-group-content-e5LT-g .platform-oj3J-O .info-9OyYv5 .chip-A6KRaI { color: var(--text-secondary); font-size: 12px; font-weight: 400; line-height: 18px } .download-group-wrap-xzaYYB { position: relative; min-width: 200px; flex: 1 } .download-group-wrap-xzaYYB .download-group-root-g43Yz7 { width: 100%; padding: 8px 0 0 !important } .download-group-ScnIa2 { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; gap: 6px; height: 56px; width: 100%; padding: 16px 24px; background-color: var(--transparent-grayblue-8); border-radius: 12px; color: var(--grayblue-800); text-align: center; font-size: 16px; font-weight: 500; line-height: 24px; white-space: nowrap; transition: background-color .2s } .download-group-ScnIa2 .arrow-DowGD5 { transition: transform .25s ease } .download-group-ScnIa2.active-ZTmtYA>.arrow-DowGD5 { transform: rotate(180deg) } .download-group-ScnIa2.active-ZTmtYA, .download-group-ScnIa2:hover, .download-group-ScnIa2:focus { background-color: var(--transparent-grayblue-12) } .step1-ndVUBV { display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: flex-start; gap: 16px; padding: 20px 40px 24px; position: relative; margin: auto } .step1-ndVUBV .title-gvF8Ha, .step1-ndVUBV .full-title-VO50-k { display: flex; justify-content: center; align-items: center; flex-direction: column; color: var(--theme-icon-primary); text-align: center; font-size: 24px; font-style: normal; font-weight: 700; line-height: 36px } .step1-ndVUBV .title-gvF8Ha mark, .step1-ndVUBV .full-title-VO50-k mark { color: var(--theme-icon-brand); background: transparent } .step1-ndVUBV .full-title-VO50-k { display: block } .step1-ndVUBV .slogan-WF5TZF { gap: 4px; color: var(--theme-text-secondary); font-size: 16px; font-weight: 400; line-height: 22px } .step1-ndVUBV .slogan-WF5TZF .monica-V-SUKI { font-size: 16px; font-weight: 600; line-height: 24px; margin-left: 4px } .step1-ndVUBV .powered-by-HKR0-R { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px } .step1-ndVUBV .powered-by-HKR0-R .item-SMCIz4:not(:first-child):before { content: "+"; margin-right: 8px; color: var(--theme-text-quaternary) } .step1-ndVUBV .powered-by-HKR0-R .item-SMCIz4 { display: flex; flex-direction: row; justify-content: center; align-items: center; flex: 1; color: var(--theme-icon-primary); font-size: 16px; font-weight: 500; line-height: 24px; gap: 2px; padding: 6px 0; white-space: nowrap } .step1-ndVUBV .powered-by-HKR0-R .item-SMCIz4 b { font-weight: 700 } .step1-ndVUBV .features-t7zEpy { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; gap: 16px; flex-wrap: wrap } .step1-ndVUBV .features-t7zEpy .feature-0bFIW3 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px; background: var(--theme-bg-white); border-radius: 16px; align-items: flex-start; overflow: hidden } .step1-ndVUBV .features-t7zEpy .feature-0bFIW3 .footer-KfNPIU { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; justify-content: space-between; padding: 4px 12px 8px 8px } .step1-ndVUBV .features-t7zEpy .feature-0bFIW3 .name-q-esot { color: var(--theme-icon-primary); font-size: 16px; font-weight: 700; line-height: 24px } .step1-ndVUBV .features-t7zEpy .feature-0bFIW3 .tag-QVVMeN { display: flex; height: 24px; padding: 0 12px; justify-content: center; align-items: center; gap: 4px; border-radius: 99px; background: linear-gradient(113deg, var(--theme-btn-fill-tertiary-hover) 13.21%, var(--theme-btn-fill-tertiary) 73.72%); color: var(--theme-function-info); font-size: 12px; font-weight: 600; line-height: 18px } .step1-ndVUBV .button-SkIvL9 { min-width: 360px } .step1-ndVUBV .skip-geWEOa { position: absolute; right: 40px; bottom: 35px; border-radius: 6px; border: 1px solid var(--theme-shadow-s1); padding: 4px 12px; background: var(--theme-text-white-primary); color: var(--theme-text-quaternary); font-weight: 400; line-height: 22px; min-height: 30px; height: 30px; font-size: 16px; min-width: 57px } .step1-ndVUBV .skip-geWEOa:hover, .step1-ndVUBV .skip-geWEOa:focus { background: var(--theme-shadow-s1) } .step1-ndVUBV.from-chat-pdf-RCsKJ4 .slogan-WF5TZF { display: none } .step1-ndVUBV.from-chat-pdf-RCsKJ4 .powered-by-HKR0-R { background-color: var(--theme-bg-menu-white); padding: 6px 30px; border-radius: 8px } .download-monica-dialog-JzprN3 { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 24px !important; align-items: stretch; height: 772px } .download-monica-dialog-JzprN3 .container-frN-Hr { width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: stretch } .download-monica-dialog-JzprN3 .container-frN-Hr .left-panel-glGm8c { align-items: flex-start; width: 240px; height: 100%; padding: 40px 20px; background: var(--theme-btn-fill-tertiary); backdrop-filter: blur(2px) } .download-monica-dialog-JzprN3 .container-frN-Hr .right-panel-G0Wc1e { display: flex; align-items: center; justify-content: stretch; flex-direction: column; flex: 1; height: 100%; background: var(--theme-bg-gray-secondary); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .download-monica-dialog-JzprN3 .container-frN-Hr .right-panel-G0Wc1e::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .download-monica-dialog-JzprN3 .container-frN-Hr .right-panel-G0Wc1e::-webkit-scrollbar-track { background: transparent } .download-monica-dialog-JzprN3 .container-frN-Hr .right-panel-G0Wc1e::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .download-monica-dialog-JzprN3 .container-frN-Hr .right-panel-G0Wc1e::-webkit-scrollbar-thumb:hover { background: #00000062 } .download-monica-dialog-JzprN3 .container-frN-Hr .right-panel-G0Wc1e::-webkit-scrollbar-corner { background: transparent } .wrap-KLPlCI { display: flex; max-width: 100% } .ellipsis-tooltip-text-dH4Zbc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .form-item-H2IO7E { position: relative } .form-item-H2IO7E .error-msg-2jaIdd { position: absolute; bottom: -18px; left: 0; color: #ff3d00; font-size: 12px } .form-item-with-error-AdhRn7 .ant-input { border-color: #ff3d00 !important } .form-item-q2C66J { position: relative } .form-item-q2C66J .error-msg-9hWb24 { position: absolute; bottom: -16px; left: 0; color: var(--theme-function-error); font-size: 12px; display: flex; align-items: center } .form-item-with-error--IdsY- .ant-input, .form-item-with-error--IdsY- .monica-input { border-color: #ff3d00 !important } .human-machine-verification-CRzZXc { width: 100% } .logo-KC9zez, .logo-KC9zez .text-wrap-Vrb-OZ { display: flex; align-items: center } .logo-KC9zez .title-9iOxXM { display: flex; align-items: center; height: 18px; line-height: 18px; color: var(--theme-text-primary); font-weight: 500 } .logo-KC9zez .title-9iOxXM svg path { fill: var(--theme-icon-primary) } .logo-KC9zez .feature-name-s-IarI { color: var(--theme-icon-primary); font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin-left: 8px } .logo-img-Z9rGDy { -webkit-user-drag: none } @media screen and (max-width: 767.98px) { .logo-KC9zez .feature-name-s-IarI { display: none } } .apps-kkSe-G { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; justify-content: flex-start; border-radius: 20px; background: var(--theme-bg-gray-secondary); gap: 12px; padding: 20px; max-height: max-content } .apps-kkSe-G .title-Sr1eiK { color: var(--theme-text-primary); font-size: 18px; font-weight: 700; line-height: 26px } .apps-kkSe-G .app-list-nNig-j { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; width: 232px; gap: 20px; margin-left: -8px } .apps-kkSe-G .content-Jrq8kY { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: unset; width: 100%; gap: 8px; color: var(--theme-icon-tertiary); padding: 4px 8px; border-radius: 12px; transition: all .2s } .apps-kkSe-G .content-Jrq8kY:hover { background: var(--theme-bg-white) } .apps-kkSe-G .content-Jrq8kY .icon-rcml-h { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px 6px; color: var(--theme-icon-primary); font-size: 20px; font-weight: 700; line-height: 22px } .apps-kkSe-G .content-Jrq8kY .arrow-x3GlXA { display: inline-flex; margin-left: auto } .apps-kkSe-G .content-Jrq8kY .text-CDi8gg { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; white-space: nowrap; flex: 1 1 auto; overflow: hidden } .apps-kkSe-G .content-Jrq8kY .text-CDi8gg .name-Edr-Ma { color: var(--theme-icon-primary); font-size: 14px; font-weight: 700; line-height: 22px; white-space: normal } .apps-kkSe-G .content-Jrq8kY .text-CDi8gg .desc-4jO9BV { color: var(--theme-icon-quaternary); font-size: 12px; font-weight: 400; line-height: 18px; white-space: normal } @media screen and (max-width: 991.98px) { .apps-kkSe-G .title-Sr1eiK { color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px } .apps-kkSe-G .app-list-nNig-j { padding: 0 !important; width: 100%; background-color: transparent } .apps-kkSe-G .app-list-nNig-j .content-Jrq8kY { padding: 4px 0 } .toolkit-Ehlm-g { padding: 20px 8px } .toolkit-Ehlm-g .title-Sr1eiK { color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px } .toolkit-Ehlm-g .toolkit-list-ddvIa4 { width: 100%; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap } .toolkit-Ehlm-g .toolkit-list-ddvIa4 .left-list-Vtddrq, .toolkit-Ehlm-g .toolkit-list-ddvIa4 .right-list-xTTjv3 { display: flex; flex-direction: column; flex: 1; max-width: calc(50% - 20px) } .toolkit-Ehlm-g .toolkit-list-ddvIa4 .left-list-Vtddrq .feature-category-Demmyp .category-name-imx2hk, .toolkit-Ehlm-g .toolkit-list-ddvIa4 .right-list-xTTjv3 .feature-category-Demmyp .category-name-imx2hk { white-space: nowrap; padding: 0; border: none; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .toolkit-Ehlm-g .toolkit-list-ddvIa4 .left-list-Vtddrq .feature-category-Demmyp li, .toolkit-Ehlm-g .toolkit-list-ddvIa4 .right-list-xTTjv3 .feature-category-Demmyp li { color: var(--theme-icon-primary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px } } .vscode-icon-qfJG7r { width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px } @media screen and (max-width: 1300px) { .apps-kkSe-G { gap: 8px } .apps-kkSe-G .app-list-nNig-j { gap: 12px; padding: 12px } } .products-popover-ebys6R { position: relative } .products-overlay-Np9kEZ { padding: 0 !important } .products-popover-content-3VuNEj { display: flex; flex-direction: row; align-items: center; padding: 32px 20px; justify-content: center; align-items: flex-start; gap: 48px; width: 100vw; background: var(--theme-bg-tsp-white-primary); backdrop-filter: blur(28px); box-shadow: 0 30px 30px #0000001f } .products-popover-content-3VuNEj.card-tzN0Ox { width: calc(100vw - 16px); border: 1px solid var(--theme-border-primary); border-radius: 8px; box-shadow: 0 4px 30px #0000001f; transform: translate(8px) } @media screen and (max-width: 1400px) { .products-popover-content-3VuNEj { padding: 32px 20px } } .toolkit-BvZeLw { flex: 1 1 auto; max-width: fit-content; max-height: 80vh; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .toolkit-BvZeLw::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .toolkit-BvZeLw::-webkit-scrollbar-track { background: transparent } .toolkit-BvZeLw::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .toolkit-BvZeLw::-webkit-scrollbar-thumb:hover { background: #00000062 } .toolkit-BvZeLw::-webkit-scrollbar-corner { background: transparent } .toolkit-BvZeLw .toolkit-list-WV-Vtk { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; align-items: stretch; gap: 20px } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg { display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: stretch; gap: 20px } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX .feature-category-tmmGg5, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg .feature-category-tmmGg5 { padding: 0 12px; max-width: 198px } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX .feature-category-tmmGg5 .category-name-l7J59M, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg .feature-category-tmmGg5 .category-name-l7J59M { color: var(--theme-text-brand); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding: 16px 0 8px; display: flex; align-items: center; gap: 6px; font-weight: 600; cursor: pointer; user-select: none; white-space: nowrap; overflow: hidden; max-width: 100%; width: fit-content } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX .feature-category-tmmGg5 .category-name-l7J59M .text-7J3812, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg .feature-category-tmmGg5 .category-name-l7J59M .text-7J3812 { max-width: 90%; overflow: hidden; text-overflow: ellipsis } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX .feature-category-tmmGg5 .category-name-l7J59M:hover, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg .feature-category-tmmGg5 .category-name-l7J59M:hover { opacity: .8 } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX .feature-category-tmmGg5 .category-name-l7J59M:active, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg .feature-category-tmmGg5 .category-name-l7J59M:active { opacity: .7 } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX .feature-category-tmmGg5 .divider-BIxL7X, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg .feature-category-tmmGg5 .divider-BIxL7X { width: 100%; height: 1px; background-color: var(--theme-border-primary); margin: 8px 0 } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX .feature-category-tmmGg5 li, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg .feature-category-tmmGg5 li { padding: 8px 12px 8px 0; min-width: 180px } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX .feature-category-tmmGg5 li a, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg .feature-category-tmmGg5 li a { color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX .feature-category-tmmGg5 li a:hover, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg .feature-category-tmmGg5 li a:hover { color: var(--theme-icon-tertiary) } @media screen and (max-width: 991.98px) { .toolkit-BvZeLw .toolkit-list-WV-Vtk { width: 100%; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg { display: flex; flex-direction: column; flex: 1; max-width: calc(50% - 20px) } .toolkit-BvZeLw .toolkit-list-WV-Vtk .left-list-sG1BVX .feature-category-tmmGg5 li, .toolkit-BvZeLw .toolkit-list-WV-Vtk .right-list-VPbByg .feature-category-tmmGg5 li { color: var(--theme-icon-primary); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px } } @media screen and (max-width: 1300px) { .products-popover-content-3VuNEj { padding: 24px; gap: 28px; overflow-x: auto } .toolkit-BvZeLw .toolkit-list-WV-Vtk .feature-category-tmmGg5 li { min-width: 120px } } .index-page-header-pSoPsY { display: flex; justify-content: center; align-items: center; flex-direction: column; position: sticky; top: 0; z-index: 10 } .index-page-header-pSoPsY .wrap-0w0UZW { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 48px; padding: 12px 120px; width: 100% } .index-page-header-pSoPsY.bg-thK9zY { background: rgba(255, 255, 255, .8); backdrop-filter: blur(6px) } .index-page-header-pSoPsY.sidebar-jVoreU { background: var(--theme-bg-white) } .index-page-header-pSoPsY .product-name-o6TtSN { font-weight: 700; color: var(--grayblue-800); line-height: 28px } .index-page-header-pSoPsY .login-download-4VDlkF { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; height: 32px } .index-page-header-pSoPsY .nav-rB4EZm { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 24px; flex-wrap: wrap; height: 30px; overflow: hidden } .index-page-header-pSoPsY .nav-rB4EZm .nav-item-G18L8a { display: flex; flex-direction: row; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; font-size: 14px; font-weight: 500; line-height: 22px; color: var(--grayblue-800); padding: 4px 8px; justify-content: center; align-items: center; gap: 4px; border-radius: 8px; transition: background .2s; white-space: nowrap } .index-page-header-pSoPsY .nav-rB4EZm .nav-item-G18L8a .title--LQ8p6 { all: unset; display: flex; flex-direction: row; justify-content: center; align-items: center; white-space: nowrap; gap: 4px } .index-page-header-pSoPsY .nav-rB4EZm .nav-item-G18L8a .icon-mXKxQJ { transform: rotate(-180deg) } .index-page-header-pSoPsY .nav-rB4EZm .nav-item-G18L8a.active-LAtRwx, .index-page-header-pSoPsY .nav-rB4EZm .nav-item-G18L8a:hover { background: var(--transparent-grayblue-8); color: var(--brand-500) } .index-page-header-pSoPsY .language-select-byjrEi { border-radius: 8px; color: var(--brand-500) } .index-page-header-pSoPsY .language-select-byjrEi .languageSelectContent-owkKZf { color: var(--brand-500) } .index-page-header-pSoPsY .user-info-37zGHy { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; height: 32px; margin-right: 8px } .index-page-header-pSoPsY .user-info-37zGHy .avatar-s9dcp6 { width: 32px; height: 32px; border-radius: 32px; object-fit: cover } .index-page-header-pSoPsY .user-info-37zGHy .username-NodGX7 { color: var(--grayblue-800); font-size: 14px; font-weight: 500; line-height: 22px; white-space: nowrap } .index-page-header-pSoPsY .login-ugPTCs { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 80px; padding: 4px 12px; border-radius: 10px; transition: background .2s; font-size: 14px; font-weight: 500; line-height: 24px; border: 1px solid var(--theme-border-primary); color: var(--theme-text-primary); white-space: nowrap } .index-page-header-pSoPsY .login-ugPTCs:hover { background: var(--transparent-grayblue-8); color: var(--theme-text-brand) } .resources-ZjfDsw .card-JnnZaK { display: flex; padding: 12px; flex-direction: column; gap: 4px; border-radius: 12px; background: var(--theme-bg-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .resources-ZjfDsw .card-JnnZaK .popover-item-MFjvQ7 { padding: 4px 8px; font-size: 14px; line-height: 22px; font-weight: 500; border-radius: 8px; transition: all .2s ease-in-out; color: var(--theme-text-primary); cursor: pointer; white-space: nowrap } .resources-ZjfDsw .card-JnnZaK .popover-item-MFjvQ7:hover { background-color: var(--theme-fill-tsp-components-secondary) } .careers-popover-WSK84m { display: flex; padding: 12px; flex-direction: column; gap: 4px; border-radius: 12px; background: var(--theme-bg-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); width: 280px } .careers-popover-WSK84m .careers-desc-fivFOC { font-size: 14px; line-height: 22px; font-weight: 500; border-radius: 8px; transition: all .2s ease-in-out; color: var(--theme-text-primary) } .careers-popover-WSK84m .apply-DysaQ1 { color: var(--theme-text-primary) } .careers-popover-WSK84m .apply-DysaQ1 .email-qUWlOe { user-select: initial } .careers-popover-WSK84m .apply-DysaQ1 .email-qUWlOe:hover { opacity: .7; color: var(--theme-text-brand) } .mobile-umGu7v { justify-content: space-between; padding: 0 } .mobile-umGu7v .wrap-0w0UZW { justify-content: space-between } .mobile-umGu7v .wrap-0w0UZW .rt-menu-OGJoRW { display: flex; align-items: center; gap: 16px } .dark-theme-KtF0Xn .login-download-4VDlkF .login-ugPTCs, .dark-theme-KtF0Xn .user-info-37zGHy .username-NodGX7, .dark-theme-KtF0Xn .nav-rB4EZm .nav-item-G18L8a { color: #f8fafc } .dark-theme-KtF0Xn .language-select-byjrEi, .dark-theme-KtF0Xn .language-select-byjrEi .language-select-content-w25-Dd span { color: #dbdbdb } .dark-theme-KtF0Xn .product-name-o6TtSN .product-name-title-4IxTLr svg path { fill: #f8fafc } .index-page-header-pSoPsY.dark-mHNfqV .login-download-4VDlkF .login-ugPTCs, .index-page-header-pSoPsY.dark-mHNfqV .user-info-37zGHy .username-NodGX7, .index-page-header-pSoPsY.dark-mHNfqV .nav-rB4EZm .nav-item-G18L8a { color: #f8fafc } .index-page-header-pSoPsY.dark-mHNfqV .language-select-byjrEi, .index-page-header-pSoPsY.dark-mHNfqV .language-select-byjrEi .language-select-content-w25-Dd span { color: #dbdbdb } .index-page-header-pSoPsY.dark-mHNfqV .product-name-o6TtSN .product-name-title-4IxTLr svg path { fill: #f8fafc } @media screen and (max-width: 1400px) { .index-page-header-pSoPsY .wrap-0w0UZW { gap: 18px; padding: 12px 20px } .index-page-header-pSoPsY .login-download-4VDlkF { gap: 6px } .index-page-header-pSoPsY .nav-rB4EZm { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px } .index-page-header-pSoPsY .nav-rB4EZm .nav-item-G18L8a .title--LQ8p6 { max-width: 130px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; display: inline-block; white-space: nowrap } } ._monica-dark .index-page-header-pSoPsY .login-download-4VDlkF .login-ugPTCs, ._monica-dark .index-page-header-pSoPsY .user-info-37zGHy .username-NodGX7, ._monica-dark .index-page-header-pSoPsY .nav-rB4EZm .nav-item-G18L8a { color: #f8fafc } ._monica-dark .index-page-header-pSoPsY .language-select-byjrEi, ._monica-dark .index-page-header-pSoPsY .language-select-byjrEi .language-select-content-w25-Dd span { color: #dbdbdb } ._monica-dark .index-page-header-pSoPsY .product-name-o6TtSN .product-name-title-4IxTLr svg path { fill: #f8fafc } .sidebar-XtcEhr { position: relative; color: var(--theme-icon-primary) } .panel-O1kqdv { position: relative; width: 100vw; background: var(--theme-bg-white); padding: 0 24px; overflow: hidden scroll } .panel-O1kqdv .menu-2MEe6C { display: block; width: 100%; padding: 15px 0; font-size: 16px; font-weight: 600; line-height: 22px; color: var(--theme-text-primary) } .panel-O1kqdv .item--WXqKf { padding: 12px 24px; font-size: 15px; font-weight: 500; line-height: 20px; border-radius: 12px; color: var(--theme-text-secondary); display: flex; gap: 10px } .panel-O1kqdv .item--WXqKf:hover { background: var(--theme-bg-menu-gray) } .panel-O1kqdv .item--WXqKf .icon-2FrAIF { flex-shrink: 0 } .panel-O1kqdv .item--WXqKf .info-IaeUIE { flex: 1; display: flex; flex-direction: column; gap: 2px } .panel-O1kqdv .item--WXqKf .info-IaeUIE .name-aOCK6Q { font-size: 15px; font-weight: 500; line-height: 20px; color: var(--theme-text-secondary) } .panel-O1kqdv .item--WXqKf .info-IaeUIE .desc-IkOLEl { font-size: 14px; line-height: 22px; color: var(--theme-text-tertiary) } .collapsible-panel-oqlfRq { width: 100%; display: flex; flex-direction: column } .collapsible-panel-oqlfRq .header-fWrhLT { padding: 15px 0; display: flex; align-items: center; gap: 12px; color: var(--theme-text-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .collapsible-panel-oqlfRq .header-fWrhLT .name-aOCK6Q { flex: 1; font-size: 16px; font-weight: 600; line-height: 22px } .collapsible-panel-oqlfRq .header-fWrhLT .arrow-j5FnII { flex-shrink: 0; display: flex; align-items: center; transform: rotate(180deg); transition: transform .2s ease-in-out } .collapsible-panel-oqlfRq .content-xyuPm- { position: relative; display: flex; flex-direction: column; max-height: 100vh; overflow: hidden; transition: max-height .2s ease-in-out } .collapsible-panel-oqlfRq.collapsed-FHORh9 .header-fWrhLT .arrow-j5FnII { transform: rotate(0) } .collapsible-panel-oqlfRq.collapsed-FHORh9 .content-xyuPm- { max-height: 0 } .filter-fQsOvU { display: none } .text-WEtwJl { position: relative; display: inline-block } .text-WEtwJl:before { content: attr(data-text); position: absolute; padding: 1px; left: 50%; top: 0; z-index: 0; color: var(--stroke-color, #fefdfe); -webkit-text-stroke: var(--stroke-width, 18px) var(--stroke-color, #fefdfe); white-space: pre-line; transform: translate(-50%); width: 100%; height: 140%; filter: var(--filter-id) } .text-WEtwJl span { position: relative; z-index: 1; white-space: pre-line } .site-banner-xoGYQW { width: 100%; background-size: cover; background-position: center; background-color: #1b1b1b; padding: 5px 60px; cursor: pointer; user-select: none; height: 56px; opacity: 1; display: flex; align-items: center; animation: slide-in-kxY49x .25s linear forwards; flex-shrink: 0; flex-grow: 0; position: relative; max-width: 100%; overflow: hidden } .site-banner-xoGYQW:hover { opacity: .95 } .site-banner-xoGYQW:hover .close-icon-r0ZOeX { opacity: 1 } .site-banner-xoGYQW .content-ZOGY-z { width: 100%; max-width: 1280px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 20px; position: relative } .site-banner-xoGYQW .countdown-box-R-RbUL { display: inline-flex; align-items: center; gap: 12px } .site-banner-xoGYQW .countdown-box-R-RbUL .pic-box-SaAn8E { width: 82px; height: 56px; flex: 0 0 82px; position: relative } .site-banner-xoGYQW .countdown-box-R-RbUL .icon-mXuUEe { position: absolute; width: 231px; height: 56px; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-user-drag: none } .site-banner-xoGYQW .countdown-box-R-RbUL .label-1iQx4P { color: #fff; font-size: 20px; font-weight: 800; line-height: 30px; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis } .site-banner-xoGYQW .discount-FgsgUY { background-image: linear-gradient(90deg, #ff7e2d 0%, #ffd52d 52.7%, #dcbbff 100%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 16px; font-weight: 800; line-height: 24px; white-space: nowrap } .site-banner-xoGYQW .countdown-264T7- { color: #fff; font-size: 16px; line-height: 24px } .site-banner-xoGYQW .countdown-264T7- .item-4k1z-R { width: 32px; height: 32px; flex: 0 0 32px; background-color: #fff; border-radius: 8px; color: #262626 } .site-banner-xoGYQW .get-btn-0n-FBx { border: none; background-color: #fff; border-radius: 30px; padding: 0 16px; gap: 4px } .site-banner-xoGYQW .get-btn-0n-FBx .text-1R1bk- { font-weight: 600; background: linear-gradient(90deg, #ff71d9 0%, #925bff 100%); background-clip: text; -webkit-background-clip: text; color: transparent; margin-left: 4px } .site-banner-xoGYQW .close-icon-r0ZOeX { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; top: 50%; right: -16px; transform: translateY(-50%); display: flex; opacity: 0; padding: 4px; transition: all .2s; color: #fff } .site-banner-xoGYQW .close-icon-r0ZOeX:hover { opacity: .7 } .site-banner-xoGYQW.new-comer-FobiPC { background-image: linear-gradient(90deg, #1B1B1B 0%, #2D2825 49.53%, #4A183E 53.58%, #1B1B1B 71.18%) } .site-banner-xoGYQW.new-comer-FobiPC .countdown-box-R-RbUL .pic-box-SaAn8E { width: 82px; height: 56px; flex: 0 0 82px; position: relative } .site-banner-xoGYQW.new-comer-FobiPC .countdown-box-R-RbUL .icon-mXuUEe { position: absolute; width: 231px; height: 56px; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-user-drag: none } .site-banner-xoGYQW.new-comer-FobiPC .discount-FgsgUY { background-image: linear-gradient(90.35deg, #8B68FF .3%, #FF81FB 33.78%); display: inline-flex; align-items: center; gap: 4px } .site-banner-xoGYQW.back-to-school-FjceTe { background: #D3E7F1; padding-right: 48px } .site-banner-xoGYQW.back-to-school-FjceTe .content-ZOGY-z { max-width: 100% } .site-banner-xoGYQW.back-to-school-FjceTe:before, .site-banner-xoGYQW.back-to-school-FjceTe:after { content: ""; position: absolute; top: 0; width: 212px; height: 56px; pointer-events: none } .site-banner-xoGYQW.back-to-school-FjceTe:before { left: 0; background: url(./bannerLeft.png) no-repeat; background-size: cover } .site-banner-xoGYQW.back-to-school-FjceTe:after { right: 0; background: url(./bannerRight.png) no-repeat; background-size: cover } .site-banner-xoGYQW.back-to-school-FjceTe .content-ZOGY-z { position: relative; z-index: 2 } .site-banner-xoGYQW.back-to-school-FjceTe .countdown-box-R-RbUL .label-1iQx4P { color: #00226a; font-size: 28px; line-height: 28px; overflow: visible; padding: 8px 12px } .site-banner-xoGYQW.back-to-school-FjceTe .countdown-box-R-RbUL .countdown-264T7- { color: #00226a } .site-banner-xoGYQW.back-to-school-FjceTe .countdown-box-R-RbUL .countdown-264T7- .item-4k1z-R { color: #00226a; font-weight: 700 } .site-banner-xoGYQW.back-to-school-FjceTe .discount-FgsgUY { color: #00226a } .site-banner-xoGYQW.back-to-school-FjceTe .discount-FgsgUY .bold-y4WAUC { color: #ff252d } .site-banner-xoGYQW.back-to-school-FjceTe .get-btn-0n-FBx { background-color: #003ec5 } .site-banner-xoGYQW.back-to-school-FjceTe .get-btn-0n-FBx:hover { background-color: #002e92 } .site-banner-xoGYQW.back-to-school-FjceTe .get-btn-0n-FBx .text-1R1bk- { color: #fff } .site-banner-xoGYQW.back-to-school-FjceTe .close-icon-r0ZOeX { background: var(--theme-fill-tsp-components-primary); border-radius: 50%; color: var(--theme-icon-primary) } @keyframes slide-in-kxY49x { 0% { opacity: 0; height: 0px } to { opacity: 1; height: 56px } } @keyframes slide-up-BFgaVp { 0% { transform: translateY(56px); opacity: 0 } to { transform: translateY(0); opacity: 1 } } @media screen and (max-width: 1000px) { .site-banner-xoGYQW .close-icon-r0ZOeX { right: -32px } .site-banner-xoGYQW .countdown-box-R-RbUL { max-width: fit-content; flex: 1 1 auto; overflow: hidden } .site-banner-xoGYQW .countdown-box-R-RbUL .icon-mXuUEe, .site-banner-xoGYQW .countdown-box-R-RbUL .pic-box-SaAn8E, .site-banner-xoGYQW.back-to-school-FjceTe .countdown-box-R-RbUL .countdown-264T7- { display: none } .site-banner-xoGYQW.new-comer-FobiPC .discount-FgsgUY { max-width: 60% } } @media screen and (max-width: 880px) { .site-banner-xoGYQW .countdown-box-R-RbUL .countdown-264T7- { display: none } .site-banner-xoGYQW.back-to-school-FjceTe:before { left: -60px } .site-banner-xoGYQW.back-to-school-FjceTe:after { right: -60px } .site-banner-xoGYQW.back-to-school-FjceTe .countdown-box-R-RbUL .label-1iQx4P { display: none } } @media screen and (max-width: 640px) { .site-banner-xoGYQW { padding: 5px 16px } .site-banner-xoGYQW .close-icon-r0ZOeX { display: none } .site-banner-xoGYQW .content-ZOGY-z { justify-content: space-between } .site-banner-xoGYQW .content-ZOGY-z .discount-FgsgUY { display: none } .site-banner-xoGYQW.back-to-school-FjceTe:before { left: -120px; transform: scale(.8) } .site-banner-xoGYQW.back-to-school-FjceTe:after { right: -140px; transform: scale(.8) } .site-banner-xoGYQW.back-to-school-FjceTe .get-btn-0n-FBx { display: none } .site-banner-xoGYQW.back-to-school-FjceTe .content-ZOGY-z { justify-content: center; padding: 0 20px } .site-banner-xoGYQW.back-to-school-FjceTe .content-ZOGY-z .discount-FgsgUY { display: block; white-space: normal; text-align: center; line-height: 20px } .site-banner-xoGYQW.back-to-school-FjceTe .content-ZOGY-z .discount-FgsgUY:after { content: "\2192"; margin-left: 4px } } .chat-switch-modal-ebczbY { display: flex; width: 680px; height: 440px; padding: 8px 0 16px; flex-direction: column; align-items: stretch; gap: 8px; border-radius: 12px; background: var(--theme-bg-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); animation: moveUp-Mr33YA .1s ease } @keyframes moveUp-Mr33YA { 0% { transform: translateY(8px); opacity: .6 } to { transform: translateY(0); opacity: 1 } } .chat-switch-modal-ebczbY.animate-out-IJaoWj { animation-direction: reverse } .chat-switch-modal-ebczbY.mini-3HAfY6 { max-width: 378px; height: 340px } .chat-switch-modal-ebczbY .close-jSptsU { color: var(--theme-icon-quaternary) } .chat-switch-modal-ebczbY .input-wrapper-OI9fpn { display: flex; padding: 5px 18px 8px; align-items: center; gap: 10px; align-self: stretch; border-bottom: 1px solid var(--theme-border-primary, rgba(79, 89, 102, .12)) } .chat-switch-modal-ebczbY .input-wrapper-OI9fpn .input-48qnyM { color: var(--theme-text-secondary); font-size: 14px; font-weight: 400; line-height: 22px; border: none; flex: 1; caret-color: var(--theme-text-primary); background-color: transparent; padding: 12px 0 } .chat-switch-modal-ebczbY .input-wrapper-OI9fpn .input-48qnyM ::placeholder { color: var(--theme-text-disable) } .chat-switch-modal-home-list-9QvRTD { visibility: visible; flex: 1; display: flex; padding: 0 8px; flex-direction: column; align-items: flex-start; align-self: stretch; overflow-y: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .chat-switch-modal-home-list-9QvRTD::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .chat-switch-modal-home-list-9QvRTD::-webkit-scrollbar-track { background: transparent } .chat-switch-modal-home-list-9QvRTD::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .chat-switch-modal-home-list-9QvRTD::-webkit-scrollbar-thumb:hover { background: #00000062 } .chat-switch-modal-home-list-9QvRTD::-webkit-scrollbar-corner { background: transparent } .chat-switch-modal-home-list-9QvRTD li { align-self: stretch } .chat-switch-modal-home-list-9QvRTD .item-57w-Mj { display: flex; cursor: pointer; padding: 6px 10px; align-items: center; gap: 12px; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px; border-radius: 8px } .chat-switch-modal-home-list-9QvRTD .item-57w-Mj.active-KDjk-f { background: var(--theme-fill-tsp-components-secondary) } .chat-switch-modal-home-list-9QvRTD .item-57w-Mj+.item-label-u3zogl { margin-top: 12px } .chat-switch-modal-home-list-9QvRTD .item-label-u3zogl { padding: 0 10px 6px; color: var(--theme-text-quaternary); font-size: 12px; font-weight: 500; line-height: 16px; display: flex } .chat-switch-modal-home-list-9QvRTD .content-6mFP40 { flex: 1; overflow: hidden; white-space: nowrap; display: flex } .chat-switch-modal-search-list-jXxBuA { visibility: visible; flex: 1; overflow-y: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .chat-switch-modal-search-list-jXxBuA::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .chat-switch-modal-search-list-jXxBuA::-webkit-scrollbar-track { background: transparent } .chat-switch-modal-search-list-jXxBuA::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .chat-switch-modal-search-list-jXxBuA::-webkit-scrollbar-thumb:hover { background: #00000062 } .chat-switch-modal-search-list-jXxBuA::-webkit-scrollbar-corner { background: transparent } .chat-switch-modal-search-list-jXxBuA ul { display: flex; padding: 0 8px; flex-direction: column; align-items: stretch } .chat-switch-modal-search-list-jXxBuA .item-0N9W17 { display: flex; cursor: pointer; padding: 6px 10px; align-items: center; gap: 12px; color: var(--theme-text-primary); text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 400; line-height: 22px; border-radius: 8px } .chat-switch-modal-search-list-jXxBuA .item-0N9W17.active-KQBh5V { background: var(--theme-fill-tsp-components-secondary) } .chat-switch-modal-search-list-jXxBuA .item-0N9W17+.item-label-PLS5LZ { margin-top: 12px } .chat-switch-modal-search-list-jXxBuA .item-label-PLS5LZ { padding: 0 10px 6px; color: var(--theme-text-quaternary); font-size: 12px; font-weight: 500; line-height: 16px; display: flex } .chat-switch-modal-search-list-jXxBuA .item-content-rvQERG { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2px; flex: 1; overflow: hidden } .chat-switch-modal-search-list-jXxBuA .item-content-rvQERG .title-OjkY-O { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .chat-switch-modal-search-list-jXxBuA .item-content-rvQERG .message-dZRT7I { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 16px } .chat-switch-modal-search-list-jXxBuA .highlight-sTKyQi { color: var(--theme-text-brand); background-color: transparent } .chat-switch-modal-search-list-jXxBuA .date-JG2vAr { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 16px } .chat-switch-modal-search-list-jXxBuA .hidden-w-3DxD { display: none } .skeleton-A0tiBE { display: flex; padding: 8px 16px; align-items: center; gap: 12px; align-self: stretch } .skeleton-A0tiBE .skeleton-avatar-VmpITx { background: var(--theme-fill-tsp-components-secondary); border-radius: 4px; width: 20px; height: 20px } .skeleton-A0tiBE .skeleton-content-i5EfT9 { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; flex: 1 0 0 } .skeleton-A0tiBE .skeleton-content-i5EfT9 .skeleton-title-uban1S { background: var(--theme-fill-tsp-components-secondary); border-radius: 4px; width: 150px; height: 12px } .skeleton-A0tiBE .skeleton-content-i5EfT9 .skeleton-paragraph-6D-sDm { background: var(--theme-fill-tsp-components-secondary); border-radius: 4px; align-self: stretch; height: 12px } .empty-vfsdB- { flex: 1; display: flex; gap: 12px; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 40px; color: var(--theme-icon-quaternary) } .login-dialog-wsSkUn { padding: 51px 32px 32px; display: flex; justify-content: center; align-items: center; flex-direction: column } .login-dialog-wsSkUn .google-btn-rV8RjZ { display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 260px; width: 100%; line-height: 44px; font-weight: 700; color: #3872e0; border: 1px solid var(--theme-text-link); border-radius: 6px; gap: 11px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin-top: 35px; margin-bottom: 24px } .login-dialog-wsSkUn .google-btn-rV8RjZ .chrome-img-tdJ1nr { border-radius: 12px; width: 24px; height: 24px } .login-dialog-wsSkUn .google-btn-rV8RjZ:hover, .login-dialog-wsSkUn .google-btn-rV8RjZ:active { background: var(--theme-fill-tsp-blue) } .login-dialog-wsSkUn .or-5i6jil { width: 100%; color: #000000a6; font-size: 14px; display: inline-flex; align-items: center; gap: 20px; margin-bottom: 24px } .login-dialog-wsSkUn .or-5i6jil .line-GCjRUQ { width: 153px; height: 1px; background-color: var(--theme-btn-fill-secondary-hover) } .login-dialog-wsSkUn .get-started-email-o8SXuR { font-weight: 500; font-size: 14px; color: #3872e0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .login-dialog-wsSkUn .get-started-email-o8SXuR:hover { text-decoration: underline } .onboarding-dialog-LQ-H5v { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 24px !important; align-items: stretch; height: 772px; max-width: 100vw } .onboarding-dialog-LQ-H5v .container-EFf5Ut { width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: stretch } .onboarding-dialog-LQ-H5v .container-EFf5Ut .left-panel-HGjeOg { align-items: flex-start; width: 240px; height: 100%; padding: 40px 20px; background: var(--theme-btn-fill-tertiary); backdrop-filter: blur(2px) } .onboarding-dialog-LQ-H5v .container-EFf5Ut .right-panel-T7U-11 { display: flex; align-items: center; justify-content: stretch; flex-direction: column; flex: 1; height: 100%; background: var(--theme-bg-gray-secondary); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .onboarding-dialog-LQ-H5v .container-EFf5Ut .right-panel-T7U-11::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .onboarding-dialog-LQ-H5v .container-EFf5Ut .right-panel-T7U-11::-webkit-scrollbar-track { background: transparent } .onboarding-dialog-LQ-H5v .container-EFf5Ut .right-panel-T7U-11::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .onboarding-dialog-LQ-H5v .container-EFf5Ut .right-panel-T7U-11::-webkit-scrollbar-thumb:hover { background: #00000062 } .onboarding-dialog-LQ-H5v .container-EFf5Ut .right-panel-T7U-11::-webkit-scrollbar-corner { background: transparent } .sign-in-view-Yg5mMB { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 24px; padding: 44px 44px 24px; border-radius: 24px; background: var(--theme-bg-gray-secondary) } .sign-in-view-Yg5mMB .header-4h-cQ1 { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 4px } .sign-in-view-Yg5mMB .header-4h-cQ1 .logo-p1VaUh { color: var(--theme-text-primary); font-size: 24px; font-weight: 600; line-height: 36px } .sign-in-view-Yg5mMB .content-bPbbGG { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 16px } .step2-hrXFew { display: flex; flex-direction: column; margin: auto } .step2-hrXFew .sign-in-view-n3VWA- { width: 520px; margin: 0 auto; background-color: var(--theme-bg-white) } .login-title-refzLn { color: var(--theme-icon-primary); text-align: center; font-size: 24px; font-style: normal; font-weight: 700; line-height: 36px; margin-bottom: 40px } .signed-in-sWCCns { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: auto } .signed-in-sWCCns .description-w8yMnd { color: var(--theme-text-tertiary); font-size: 16px; font-weight: 600; line-height: 24px } .steps-lmwQCr { display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: flex-start; height: 100%; gap: 24px; background: var(--theme-btn-fill-tertiary) } .steps-lmwQCr .step-tetzHC { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; width: 100%; padding: 8px 15px; color: var(--theme-icon-secondary); gap: 12px; position: relative; transition: all .2s } .steps-lmwQCr .step-tetzHC .icon-9QuP0z, .steps-lmwQCr .step-tetzHC .index-NtCVzL { width: 44px; height: 44px; display: flex; flex-direction: row; justify-content: center; align-items: center; min-width: 44px; border: 1px solid var(--theme-border-quaternary); color: var(--theme-icon-secondary); font-size: 24px; border-radius: 40px } .steps-lmwQCr .step-tetzHC .content-t257el { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; flex: 1 } .steps-lmwQCr .step-tetzHC .content-t257el .label--7xDpz { font-size: 16px; font-weight: 600; line-height: 24px } .steps-lmwQCr .step-tetzHC .content-t257el .description-FSpvT7 { font-size: 14px; font-weight: 400; line-height: 22px; white-space: normal } .steps-lmwQCr .step-tetzHC.active-WANw4g { color: var(--theme-icon-brand); border-radius: 16px; background: var(--theme-btn-fill-tertiary-hover) } .steps-lmwQCr .step-tetzHC.active-WANw4g .index-NtCVzL { background: var(--theme-icon-brand); color: var(--theme-icon-white-primary); border: none } .steps-lmwQCr .step-tetzHC.finished--Bu53f { color: var(--theme-text-quaternary) } .steps-lmwQCr .step-tetzHC.finished--Bu53f .index-NtCVzL { color: currentColor; border: currentColor } .steps-lmwQCr .step-tetzHC.finished--Bu53f .icon-9QuP0z { color: currentColor } .steps-lmwQCr .step-tetzHC.clickable-3bzaBs { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .pagination-y-v4Zd { visibility: visible } .pagination-y-v4Zd .ant-pagination-item-active { border-color: transparent !important; background-color: var(--theme-btn-fill-tertiary) !important; border-radius: 8px !important } .pagination-y-v4Zd .ant-pagination-item-active a { color: var(--theme-text-brand) !important } .pagination-y-v4Zd .ant-pagination-item a { color: var(--theme-text-tertiary) !important } .pagination-y-v4Zd .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { color: var(--theme-text-brand) !important } .q-r-code-img-aq3OIz { visibility: visible; position: relative } .q-r-code-img-aq3OIz .qrcode-52MTkh { width: 100%; height: 100%; object-fit: contain } .q-r-code-img-aq3OIz .logo-wrapper-9ECOg8 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20%; height: auto; background-color: #fff } .q-r-code-img-aq3OIz .logo-wrapper-9ECOg8 .logo-cX-5xX { width: 100%; height: auto } .radio-kfWK3U { visibility: visible; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; align-items: baseline; gap: 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .radio-kfWK3U:hover .radio-icon-ff4s2s { border-color: var(--theme-icon-tertiary) } .radio-kfWK3U.checked-wYlxKF .radio-icon-ff4s2s { border-color: var(--theme-icon-brand) } .radio-kfWK3U.checked-wYlxKF .radio-icon-ff4s2s .radio-icon-inner-nf4E0L { background-color: var(--theme-icon-brand) } .radio-kfWK3U.disabled-vftEu- { opacity: .5; cursor: not-allowed } .radio-kfWK3U.disabled-vftEu-.checked-wYlxKF:hover .radio-icon-ff4s2s, .radio-kfWK3U.disabled-vftEu-:hover .radio-icon-ff4s2s { border-color: var(--theme-fill-tsp-brand-secondary) } .radio-kfWK3U.small-Y0Gcma .radio-icon-ff4s2s { width: 16px; height: 16px; border-width: 1.5px } .radio-kfWK3U.small-Y0Gcma .radio-icon-ff4s2s .radio-icon-inner-nf4E0L { width: 8px; height: 8px; border-width: 2px } .radio-kfWK3U .radio-icon-ff4s2s { flex-shrink: 0; width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: transparent; border: 2px solid var(--theme-icon-quaternary); border-radius: 50% } .radio-kfWK3U .radio-icon-ff4s2s .radio-icon-inner-nf4E0L { width: 11px; height: 11px; border-radius: 50%; background-color: transparent; border: 2.5px solid transparent } .radio-kfWK3U .label-0AYltn { color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .radio-group-8r-gr8 { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 10px } .radio-group-8r-gr8.row-V3rCSk { flex-direction: row } .radio-group-8r-gr8.brand-theme-tZcYZ2 .ant-radio-inner { border-color: var(--theme-icon-quaternary); background: none; border-width: 1.5px } .radio-group-8r-gr8.brand-theme-tZcYZ2 .ant-radio-checked:after { border-color: var(--theme-icon-brand) } .radio-group-8r-gr8.brand-theme-tZcYZ2 .ant-radio-checked .ant-radio-inner { border-color: var(--theme-icon-brand); background-color: var(--theme-icon-brand) } .radio-group-8r-gr8.brand-theme-tZcYZ2 .ant-radio-wrapper:hover .ant-radio-inner { border-color: var(--theme-icon-brand) } .radio-group-8r-gr8 .ant-radio { align-self: flex-start !important; margin-top: 3px !important } .radio-group-8r-gr8 .label-X-WakT { font-weight: 500; font-size: 14px; color: var(--theme-text-primary); display: flex; align-items: center; gap: 4px } .radio-group-8r-gr8 .label-X-WakT .explain-pBRYn- { display: flex; align-items: center } .radio-group-8r-gr8 .description-AAopjc { font-size: 13px; line-height: 16px; color: #595959; margin-top: 5px } .benefits-v2-x4y-9Z { flex: 1; position: relative; min-width: 360px; border-radius: 12px; background: var(--theme-fill-tsp-brand) } .benefits-v2-x4y-9Z .off-pYRpCi { display: flex; padding: 0 8px; justify-content: center; align-items: center; gap: 10px; border-radius: 8px; background: var(--theme-btn-fill-tertiary-hover); color: var(--theme-text-brand); font-size: 14px; line-height: 22px } .benefits-v2-x4y-9Z .benefit-wrap-DNd0tH { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 12px 16px; width: 100%; gap: 14px; align-items: flex-start } .benefits-v2-x4y-9Z .benefit-wrap-DNd0tH .benefit-rqeXql { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; justify-content: flex-start; align-items: flex-start } .benefits-v2-x4y-9Z .benefit-wrap-DNd0tH .benefit-rqeXql .icon-6Zca73 { display: flex; padding-top: 3px } .benefits-v2-x4y-9Z .benefit-wrap-DNd0tH .benefit-rqeXql .tip-icon-3NNB75 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; padding-top: 3px } .benefits-v2-x4y-9Z .benefit-wrap-DNd0tH .benefit-rqeXql .tip-icon-3NNB75:hover { opacity: .6 } .benefits-v2-x4y-9Z .benefit-wrap-DNd0tH .benefit-rqeXql .benefit-name-Is2bAh { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 500; line-height: 22px; text-align: left } .benefits-v2-x4y-9Z .benefit-header-7QxFg- { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; padding: 16px; gap: 8px; border-bottom: 1px solid var(--theme-border-light) } .benefits-v2-x4y-9Z .benefit-header-7QxFg- .plan-wrap-OM81pE { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; gap: 16px; justify-content: space-between } .benefits-v2-x4y-9Z .benefit-header-7QxFg- .plan-wrap-OM81pE .view-details-D49Uc3 { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; flex-shrink: 0; gap: 2px; color: var(--theme-text-secondary); font-size: 12px; font-weight: 400; line-height: 18px } .benefits-v2-x4y-9Z .benefit-header-7QxFg- .plan-OFZuec { font-size: 16px; font-weight: 500; line-height: 24px; color: var(--theme-text-brand) } .benefits-v2-x4y-9Z .benefit-header-7QxFg- .price-F4x83y { display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: baseline; gap: 6px; flex-wrap: wrap; justify-content: flex-start } .benefits-v2-x4y-9Z .benefit-header-7QxFg- .price-F4x83y .current-price-aQssMS { color: var(--theme-text-brand); text-align: center; font-size: 24px; font-weight: 500; line-height: 22px } .benefits-v2-x4y-9Z .benefit-header-7QxFg- .price-F4x83y .current-price-aQssMS strong { font-size: 40px; font-weight: 600; line-height: 40px } .benefits-v2-x4y-9Z .benefit-header-7QxFg- .price-F4x83y .origin-price-iwHqUJ { color: var(--theme-text-quaternary); text-align: center; font-size: 14px; font-weight: 500; line-height: 22px; text-decoration: line-through } .benefits-v2-x4y-9Z .benefit-header-7QxFg- .price-F4x83y .year-price-BrIqcp { color: var(--theme-text-tertiary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .chat-guide-c8wXKU .benefit-header-7QxFg- { padding: 48px 32px 32px } .chat-guide-c8wXKU .benefit-wrap-DNd0tH { padding: 32px 32px 48px; gap: 24px } .tooltip-link-Bkx9Ki { color: var(--theme-text-link) } .tooltip-link-Bkx9Ki:hover, .tooltip-link-Bkx9Ki:active { color: var(--theme-text-link-active) } .tooltip-link-Bkx9Ki:hover { opacity: .9 } .features-v2-7Flvkd { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-width: 260px; border-radius: 12px; background: var(--theme-bg-gray-secondary) } .features-v2-7Flvkd .feature-wrap-zcTHLA { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; padding: 12px 16px; align-items: flex-start; gap: 12px } .features-v2-7Flvkd .feature-wrap-zcTHLA .feature-HEwmdG { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; gap: 8px; color: var(--theme-text-tertiary) } .features-v2-7Flvkd .feature-wrap-zcTHLA .feature-HEwmdG .logo-SMAdpz { width: 20px; height: 20px; border-radius: 20px } .features-v2-7Flvkd .feature-wrap-zcTHLA .feature-HEwmdG .feature-label-yB0HYJ { font-size: 14px; font-weight: 500; line-height: 22px; text-align: left } .features-v2-7Flvkd .feature-wrap-zcTHLA .feature-HEwmdG .feature-price-BbJibU { font-size: 14px; font-weight: 500; line-height: 22px; margin-left: auto } .features-v2-7Flvkd .feature-header-gCk2Qk { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; align-items: flex-start; gap: 8px; padding: 16px; border-bottom: 1px solid var(--theme-border-light) } .features-v2-7Flvkd .feature-header-gCk2Qk .products-u42FfG { color: var(--theme-text-tertiary); font-size: 16px; font-weight: 500; line-height: 24px; text-align: left } .features-v2-7Flvkd .feature-header-gCk2Qk .over-87BIq3 { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .features-v2-7Flvkd .feature-header-gCk2Qk .over-87BIq3 .over-price-aIIuES { font-size: 32px; font-weight: 600; line-height: 40px } .chat-guide-IZTcVN .feature-header-gCk2Qk { padding: 48px 32px 32px } .chat-guide-IZTcVN .feature-wrap-zcTHLA { padding: 32px 32px 48px; gap: 24px } .plan-card-with-benefit-MCV9dY { padding: 32px 24px 24px } .plan-card-with-benefit-MCV9dY .header-FmJShp { padding: 0 12px } .plan-card-with-benefit-MCV9dY .header-FmJShp .plan-UdGU5t { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px } .plan-card-with-benefit-MCV9dY .header-FmJShp .plan-UdGU5t .logo-Zuknuo { width: 28px; height: 28px } .plan-card-with-benefit-MCV9dY .header-FmJShp .plan-UdGU5t .name-Scq2S2 { font-size: 24px; line-height: 30px; font-weight: 600; color: var(--theme-text-primary) } .plan-card-with-benefit-MCV9dY .header-FmJShp .sub-title-NG8zy4 { font-weight: 500; font-size: 16px; line-height: 22px; margin-top: 4px; text-align: center; color: var(--theme-text-tertiary) } .plan-card-with-benefit-MCV9dY .header-FmJShp .promotion-text-zj-VkU { width: max-content; max-width: 100%; margin: 4px auto 0; font-size: 14px; line-height: 22px } .plan-card-with-benefit-MCV9dY .cont-XK4g4Y { margin-top: 16px } .plan-card-with-benefit-MCV9dY .cont-XK4g4Y .cont-inner-oh8Jhr { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; align-items: stretch } .unlock-features-L-sMKm { flex: 1 1 50%; border-radius: 18px; background: linear-gradient(145.66deg, #417cea .01%, #b691ff 28.88%, #ff8e6c 54.76%, #c62dff 99.56%); padding: 2px } .unlock-features-L-sMKm .inner-xqKGfA { height: 100%; position: relative; overflow: hidden; padding: 24px 0 0; border-radius: 16px; background-color: var(--theme-bg-menu-white); background-image: url(./featureBg.png); background-repeat: no-repeat; background-size: 100% auto; background-position: top right } .unlock-features-L-sMKm .inner-xqKGfA:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 54px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%) } .unlock-features-L-sMKm .title-w1BTwA { width: 100%; padding: 0 24px; font-size: 16px; line-height: 22px; font-weight: 600; color: var(--theme-text-primary); margin-bottom: 20px } .unlock-features-L-sMKm .feat-list-rY2T4F { position: absolute; inset: 66px 0 0; padding: 0 24px 24px; overflow-y: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .unlock-features-L-sMKm .feat-list-rY2T4F::-webkit-scrollbar { height: 6px; width: 0px; margin-right: 10px } .unlock-features-L-sMKm .feat-list-rY2T4F::-webkit-scrollbar-track { background: transparent } .unlock-features-L-sMKm .feat-list-rY2T4F::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .unlock-features-L-sMKm .feat-list-rY2T4F::-webkit-scrollbar-thumb:hover { background: #00000062 } .unlock-features-L-sMKm .feat-list-rY2T4F::-webkit-scrollbar-corner { background: transparent } .unlock-features-L-sMKm .feat-block-WU5Hc7 { margin-bottom: 20px } .unlock-features-L-sMKm .feat-block-WU5Hc7:last-child { margin-bottom: 0 } .unlock-features-L-sMKm .feat-block-WU5Hc7 .label-WSOKq1 { font-size: 13px; line-height: 18px; font-weight: 500; color: var(--theme-text-primary); margin-bottom: 12px } .unlock-features-L-sMKm .feat-block-WU5Hc7 .features-z9c7r8 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; flex-wrap: wrap } .unlock-features-L-sMKm .feat-block-WU5Hc7 .feat-item-QNqWcd { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px } .unlock-features-L-sMKm .feat-block-WU5Hc7 .feat-item-QNqWcd .icon-cTqJUE { flex: 0 0 20px; width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 5px } .unlock-features-L-sMKm .feat-block-WU5Hc7 .feat-item-QNqWcd .icon-pic-KluC7w { width: 20px; height: 20px } .unlock-features-L-sMKm .feat-block-WU5Hc7 .feat-item-QNqWcd .text-yPmtbw { flex: 1 1 auto; font-size: 12px; line-height: 16px; color: var(--theme-text-primary) } .rich-plan-info-riBekG { flex: 1 1 50%; border: 1px solid var(--theme-border-primary); border-radius: 16px; padding: 8px 24px 16px; overflow: hidden } .rich-plan-info-riBekG .plan-intros-Pl6BsX { padding-top: 8px; padding-bottom: 18px; padding-right: 12px; margin-right: -12px; overflow: hidden; max-height: calc(100vh - 488px); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .rich-plan-info-riBekG .plan-intros-Pl6BsX::-webkit-scrollbar { height: 6px; width: 4px; margin-right: 10px } .rich-plan-info-riBekG .plan-intros-Pl6BsX::-webkit-scrollbar-track { background: transparent } .rich-plan-info-riBekG .plan-intros-Pl6BsX::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .rich-plan-info-riBekG .plan-intros-Pl6BsX::-webkit-scrollbar-thumb:hover { background: #00000062 } .rich-plan-info-riBekG .plan-intros-Pl6BsX::-webkit-scrollbar-corner { background: transparent } .rich-plan-info-riBekG .intro-block-kQeLp4 { position: relative; padding-left: 24px; margin-bottom: 10px } .rich-plan-info-riBekG .intro-block-kQeLp4:last-child { margin-bottom: 0 } .rich-plan-info-riBekG .intro-block-kQeLp4 .check-ifQF70 { position: absolute; top: 4px; left: 0 } .rich-plan-info-riBekG .intro-block-kQeLp4 .head-8CHVze { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px } .rich-plan-info-riBekG .intro-block-kQeLp4 .head-8CHVze .name-Scq2S2 { flex: 1 1 auto; font-size: 14px; line-height: 28px; font-weight: 500; color: var(--theme-text-primary) } .rich-plan-info-riBekG .intro-block-kQeLp4 .head-8CHVze .name-Scq2S2 .tip-box-Bg9dAy { display: inline-block; font-size: 0; line-height: 0; position: relative; top: 3px; margin-left: 4px; color: var(--theme-icon-tertiary); cursor: help } .rich-plan-info-riBekG .intro-block-kQeLp4 .head-8CHVze .icons-7MF3g5 { display: inline-flex; align-items: center } .rich-plan-info-riBekG .intro-block-kQeLp4 .head-8CHVze .icons-7MF3g5 .more-ZXOzNQ { width: 28px; height: 28px; border: 1px solid var(--theme-border-light); border-radius: 50%; background: var(--theme-fill-white); display: inline-flex; align-items: center; justify-content: center; color: var(--theme-icon-primary) } .rich-plan-info-riBekG .intro-block-kQeLp4 .head-8CHVze .icons-7MF3g5 .icon-cTqJUE { width: 28px; height: 28px; margin-right: -4px; border: 1px solid var(--theme-border-light); box-shadow: 0 2px 8px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s3); border-radius: 50%; background: var(--theme-fill-white) } .rich-plan-info-riBekG .intro-block-kQeLp4 .head-8CHVze .icons-7MF3g5 .icon-cTqJUE:last-child { margin-right: 0 } .rich-plan-info-riBekG .intro-block-kQeLp4 .desc-Xdt5H1 { margin-top: 2px; font-size: 13px; font-weight: 400; line-height: 20px; color: var(--theme-text-tertiary) } .footer-lC6Dnj { padding-top: 16px; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 8px; flex-shrink: 0 } .footer-lC6Dnj .tips-F3p3AM { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; padding: 5px 0 } .footer-lC6Dnj .tips-F3p3AM .item-7yYXjO { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; color: var(--theme-text-tertiary); font-size: 12px; font-weight: 400; line-height: 22px } .footer-lC6Dnj .button-XIQ9-Q { width: 100%; border-radius: 12px; position: relative } .discount-FuWlag { display: inline-block; position: relative } .discount-FuWlag .badge-7pOgpz { position: absolute; top: 0; left: 0; width: 62.5px; height: 60.5px; background: url(./starBadge.png); background-size: cover; transform: translate(-20px, -70%) rotate(16deg) scale(.8); display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 600; line-height: 30px; color: var(--theme-text-primary) } ._monica-act-new-comer.plan-card-with-benefit-MCV9dY { background: linear-gradient(180deg, #19151f00 0%, #1a151f 112px, #212121 100%), url(./upgrade_dialog.webp) no-repeat; background-size: 100% auto; background-position: top center } ._monica-act-new-comer.plan-card-with-benefit-MCV9dY .header-FmJShp { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px } ._monica-act-new-comer.plan-card-with-benefit-MCV9dY .header-FmJShp .plan-UdGU5t { width: 100% } ._monica-act-new-comer.plan-card-with-benefit-MCV9dY .header-FmJShp .plan-UdGU5t .name-Scq2S2 { font-size: 32px; line-height: 36px; max-width: 90%; text-align: center } ._monica-act-new-comer.plan-card-with-benefit-MCV9dY .header-FmJShp .countdown-meBgfG { font-size: 16px; line-height: 24px; font-weight: 600; color: #fff } ._monica-act-new-comer.plan-card-with-benefit-MCV9dY .header-FmJShp .countdown-meBgfG .item-7yYXjO { width: 32px; height: 32px; flex: 0 0 32px; background-color: #ffffff1f; color: #fff } ._monica-act-new-comer.plan-card-with-benefit-MCV9dY .discount-FuWlag .badge-7pOgpz { transform: translateY(-50%) rotate(16deg) scale(.8) } ._monica-act-new-comer.plan-card-with-benefit-MCV9dY .unlock-features-L-sMKm .inner-xqKGfA { background-image: url(./black5FeatureBg.png) } ._monica-act-new-comer.plan-card-with-benefit-MCV9dY .unlock-features-L-sMKm .inner-xqKGfA:after { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #282828 100%) } ._monica-act-new-comer.plan-card-with-benefit-MCV9dY .rich-plan-info-riBekG { background-color: #202020 } ._monica-act-new-comer.plan-card-with-benefit-MCV9dY .rich-plan-info-riBekG .intro-block-kQeLp4 .head-8CHVze .icons-7MF3g5 .icon-cTqJUE.apple-7cM562 img { filter: invert(100%) } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY { background: linear-gradient(180deg, #C5E4F3 0%, #FFFFFF 100%) } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .header-FmJShp { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px; position: relative; padding-bottom: 12px } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .header-FmJShp:before, ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .header-FmJShp:after { content: ""; position: absolute; pointer-events: none } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .header-FmJShp:before { width: 225px; height: 165px; background: url(./dialogLeft.png) no-repeat; background-size: cover; top: -32px; left: -24px } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .header-FmJShp:after { width: 217px; height: 131px; background: url(./dialogRight.png) no-repeat; background-size: cover; top: -24px; right: -24px } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .header-FmJShp .countdown-meBgfG { font-size: 20px; line-height: 30px; font-weight: 600; color: #00226a } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .header-FmJShp .countdown-meBgfG .item-7yYXjO { width: 40px; height: 40px; flex: 0 0 40px; background-color: #fff; color: #00226a; border-radius: 10px } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .header-FmJShp .title-w1BTwA { color: #00226a; font-weight: 800; font-size: 44px; line-height: 44px } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .header-FmJShp .discount-FuWlag { position: absolute; top: 48px; right: 24px; z-index: 2 } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .header-FmJShp .discount-FuWlag .badge-7pOgpz { background-image: url(./badge.png); background-position: center; background-size: contain; background-repeat: no-repeat; transform: translate(-100%, -40%) rotate(-15deg); font-size: 30px; line-height: 32px; color: #00226a; width: 103px; height: 103px; font-family: "Baloo 2"; font-weight: 800; flex-direction: column; padding-top: 4px } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .header-FmJShp .discount-FuWlag .badge-7pOgpz:after { content: "OFF"; margin-top: -10px } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .cont-XK4g4Y { position: relative; z-index: 2 } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .rich-plan-info-riBekG { background-color: #fff } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .rich-plan-info-riBekG .plan-intros-Pl6BsX { max-height: calc(100vh - 510px) } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .rich-plan-info-riBekG .footer-lC6Dnj .button-XIQ9-Q { background: #003EC5; box-shadow: 0 4px #002e92; position: relative; border-radius: 48px; transition: all .25 ease } ._monica-act-back-to-school.plan-card-with-benefit-MCV9dY .rich-plan-info-riBekG .footer-lC6Dnj .button-XIQ9-Q:hover { opacity: .8 } .recommend-plan-card-RCfO9Z { position: relative; height: 100%; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column } .recommend-plan-card-RCfO9Z .wrapper-czByBw { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 20px 20px 8px; width: 100% } .recommend-plan-card-RCfO9Z .wrapper-czByBw::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .recommend-plan-card-RCfO9Z .wrapper-czByBw::-webkit-scrollbar-track { background: transparent } .recommend-plan-card-RCfO9Z .wrapper-czByBw::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .recommend-plan-card-RCfO9Z .wrapper-czByBw::-webkit-scrollbar-thumb:hover { background: #00000062 } .recommend-plan-card-RCfO9Z .wrapper-czByBw::-webkit-scrollbar-corner { background: transparent } .recommend-plan-card-RCfO9Z .after-open-animation-8-IKpb { margin-top: -36px; height: 150px; width: 100% } .recommend-plan-card-RCfO9Z .discount-img-I5besL { height: 150px; margin-top: -36px; -webkit-user-drag: none } .recommend-plan-card-RCfO9Z .main-y725-F { width: 100%; gap: 16px; display: flex; justify-content: center; align-items: center; flex-direction: column } .recommend-plan-card-RCfO9Z .main-y725-F .title-Sri-EB { color: var(--theme-icon-primary); text-align: center; font-size: 20px; font-weight: 700; line-height: 36px } .recommend-plan-card-RCfO9Z .main-y725-F .content-hxZUTw { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 16px; width: 100%; border-radius: 20px } .recommend-plan-card-RCfO9Z .main-y725-F .content-hxZUTw .introduce-yNEjMz { display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: stretch; width: 100%; gap: 12px } .recommend-plan-card-RCfO9Z .footer-b8jggn { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 12px; padding: 12px 20px 20px; position: relative } .recommend-plan-card-RCfO9Z .footer-b8jggn:before { position: absolute; content: ""; height: 32px; width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); top: 0; transform: translateY(-100%) } .recommend-plan-card-RCfO9Z .footer-b8jggn .trial-tips-rYkC9W { color: var(--theme-text-secondary); font-size: 14px; font-weight: 500 } .recommend-plan-card-RCfO9Z .footer-b8jggn .button-2NEkSp { width: 100%; border-radius: 12px; position: relative } .recommend-plan-card-RCfO9Z .footer-b8jggn .tips-Pjbz6M { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: -4px; gap: 16px } .recommend-plan-card-RCfO9Z .footer-b8jggn .tips-Pjbz6M .item-ZhefIY { display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-text-secondary); font-size: 12px; font-weight: 400; line-height: 18px } .recommend-plan-card-RCfO9Z .footer-b8jggn .tips-Pjbz6M .item-ZhefIY:before { width: 4px; height: 4px; border-radius: 4px; content: ""; display: inline-block; background: var(--theme-text-secondary); margin-right: 8px } .countdown-i788nI { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; margin-bottom: 4px; color: var(--theme-text-primary); font-size: 12px; font-weight: 500; line-height: 18px } .countdown-i788nI .item-ZhefIY { display: flex; width: 28px; height: 24px; padding: 0 4px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; border-radius: 8px; background: #ff6b00; color: var(--theme-text-white-primary); font-size: 14px; font-weight: 600; line-height: 18px } ._monica-dark .recommend-plan-card-RCfO9Z .footer-b8jggn:before { background: linear-gradient(180deg, rgba(40, 40, 40, 0) 0%, #282828 100%) } .wrapper-44RXZO { z-index: 10 } .recommend-upgrade-dialog-WX9JB3 { max-height: 90%; max-width: calc(100% - 24px) } .recommend-upgrade-dialog-WX9JB3.dark-theme-oZ98kR { --theme-text-primary: #f3f3f3; --theme-text-title: #f3f3f3; --theme-text-secondary: #dbdbdb; --theme-text-tertiary: #aaaaaa; --theme-text-quaternary: #7a7a7a; --theme-text-disable: #4c4c4c; --theme-text-white-primary: #e9eaed; --theme-text-white-secondary: #e9eaed; --theme-text-link: #5e8cff; --theme-text-link-active: #3767eb; --theme-text-brand: #9880f8; --theme-text-btn-tertiary: #c0b6fc; --theme-icon-primary: #f3f3f4; --theme-icon-secondary: #bfbfc4; --theme-icon-tertiary: #a7a7ae; --theme-icon-quaternary: #77777e; --theme-icon-disable: #4a4a4f; --theme-icon-white-primary: #f3f3f4; --theme-icon-white-secondary: #f3f3f4; --theme-icon-brand: #9880f8; --theme-icon-btn-tertiary: #c0b6fc; --theme-btn-tsp-brand: rgba(130, 100, 238, .12); --theme-btn-tsp-brand-hover: rgba(104, 65, 234, .24); --theme-btn-fill-primary: #8264ee; --theme-btn-fill-primary-hover: #6349c2; --theme-btn-fill-primary-active: #55429a; --theme-btn-fill-secondary: #56565f3d; --theme-btn-fill-secondary-hover: #56565f52; --theme-btn-fill-secondary-active: #56565f52; --theme-btn-fill-tertiary: #4e4181; --theme-btn-fill-tertiary-hover: #3f3663; --theme-btn-fill-tertiary-active: #352f4c; --theme-btn-border-primary: #a2b1d733; --theme-btn-border-secondary: #a2b1d71f; --theme-btn-tsp-white: #0000003d; --theme-btn-tsp-white-hover: #ffffff52; --theme-fill-tsp-components-primary: #56565f52; --theme-fill-tsp-components-secondary: #56565f33; --theme-fill-tsp-components-tertiary: #56565f1f; --theme-fill-btn-primary: #2d2d2f; --theme-fill-btn-secondary: #252528; --theme-fill-white: #0000003d; --theme-fill-tsp-blue: #5e8cff1f; --theme-fill-tsp-brand: #8264ee1f; --theme-fill-tsp-brand-primary: #8264eed9; --theme-fill-tsp-brand-secondary: #8264eea6; --theme-fill-tsp-brand-tertiary: #8264ee73; --theme-fill-gray: #2d2d2f; --theme-fill-tsp-gray: #56565fa6; --theme-fill-black-none: #2d2d2f; --theme-fill-white-none: #ffffff; --theme-label-tsp-brand-primary: #8264ee3d; --theme-label-tsp-brand-secondary: #8264ee1f; --theme-border-light: #56565f33; --theme-border-primary: #56565f52; --theme-border-quaternary: #56565f73; --theme-border-active: #9880f8; --theme-border-white: #ffffff0a; --theme-tab-fill: #56565f1f; --theme-tab-fill-active: #77777e; --theme-tooltips-fill: #000000f2; --theme-bg-white: #202020; --theme-bg-gray-primary: #252528; --theme-bg-gray-secondary: #1b1b1d; --theme-bg-mask: #00000073; --theme-bg-menu-white: #282828; --theme-bg-menu-gray: #2d2d2f; --theme-bg-tsp-gray-primary: #252528e6; --theme-bg-tsp-white-primary: #282828d9; --theme-bg-gray-nav: #2d2d2f; --theme-bg-tsp-white-secondary: #0000003d; --theme-bg-custom-01: #333c; --theme-function-info: #0f76bc; --theme-function-success: #278056; --theme-function-warning: #b07807; --theme-function-error: #8e2827; --theme-function-error-hover: #e02423; --theme-function-error-border: #742525; --theme-function-warning-light: #443518; --theme-function-warning-border: #634b1b; --theme-shadow-s1: rgba(0, 0, 0, .24); --theme-shadow-s2: rgba(0, 0, 0, .32); --theme-shadow-s3: rgba(0, 0, 0, .45); --theme-gradient-white-not: rgba(255, 255, 255, 0); --theme-gradient-white-main: rgba(255, 255, 255, .16); --theme-gradient-brand-light: rgba(130, 100, 238, .08); --theme-gradient-white-not-secondary: rgba(40, 40, 40, 0); --theme-gradient-white: #282828 } ._monica-act-back-to-school.recommend-upgrade-dialog-WX9JB3 { border: none } ._monica-act-back-to-school.recommend-upgrade-dialog-WX9JB3 .close-btn-XSz5dZ { background: var(--theme-fill-btn-primary); border-radius: 50% } ._monica-act-back-to-school.recommend-upgrade-dialog-WX9JB3 .close-btn-XSz5dZ:hover { background: var(--theme-fill-btn-secondary) } .monica-select { display: inline-flex } .monica-select .ant-select-arrow { color: var(--theme-icon-tertiary) } .monica-select.ant-select { width: 100% } .monica-select.ant-select .ant-select-selector { height: 32px; display: inline-flex; align-items: center; padding: 0 12px; font-size: 14px; box-shadow: unset !important; border: none !important; border-radius: 16px; background-color: var(--theme-fill-tsp-components-secondary) !important; color: var(--theme-icon-primary) !important } .monica-select.ant-select .ant-select-selector .ant-select-selection-item { transition: none !important } .monica-select.ant-select .ant-select-suffix { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyOCAyOCI+PHBhdGggZmlsbD0iIzU5NTk1OSIgZD0iTTUuOTQ1IDEwLjA5MWEuNzgxLjc4MSAwIDAgMSAxLjEwNS0uMDA2bDYuNCA2LjMzNWEuNzgxLjc4MSAwIDAgMCAxLjEgMGw2LjQtNi4zMzVhLjc4MS43ODEgMCAxIDEgMS4xIDEuMTFsLTYuNDAxIDYuMzM1YTIuMzQ0IDIuMzQ0IDAgMCAxLTMuMjk4IDBsLTYuNC02LjMzNGEuNzgxLjc4MSAwIDAgMS0uMDA2LTEuMTA1WiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGRhdGEtZm9sbG93LWZpbGw9IiM1OTU5NTkiLz48L3N2Zz4=); background-size: 16px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center right } .monica-select.ant-select .ant-select-suffix svg { display: none !important } .monica-select.ant-select .ant-select-arrow { transform: rotate(0); transition: all .2s ease-in-out } .monica-select.ant-select.ant-select-open .ant-select-arrow { transform: rotate(-180deg) } .monica-select .ant-select-selection-placeholder { color: var(--theme-text-disable) !important } .monica-select.ant-select-disabled .ant-select-selector { background: var(--theme-text-white-primary) !important; border: 1px solid var(--theme-icon-disable) !important; color: var(--theme-text-disable) !important } .monica-select.ant-select-disabled .ant-select-arrow { color: var(--theme-text-disable) !important } .monica-select-dropdown.ant-select-dropdown { background-color: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s2); border-radius: 12px; padding: 8px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .monica-select-dropdown.ant-select-dropdown::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .monica-select-dropdown.ant-select-dropdown::-webkit-scrollbar-track { background: transparent } .monica-select-dropdown.ant-select-dropdown::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .monica-select-dropdown.ant-select-dropdown::-webkit-scrollbar-thumb:hover { background: #00000062 } .monica-select-dropdown.ant-select-dropdown::-webkit-scrollbar-corner { background: transparent } .monica-select-dropdown.ant-select-dropdown .ant-select-item { display: flex; align-items: center; height: 32px; color: var(--theme-icon-primary); font-size: 12px; padding-left: 12px; border-radius: 8px } .monica-select-dropdown.ant-select-dropdown .ant-select-item:hover { background-color: var(--theme-fill-tsp-components-secondary) } .monica-select-dropdown.ant-select-dropdown .ant-select-item-option-selected, .monica-select-dropdown.ant-select-dropdown .ant-select-item-option-active { font-weight: 400; background-color: var(--theme-bg-white); color: var(--theme-icon-brand) !important } .monica-select-old { display: inline-flex } .monica-select-old .ant-select-arrow { color: var(--theme-shadow-s3); height: unset !important; margin-top: -10px } .monica-select-old.ant-select { width: 100% } .monica-select-old.ant-select .ant-select-selector { height: 28px; display: inline-flex; align-items: center; padding: 0 12px; font-size: 14px; box-shadow: unset !important; border: 1px solid #e5e8eb !important; border-radius: 4px; color: var(--theme-text-primary) } .monica-select-old.ant-select .ant-select-selector .ant-select-selection-item { transition: none !important } .monica-select-old .ant-select-selection-placeholder { color: var(--theme-text-quaternary) !important } .monica-select-old.ant-select-disabled { opacity: .5; cursor: not-allowed } .monica-select-old-dropdown.ant-select-dropdown { background: var(--theme-bg-menu-white); box-shadow: 0 5px 25px var(--theme-shadow-s1), 0 3.2px 12px var(--theme-shadow-s2); border-radius: 4px; padding: 4px 0; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .monica-select-old-dropdown.ant-select-dropdown::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .monica-select-old-dropdown.ant-select-dropdown::-webkit-scrollbar-track { background: transparent } .monica-select-old-dropdown.ant-select-dropdown::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .monica-select-old-dropdown.ant-select-dropdown::-webkit-scrollbar-thumb:hover { background: #00000062 } .monica-select-old-dropdown.ant-select-dropdown::-webkit-scrollbar-corner { background: transparent } .monica-select-old-dropdown.ant-select-dropdown .ant-select-item { display: flex; align-items: center; height: 32px; color: var(--theme-text-secondary); font-size: 12px; padding-left: 12px } .monica-select-old-dropdown.ant-select-dropdown .ant-select-item:hover { background-color: var(--theme-fill-tsp-components-secondary) } .monica-select-old-dropdown.ant-select-dropdown .ant-select-item-option-selected { font-weight: 400; background-color: var(--theme-fill-tsp-components-primary); color: var(--theme-text-brand) } .monica-select-old-dropdown.ant-select-dropdown .ant-select-item-option-active { background-color: var(--theme-fill-tsp-components-primary) } .pat-select { display: inline-flex } .pat-select .ant-select-arrow { color: var(--theme-icon-secondary); background-color: var(--theme-fill-white); right: 4px } .pat-select.ant-select { width: 100%; height: 26px; border: 1px solid var(--theme-border-light); border-radius: 8px } .pat-select.ant-select .ant-select-selector { display: inline-flex; align-items: center; padding: 8px 12px; font-size: 13px; line-height: 18px; box-shadow: unset !important; border: none !important; border-radius: 8px; background-color: var(--theme-fill-white) !important; color: var(--theme-text-primary) !important } .pat-select.ant-select .ant-select-selector .ant-select-selection-item { transition: none !important; color: var(--theme-text-primary) !important } .pat-select.ant-select .ant-select-suffix { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyOCAyOCI+PHBhdGggZmlsbD0iIzU5NTk1OSIgZD0iTTUuOTQ1IDEwLjA5MWEuNzgxLjc4MSAwIDAgMSAxLjEwNS0uMDA2bDYuNCA2LjMzNWEuNzgxLjc4MSAwIDAgMCAxLjEgMGw2LjQtNi4zMzVhLjc4MS43ODEgMCAxIDEgMS4xIDEuMTFsLTYuNDAxIDYuMzM1YTIuMzQ0IDIuMzQ0IDAgMCAxLTMuMjk4IDBsLTYuNC02LjMzNGEuNzgxLjc4MSAwIDAgMS0uMDA2LTEuMTA1WiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGRhdGEtZm9sbG93LWZpbGw9IiM1OTU5NTkiLz48L3N2Zz4=); background-size: 16px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center right } .pat-select.ant-select .ant-select-suffix svg { display: none !important } .pat-select.ant-select .ant-select-arrow { transform: rotate(0); transition: all .2s ease-in-out } .pat-select.ant-select.ant-select-open .ant-select-arrow { transform: rotate(-180deg) } .pat-select .ant-select-selection-placeholder { color: var(--theme-text-quaternary) !important } .pat-select.ant-select-disabled .ant-select-selector { background: var(--theme-text-white-primary) !important; border: 1px solid var(--theme-icon-disable) !important; color: var(--theme-text-disable) !important } .pat-select.ant-select-disabled .ant-select-arrow { color: var(--theme-text-disable) !important } .pat-select-dropdown.ant-select-dropdown { background-color: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2); border: 1px solid var(--theme-border-white); border-radius: 12px; padding: 8px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .pat-select-dropdown.ant-select-dropdown::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .pat-select-dropdown.ant-select-dropdown::-webkit-scrollbar-track { background: transparent } .pat-select-dropdown.ant-select-dropdown::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .pat-select-dropdown.ant-select-dropdown::-webkit-scrollbar-thumb:hover { background: #00000062 } .pat-select-dropdown.ant-select-dropdown::-webkit-scrollbar-corner { background: transparent } .pat-select-dropdown.ant-select-dropdown .ant-select-item { display: flex; align-items: center; height: 28px; color: var(--theme-text-primary); font-size: 13px; padding: 6px 8px; border-radius: 6px } .pat-select-dropdown.ant-select-dropdown .ant-select-item:hover { background-color: var(--theme-fill-tsp-components-secondary) } .pat-select-dropdown.ant-select-dropdown .ant-select-item-option-selected { font-weight: 500; background-color: transparent; color: var(--theme-text-primary) } .pat-select-dropdown.ant-select-dropdown .ant-select-item-option-selected:after { content: ""; width: 12px; height: 10px; flex-shrink: 0; background-repeat: no-repeat; background-size: contain; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTExLjI1MDUgMS41TDQuMjUwMTYgOC41TDAuNzUgNS4wMDAxNiIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfMTI4Ml84NjU5KSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8ZGVmcz4gPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzEyODJfODY1OSIgeDE9IjYuMDAwMjMiIHkxPSIxLjUiIHgyPSI2LjAwMDIzIiB5Mj0iOC41IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+IDxzdG9wIHN0b3AtY29sb3I9IiMyQjkwRkYiLz4gPHN0b3Agb2Zmc2V0PSIwLjU1NSIgc3RvcC1jb2xvcj0iIzAxN0FGRiIvPiA8L2xpbmVhckdyYWRpZW50PiA8L2RlZnM+IDwvc3ZnPg==); transform: translateY(-1px) } .select-CGsGQv { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 14px; font-weight: 500; color: var(--theme-icon-primary); background: var(--theme-fill-tsp-components-secondary); border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .select-CGsGQv.outline-3u9DwF { background: inherit; border: 1px solid var(--theme-border-quaternary) } .select-CGsGQv.round-4mat-q { border-radius: 16px } .select-CGsGQv.small-7LJ4a2 { padding: 4px 12px; line-height: 20px } .select-CGsGQv.medium-VETPCQ { padding: 6px 12px; line-height: 22px } .select-CGsGQv.large-HNelvg { padding: 8px 16px; line-height: 24px } .select-CGsGQv .name-Sy2dRd { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .select-CGsGQv .arrow-0hc2Uc { width: 16px; flex-shrink: 0; display: flex; transition: all .2s ease-in-out; color: var(--theme-icon-quaternary) } .select-CGsGQv .arrow-0hc2Uc.active-uqjilo { transform: rotate(-180deg) } .item-list-K2McvA { width: 100%; display: flex; flex-direction: column; gap: 4px; padding: 8px; border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .item-list-K2McvA::-webkit-scrollbar { height: 6px; width: 3px; margin-right: 10px } .item-list-K2McvA::-webkit-scrollbar-track { background: transparent } .item-list-K2McvA::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .item-list-K2McvA::-webkit-scrollbar-thumb:hover { background: #00000062 } .item-list-K2McvA::-webkit-scrollbar-corner { background: transparent } .item-list-K2McvA .item-cKQ1hF { width: 100%; font-size: 14px; color: var(--theme-icon-primary); border-radius: 8px; line-height: 20px; padding: 8px 12px; transition: background-color .2s ease-in-out; display: flex; align-items: center; gap: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .item-list-K2McvA .item-cKQ1hF.outline-3u9DwF.active-uqjilo:hover, .item-list-K2McvA .item-cKQ1hF:hover { background-color: var(--theme-fill-tsp-components-secondary) } .item-list-K2McvA .item-cKQ1hF.active-uqjilo { background-color: var(--theme-bg-white); color: var(--theme-icon-brand) } .item-list-K2McvA .item-cKQ1hF .icon-VqdQn8 { flex-shrink: 0 } .item-list-K2McvA .item-cKQ1hF .info-Ku-p9g { display: flex; flex-direction: column; gap: 2px } .item-list-K2McvA .item-cKQ1hF .info-Ku-p9g .label-ebFl3h { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .item-list-K2McvA .item-cKQ1hF .info-Ku-p9g .desc-45bV8k { font-size: 12px; line-height: 16px; color: var(--theme-text-quaternary) } .all-in-one-banner-h6yaxc { position: relative } .dark-banner-5W694i { min-height: 456px; display: flex; align-items: center; justify-content: center; border-radius: 40px; background-size: cover } .dark-banner-5W694i .inner-Zdfr2d { display: flex; flex-direction: column; align-items: center; padding: 0 40px } .dark-banner-5W694i .inner-Zdfr2d .title--upsk6 { text-align: center; font-size: 48px; font-weight: 600; line-height: 58px; background: var(--theme-text-primary); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .dark-banner-5W694i .inner-Zdfr2d .subtitle-XlW8ht { margin-top: 16px; text-align: center; color: var(--theme-text-tertiary); font-size: 28px; font-weight: 500; line-height: 34px } .dark-banner-5W694i .inner-Zdfr2d .button-xNZqNC { margin-top: 32px; display: flex; justify-content: center; max-width: 100% } .light-banner-NJuiXy { padding: 32px; border-radius: 24px; background: var(--theme-fill-tsp-components-tertiary); display: flex; align-items: center; justify-content: space-between; gap: 60px } .light-banner-NJuiXy .content-3PmSSa { width: 100%; display: flex; flex-direction: column; gap: 24px } .light-banner-NJuiXy .content-3PmSSa.sample-oppNzv { flex-direction: row; justify-content: space-between; align-items: center } .light-banner-NJuiXy .content-3PmSSa .info-tmF-IW { display: flex; flex-direction: column; gap: 12px } .light-banner-NJuiXy .content-3PmSSa .info-tmF-IW .title--upsk6 { font-size: 32px; line-height: 40px; font-weight: 600; color: var(--theme-text-primary) } .light-banner-NJuiXy .content-3PmSSa .info-tmF-IW .desc-hGKLnr { font-size: 18px; font-weight: 400; line-height: 28px; color: var(--theme-text-tertiary) } .light-banner-NJuiXy .content-3PmSSa .button-xNZqNC { display: flex; flex-shrink: 0 } .light-banner-NJuiXy .content-3PmSSa .button-xNZqNC .install-apusaq { width: auto } .light-banner-NJuiXy .image-qVojZ7 { flex-shrink: 0; height: 180px; border-radius: 10px; overflow: hidden } .light-banner-NJuiXy .image-qVojZ7 img { height: 100% } @media (max-width: 800px) { .dark-banner-5W694i { min-height: 240px } .dark-banner-5W694i .inner-Zdfr2d { max-width: 100%; padding: 24px } .dark-banner-5W694i .inner-Zdfr2d .title--upsk6 { font-size: 20px; line-height: 30px } .dark-banner-5W694i .inner-Zdfr2d .subtitle-XlW8ht { margin-top: 4px; font-size: 14px; line-height: 22px } .dark-banner-5W694i .inner-Zdfr2d .button-xNZqNC { margin-top: 12px } .light-banner-NJuiXy { padding: 12px; border-radius: 12px; flex-direction: column-reverse; align-items: flex-start; gap: 12px } .light-banner-NJuiXy .content-3PmSSa { gap: 16px } .light-banner-NJuiXy .content-3PmSSa.sample-oppNzv { flex-direction: column; align-items: flex-start } .light-banner-NJuiXy .content-3PmSSa .info-tmF-IW { gap: 6px } .light-banner-NJuiXy .content-3PmSSa .info-tmF-IW .title--upsk6 { font-size: 16px; line-height: 22px; font-weight: 600 } .light-banner-NJuiXy .content-3PmSSa .info-tmF-IW .desc-hGKLnr { font-size: 12px; line-height: 18px } .light-banner-NJuiXy .image-qVojZ7 { height: 60px; max-width: fit-content } .light-banner-NJuiXy .image-qVojZ7 img { object-fit: contain } } .benefits-CJgmr8 { display: flex; flex-direction: column } .benefits-CJgmr8 .title--xbJYY { text-align: center; font-size: 48px; font-style: normal; font-weight: 700; line-height: 58px; color: var(--theme-text-primary) } .benefits-CJgmr8 .subtitle-gq-JpB { margin-top: 10px; text-align: center; font-size: 20px; color: var(--theme-text-tertiary) } .benefits-CJgmr8 .group-ReW6u2 { margin-top: 48px; display: flex; flex-wrap: wrap; gap: 40px } .benefits-CJgmr8 .install-3R0jlS { margin-top: 48px; display: flex; flex-direction: row; justify-content: center; align-items: center } .benefits-CJgmr8 .install-3R0jlS .install-btn-OFymb7 { min-width: 240px } .basic-block-jmzwWg { flex: 1; min-width: 320px; max-width: 420px; display: flex; overflow: hidden } .benefits-CJgmr8 .group-ReW6u2.col-3--MzRVd, .benefits-CJgmr8 .group-ReW6u2.col-2-2OyLEB, .benefits-CJgmr8 .group-ReW6u2.col-1-3CwUMd { display: grid } .benefits-CJgmr8 .group-ReW6u2.col-3--MzRVd .basic-block-jmzwWg, .benefits-CJgmr8 .group-ReW6u2.col-2-2OyLEB .basic-block-jmzwWg, .benefits-CJgmr8 .group-ReW6u2.col-1-3CwUMd .basic-block-jmzwWg { min-width: 100%; max-width: 100% } .benefits-CJgmr8 .group-ReW6u2.col-3--MzRVd { grid-template-columns: repeat(3, 1fr) } .benefits-CJgmr8 .group-ReW6u2.col-2-2OyLEB { grid-template-columns: repeat(2, 1fr) } .benefits-CJgmr8 .group-ReW6u2.col-1-3CwUMd { grid-template-columns: repeat(1, 1fr); max-width: 100%; margin-left: auto; margin-right: auto } .icon-text-block-B6iaGK { gap: 10px } .icon-text-block-B6iaGK .lt-Kzd6en { height: 30px; display: flex; align-items: center } .icon-text-block-B6iaGK .lt-Kzd6en .icon-ff4-bC { flex-shrink: 0; width: 24px; height: 24px; display: flex; align-items: center } .icon-text-block-B6iaGK .rt-qQEoK0 { display: flex; flex-direction: column } .icon-text-block-B6iaGK .rt-qQEoK0 .name-938dSU { font-size: 24px; line-height: 30px; font-weight: 600; color: var(--theme-text-primary) } .icon-text-block-B6iaGK .rt-qQEoK0 .desc-B7G-Pu { font-size: 16px; font-weight: 400; line-height: 24px; color: var(--theme-text-tertiary) } .horizontal-icon-text-card-B6WhtS { align-items: center; gap: 32px; padding: 32px; border-radius: 24px; background: var(--theme-fill-tsp-components-tertiary) } .horizontal-icon-text-card-B6WhtS .lt-Kzd6en { display: flex } .horizontal-icon-text-card-B6WhtS .lt-Kzd6en .icon-ff4-bC { width: 90px; height: 90px } .horizontal-icon-text-card-B6WhtS .rt-qQEoK0 { display: flex; flex-direction: column; gap: 12px } .horizontal-icon-text-card-B6WhtS .rt-qQEoK0 .name-938dSU { font-size: 24px; font-weight: 600; line-height: 30px; color: var(--theme-text-primary) } .horizontal-icon-text-card-B6WhtS .rt-qQEoK0 .desc-B7G-Pu { font-size: 16px; line-height: 24px; color: var(--theme-text-tertiary) } .vertical-icon-text-card-YUr6tP { flex-direction: column; padding: 32px; border-radius: 24px; background: var(--theme-bg-white); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1) } .vertical-icon-text-card-YUr6tP .image-cfA3qM { border-radius: 10px; background: var(--theme-btn-fill-tertiary); width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px } .vertical-icon-text-card-YUr6tP .image-cfA3qM .icon-ff4-bC { width: 24px; height: 24px } .vertical-icon-text-card-YUr6tP .name-938dSU { font-size: 20px; font-weight: 600; line-height: 26px; color: var(--theme-text-primary) } .vertical-icon-text-card-YUr6tP .desc-B7G-Pu { margin-top: 8px; font-size: 16px; line-height: 24px; color: var(--theme-text-secondary) } .image-text-block-xV-WMf { flex-direction: column } .image-text-block-xV-WMf .poster-2-AMRJ { border-radius: 16px; overflow: hidden; width: 100%; height: auto } .image-text-block-xV-WMf .content-4UUDP6 { margin-top: 24px; display: flex; flex-direction: column; gap: 10px } .image-text-block-xV-WMf .content-4UUDP6 .name-938dSU { text-align: center; font-size: 24px; font-size: 700; line-height: 36px; color: var(--theme-text-primary) } .image-text-block-xV-WMf .content-4UUDP6 .desc-B7G-Pu { text-align: center; font-size: 18px; font-weight: 400; line-height: 28px; color: var(--theme-text-tertiary) } .image-text-card-u1ujFb { flex-direction: column; border-radius: 24px; background: var(--theme-fill-white); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1) } .image-text-card-u1ujFb .poster-2-AMRJ { width: 100%; height: auto; object-fit: cover } .image-text-card-u1ujFb .content-4UUDP6 { padding: 24px; display: flex; flex-direction: column; gap: 10px } .image-text-card-u1ujFb .content-4UUDP6 .name-938dSU { font-size: 24px; font-size: 700; line-height: 36px; color: var(--theme-text-primary) } .image-text-card-u1ujFb .content-4UUDP6 .desc-B7G-Pu { font-size: 18px; font-weight: 400; line-height: 28px; color: var(--theme-text-tertiary) } .image-text-button-card-Uz2WY8 { flex-direction: column; padding: 32px; border-radius: 24px; background: var(--theme-fill-white); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1); gap: 32px } .image-text-button-card-Uz2WY8 .poster-2-AMRJ { width: 100%; height: auto; border-radius: 20px; overflow: hidden } .image-text-button-card-Uz2WY8 .content-4UUDP6 { display: flex; flex-direction: column } .image-text-button-card-Uz2WY8 .content-4UUDP6 .name-938dSU { font-size: 32px; font-size: 600; line-height: 40px; color: var(--theme-text-primary) } .image-text-button-card-Uz2WY8 .content-4UUDP6 .desc-B7G-Pu { margin-top: 10px; font-size: 18px; font-weight: 400; line-height: 28px; color: var(--theme-text-tertiary) } .image-text-button-card-Uz2WY8 .content-4UUDP6 .action-CLRJkl { margin-top: 16px; display: flex } .image-text-button-card-Uz2WY8 .content-4UUDP6 .action-CLRJkl .btn-qFusVu { padding: 0 20px } @media screen and (max-width: 1110px) { .benefits-CJgmr8 .group-ReW6u2.col-3--MzRVd { grid-template-columns: repeat(2, 1fr) } } @media screen and (max-width: 800px) { .benefits-CJgmr8 .title--xbJYY { font-size: 24px; font-weight: 600; line-height: 30px } .benefits-CJgmr8 .subtitle-gq-JpB { margin-top: 8px; font-size: 12px } .benefits-CJgmr8 .group-ReW6u2 { margin-top: 24px; gap: 24px } .benefits-CJgmr8 .install-3R0jlS { margin-top: 24px } .basic-block-jmzwWg { min-width: 240px; max-width: 100% } .icon-text-block-B6iaGK { gap: 8px } .icon-text-block-B6iaGK .lt-Kzd6en { height: 22px } .icon-text-block-B6iaGK .lt-Kzd6en .icon-ff4-bC { width: 18px; height: 18px } .icon-text-block-B6iaGK .rt-qQEoK0 .name-938dSU { font-size: 16px; line-height: 22px } .icon-text-block-B6iaGK .rt-qQEoK0 .desc-B7G-Pu { font-size: 14px; line-height: 22px } .horizontal-icon-text-card-B6WhtS { gap: 16px; padding: 16px; border-radius: 12px } .horizontal-icon-text-card-B6WhtS .lt-Kzd6en .icon-ff4-bC { width: 36px; height: 36px } .horizontal-icon-text-card-B6WhtS .rt-qQEoK0 { gap: 8px } .horizontal-icon-text-card-B6WhtS .rt-qQEoK0 .name-938dSU { font-size: 16px; line-height: 22px } .horizontal-icon-text-card-B6WhtS .rt-qQEoK0 .desc-B7G-Pu { font-size: 12px; line-height: 18px } .vertical-icon-text-card-YUr6tP { padding: 16px; border-radius: 12px } .vertical-icon-text-card-YUr6tP .image-cfA3qM { border-radius: 8px; width: 40px; height: 40px; margin-bottom: 16px } .vertical-icon-text-card-YUr6tP .name-938dSU { font-size: 16px; line-height: 22px } .vertical-icon-text-card-YUr6tP .desc-B7G-Pu { margin-top: 6px; font-size: 14px; line-height: 22px } .image-text-block-xV-WMf .content-4UUDP6 { margin-top: 12px; gap: 8px } .image-text-block-xV-WMf .content-4UUDP6 .name-938dSU { font-size: 16px; font-size: 600; line-height: 22px } .image-text-block-xV-WMf .content-4UUDP6 .desc-B7G-Pu { font-size: 12px; line-height: 18px } .image-text-card-u1ujFb { border-radius: 12px } .image-text-card-u1ujFb .content-4UUDP6 { padding: 12px; gap: 8px } .image-text-card-u1ujFb .content-4UUDP6 .name-938dSU { font-size: 16px; font-size: 600; line-height: 22px } .image-text-card-u1ujFb .content-4UUDP6 .desc-B7G-Pu { font-size: 12px; line-height: 18px } .image-text-button-card-Uz2WY8 { padding: 16px; border-radius: 12px; gap: 20px } .image-text-button-card-Uz2WY8 .poster-2-AMRJ { border-radius: 10px } .image-text-button-card-Uz2WY8 .content-4UUDP6 .name-938dSU { font-size: 20px; line-height: 26px } .image-text-button-card-Uz2WY8 .content-4UUDP6 .desc-B7G-Pu { margin-top: 8px; font-size: 14px; line-height: 22px } .image-text-button-card-Uz2WY8 .content-4UUDP6 .action-CLRJkl { margin-top: 12px } .image-text-button-card-Uz2WY8 .content-4UUDP6 .action-CLRJkl .btn-qFusVu { min-height: 32px; height: 32px; padding: 0 12px } } @media screen and (max-width: 640px) { .benefits-CJgmr8 .group-ReW6u2.col-3--MzRVd, .benefits-CJgmr8 .group-ReW6u2.col-2-2OyLEB { grid-template-columns: repeat(1, 1fr) } } .user-comments-list-59wW1u { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1px; grid-column-gap: 24px; visibility: hidden } .user-comments-list-59wW1u.inited-Uvjz9A { visibility: visible } .user-comments-list-59wW1u .comment-card--V3Q1o { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; border-radius: 8px; background-color: var(--theme-fill-tsp-components-tertiary); padding: 16px; height: fit-content; overflow: hidden } .user-comments-list-59wW1u .comment-card--V3Q1o .user-F8-7wM { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 16px } .user-comments-list-59wW1u .comment-card--V3Q1o .user-F8-7wM .avatar-ZsYNjS { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; overflow: hidden } .user-comments-list-59wW1u .comment-card--V3Q1o .user-F8-7wM .name-stmLZH { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 20px; font-weight: 400; color: var(--theme-text-primary) } .user-comments-list-59wW1u .comment-card--V3Q1o .rate-ncBCB9 { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 0 } .user-comments-list-59wW1u .comment-card--V3Q1o .comment-Wq4ycQ { width: 100%; font-size: 16px; line-height: 22px; font-weight: 400; color: var(--theme-text-secondary) } @media screen and (max-width: 885px) { .user-comments-list-59wW1u { grid-template-columns: repeat(2, 1fr) } } @media screen and (max-width: 600px) { .user-comments-list-59wW1u { grid-template-columns: repeat(1, 1fr); display: flex; flex-direction: column; gap: 16px } .user-comments-list-59wW1u .comment-card--V3Q1o { width: 100%; display: none } .user-comments-list-59wW1u .comment-card--V3Q1o .rate-ncBCB9 { transform: scale(.8); transform-origin: left center } .user-comments-list-59wW1u .comment-card--V3Q1o:nth-child(1), .user-comments-list-59wW1u .comment-card--V3Q1o:nth-child(2), .user-comments-list-59wW1u .comment-card--V3Q1o:nth-child(3) { display: flex } } .comparison-table-dtdSq4 .title-AslItS { text-align: center; color: var(--theme-icon-primary); font-size: 32px; font-style: normal; font-weight: 700; line-height: 48px } .comparison-table-dtdSq4 .description-vqiXHc { color: var(--theme-icon-secondary); text-align: center; font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; margin-top: 15px } .comparison-table-dtdSq4 .table-ACQbhO { margin-top: 20px; width: 100%; border-spacing: 0; color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px } .comparison-table-dtdSq4 .table-ACQbhO .header-tB2gTc { width: 100% } .comparison-table-dtdSq4 .table-ACQbhO .header-tB2gTc .feature-Jxj4-J { display: inline-flex; gap: 4px } .comparison-table-dtdSq4 .table-ACQbhO .row-title-woeNV4 { border-radius: 12px } .comparison-table-dtdSq4 .table-ACQbhO .th-mNB5ID, .comparison-table-dtdSq4 .table-ACQbhO .td-WOxyKw { padding: 16px 24px } .comparison-table-dtdSq4 .table-ACQbhO .th-mNB5ID.td-title-g-zGbP, .comparison-table-dtdSq4 .table-ACQbhO .td-WOxyKw.td-title-g-zGbP { font-weight: 500; background: var(--theme-fill-tsp-components-tertiary) } .comparison-table-dtdSq4 .table-ACQbhO .th-mNB5ID:first-child, .comparison-table-dtdSq4 .table-ACQbhO .td-WOxyKw:first-child { border-radius: 12px 0 0 12px } .comparison-table-dtdSq4 .table-ACQbhO .th-mNB5ID:last-child, .comparison-table-dtdSq4 .table-ACQbhO .td-WOxyKw:last-child { border-radius: 0 12px 12px 0 } .comparison-table-dtdSq4 .table-ACQbhO .tr-yO5XU3 .th-mNB5ID:first-child { width: 40% } .comparison-table-dtdSq4 .table-ACQbhO .icon-IRQKRl { color: var(--theme-function-error) } .comparison-table-dtdSq4 .table-ACQbhO .icon-IRQKRl .success-DzESd1 { color: var(--theme-text-disable) } @media screen and (max-width: 991.98px) { .comparison-table-dtdSq4 .title-AslItS { font-size: 22px; line-height: 1.5 } .comparison-table-dtdSq4 .feature-name-317HzB { font-size: 14px !important; line-height: 22px !important } .comparison-table-dtdSq4 .td-WOxyKw { padding-top: 16px !important } } .faq-wyvS8i { display: flex; align-items: center } .faq-wyvS8i.vertical-CcU9fk { flex-direction: column } .faq-wyvS8i.vertical-CcU9fk h2 { padding-right: 0 } .faq-wyvS8i.vertical-CcU9fk .subtitle-X0v437 { margin-top: 16px; text-align: center } .faq-wyvS8i.vertical-CcU9fk .questions-JDU33N { width: 100%; margin-top: 24px } .faq-wyvS8i h2 { color: var(--theme-text-primary); font-size: 48px; font-style: normal; font-weight: 700; line-height: 52px; padding-right: 83px; text-align: center } .faq-wyvS8i .subtitle-X0v437 { color: var(--theme-text-tertiary); font-size: 20px; font-weight: 400; line-height: 24px } .faq-wyvS8i .questions-JDU33N { flex: 1; min-width: 0 } @media screen and (max-width: 800px) { .faq-wyvS8i h2 { font-size: 24px; line-height: 30px } .faq-wyvS8i .subtitle-X0v437 { font-size: 12px; line-height: 18px } .faq-wyvS8i.vertical-CcU9fk .subtitle-X0v437 { margin-top: 8px } .faq-wyvS8i.vertical-CcU9fk .questions-JDU33N { margin-top: 0 } } .question-tvdotI { border-bottom: 1px solid var(--theme-btn-border-primary) } .question-tvdotI.collapsed-STfiOq .question-title-lfk4ce { padding-bottom: 24px } .question-tvdotI .question-title-lfk4ce { padding-top: 24px; display: flex; align-items: center; justify-content: space-between; color: var(--theme-text-primary); font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; padding-bottom: 0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .question-tvdotI .question-answer-xd-w3r { color: var(--theme-text-tertiary); font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; padding-bottom: 24px; margin-top: 12px } .question-tvdotI .question-answer-xd-w3r.none-T1olTc { display: none } .question-tvdotI .question-answer-xd-w3r p { margin-top: 16px } @media screen and (max-width: 800px) { .question-tvdotI .question-title-lfk4ce { min-height: 36px; font-size: 16px; line-height: 22px; padding-top: 16px } .question-tvdotI .question-answer-xd-w3r { font-size: 14px; line-height: 22px; padding-bottom: 16px } .question-tvdotI.collapsed-STfiOq .question-title-lfk4ce { padding-bottom: 16px } } .faq-box-T8PX9U { position: relative; display: flex; justify-content: center } .faq-box-T8PX9U .faq-BgroOp, .faq-box-T8PX9U .faq-list-9mK6qR { width: 100%; max-width: 800px } .faq-list-9mK6qR { display: flex; flex-direction: column; align-items: center } .faq-list-9mK6qR h2 { color: var(--theme-text-primary); font-size: 48px; font-style: normal; font-weight: 700; line-height: 52px; text-align: center } .faq-list-9mK6qR .subtitle-uX85pA { margin-top: 16px; color: var(--theme-text-tertiary); font-size: 20px; font-weight: 400; text-align: center } .faq-list-9mK6qR .question-groups-4M-00G { width: 100% } .faq-list-9mK6qR .question-groups-4M-00G .question-group-vcS7eN { margin-top: 48px } .faq-list-9mK6qR .question-groups-4M-00G .question-group-vcS7eN:first-child { margin-top: 20px } .faq-list-9mK6qR .question-groups-4M-00G .question-group-vcS7eN .label-jae0X0 { color: var(--theme-text-primary); font-size: 28px; font-style: normal; font-weight: 700; line-height: 42px } .faq-list-9mK6qR .question-groups-4M-00G .question-group-vcS7eN .questions-i9Vrgh { flex: 1; min-width: 0 } .faq-list-9mK6qR .question-groups-4M-00G .question-group-vcS7eN .questions-i9Vrgh .question-aBAieS { color: var(--theme-icon-secondary); font-size: 24px; font-style: normal; font-weight: 500; line-height: 36px } @media screen and (max-width: 800px) { .faq-list-9mK6qR h2 { font-size: 24px; line-height: 30px } .faq-list-9mK6qR .subtitle-uX85pA { font-size: 12px; line-height: 18px } .faq-list-9mK6qR .question-groups-4M-00G .question-group-vcS7eN { margin-top: 32px } .faq-list-9mK6qR .question-groups-4M-00G .question-group-vcS7eN .label-jae0X0 { color: var(--theme-text-primary); font-size: 16px; line-height: 1.5 } .faq-list-9mK6qR .question-groups-4M-00G .question-group-vcS7eN .questions-i9Vrgh .question-aBAieS { min-height: 48px; font-size: 14px; line-height: 1.5 } } .simple-tabs-kRiTTN { position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; max-width: max-content; gap: 4px; padding: 2px; border-radius: 40px; border: 1px solid var(--theme-btn-border-primary); background: var(--theme-fill-tsp-components-secondary) } .simple-tabs-kRiTTN .tab-9Dl-wP { padding: 10px 12px; border-radius: 40px; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--theme-text-tertiary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .simple-tabs-kRiTTN .tab-9Dl-wP.active-9OWeHm { box-shadow: 0 1px 8px #0000001f; color: var(--theme-text-white-primary) } .simple-tabs-kRiTTN.gradient-GCLhJE .active-9OWeHm { background: linear-gradient(91deg, #4941ff 0%, #ae62ff 99.08%) } .simple-tabs-kRiTTN.primary-eowJgP .active-9OWeHm { background: var(--theme-btn-fill-primary) } .simple-tabs-kRiTTN.black-hyQ4gI .active-9OWeHm { background: #000 } .feature-hero-section-UyvKW7 { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center } .feature-hero-section-UyvKW7 .title-tjhAwt { font-size: 48px; font-weight: 700; line-height: 58px; color: var(--theme-text-primary) } .feature-hero-section-UyvKW7 .subtitle-jymukf { margin-top: 16px; font-size: 20px; line-height: 24px; color: var(--theme-text-tertiary) } .feature-hero-section-UyvKW7 .tabs-Unrt9g { margin-top: 24px } .feature-hero-section-UyvKW7 .cards-4TCBar { margin-top: 24px; width: 100%; position: relative } .feature-hero-section-UyvKW7 .cards-4TCBar .card-fTxC38 { width: 100%; flex-direction: column; gap: 24px; display: none } .feature-hero-section-UyvKW7 .cards-4TCBar .card-fTxC38.active-Q7awdr { display: flex } .feature-hero-section-UyvKW7 .cards-4TCBar .card-fTxC38 .desc-F7tD5v { font-size: 16px; line-height: 24px; color: var(--theme-text-quaternary) } .feature-hero-section-UyvKW7 .cards-4TCBar .card-fTxC38 .media-hx-m-j { border-radius: 24px; overflow: hidden } .feature-hero-section-UyvKW7 .cards-4TCBar .card-fTxC38 .media-hx-m-j .source-TRiodS { width: 100% } @media screen and (max-width: 800px) { .feature-hero-section-UyvKW7 { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center } .feature-hero-section-UyvKW7 .title-tjhAwt { font-size: 24px; line-height: normal } .feature-hero-section-UyvKW7 .subtitle-jymukf { margin-top: 12px; font-size: 12px; line-height: 18px } .feature-hero-section-UyvKW7 .cards-4TCBar .card-fTxC38 { gap: 12px } .feature-hero-section-UyvKW7 .cards-4TCBar .card-fTxC38 .desc-F7tD5v { font-size: 12px; line-height: 18px; color: var(--theme-text-quaternary) } .feature-hero-section-UyvKW7 .cards-4TCBar .card-fTxC38 .media-hx-m-j { border-radius: 12px; overflow: hidden } } .feature-intro-fSdwU5 { display: flex; gap: 80px; align-items: center; overflow: hidden } .feature-intro-fSdwU5 .intro-9IKdSP { width: 45%; display: flex; flex-direction: column; justify-content: space-between } .feature-intro-fSdwU5 .intro-9IKdSP .box-jkfbU8 { width: 100% } .feature-intro-fSdwU5 .intro-9IKdSP .title-reverse-PQI823 { display: flex; flex-direction: column-reverse; gap: 20px } .feature-intro-fSdwU5 .intro-9IKdSP .title-reverse-PQI823 .desc-v-q2Z3 { margin-top: 0 } .feature-intro-fSdwU5 .intro-9IKdSP h3 { color: var(--theme-text-primary); font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px } .feature-intro-fSdwU5 .intro-9IKdSP .tags-pLAWpq { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center } .feature-intro-fSdwU5 .intro-9IKdSP .tags-pLAWpq .tag-CilzW8 { display: flex; align-items: center; gap: 4px; padding: 6px 12px; border-radius: 8px; background: rgba(0, 0, 0, .06); overflow: hidden } .feature-intro-fSdwU5 .intro-9IKdSP .tags-pLAWpq .tag-CilzW8 .icon-3ol1w1 { width: 16px; height: 16px; object-fit: cover } .feature-intro-fSdwU5 .intro-9IKdSP .tags-pLAWpq .tag-CilzW8 .name-Xn0L-1 { font-size: 13px; font-weight: 600; line-height: 20px; color: var(--theme-text-tertiary) } .feature-intro-fSdwU5 .intro-9IKdSP .desc-v-q2Z3 { margin-top: 16px; color: var(--theme-text-tertiary); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } .feature-intro-fSdwU5 .intro-9IKdSP .desc-v-q2Z3 ul { padding-left: 20px; display: flex; flex-direction: column; gap: 10px } .feature-intro-fSdwU5 .intro-9IKdSP .desc-v-q2Z3 ul li { position: relative } .feature-intro-fSdwU5 .intro-9IKdSP .desc-v-q2Z3 ul li:before { content: ""; position: absolute; left: -20px; top: 8px; width: 8px; height: 8px; background-color: #000; border-radius: 50% } .feature-intro-fSdwU5 .intro-9IKdSP .desc-v-q2Z3 p { margin-top: 16px } .feature-intro-fSdwU5 .intro-9IKdSP .add-to-browser--ylI7D { margin-top: 20px; display: inline-flex } .feature-intro-fSdwU5 .intro-9IKdSP .action-364fUZ { margin-top: 24px; width: 100%; display: flex } .feature-intro-fSdwU5 .intro-9IKdSP .action-364fUZ .btn-0ga-NV { padding: 0 20px; max-width: 100%; white-space: normal } .feature-intro-fSdwU5 .img-ilw-Uc { width: min(52%, 600px) } .feature-intro-fSdwU5 .img-ilw-Uc img, .feature-intro-fSdwU5 .img-ilw-Uc video { -webkit-user-drag: none; max-width: 100%; border-radius: 16px } @media screen and (max-width: 768px) { .feature-intro-fSdwU5 { flex-direction: column-reverse; gap: 16px; border-radius: 12px } .feature-intro-fSdwU5 .intro-9IKdSP { width: 100%; align-items: center; text-align: center } .feature-intro-fSdwU5 .intro-9IKdSP .title-reverse-PQI823 p { margin-top: 0 } .feature-intro-fSdwU5 .intro-9IKdSP h3 { font-size: 22px; line-height: 28px; text-align: left } .feature-intro-fSdwU5 .intro-9IKdSP .tags-pLAWpq { margin-top: 8px; gap: 4px } .feature-intro-fSdwU5 .intro-9IKdSP .tags-pLAWpq .tag-CilzW8 { padding: 4px 8px } .feature-intro-fSdwU5 .intro-9IKdSP .tags-pLAWpq .tag-CilzW8 .icon-3ol1w1 { width: 12px; height: 12px } .feature-intro-fSdwU5 .intro-9IKdSP .tags-pLAWpq .tag-CilzW8 .name-Xn0L-1 { font-size: 12px; line-height: 18px } .feature-intro-fSdwU5 .intro-9IKdSP .desc-v-q2Z3 { font-size: 16px; line-height: 24px; margin-top: 12px; text-align: left } .feature-intro-fSdwU5 .intro-9IKdSP .action-364fUZ { margin-top: 16px; display: flex } .feature-intro-fSdwU5 .intro-9IKdSP .action-364fUZ .btn-0ga-NV { padding: 0 12px; max-height: 32px; height: 32px } .feature-intro-fSdwU5 .img-ilw-Uc, .feature-intro-fSdwU5 .img-ilw-Uc img { width: 100% } .feature-intro-fSdwU5 .img-ilw-Uc video { width: 100% } } @media screen and (max-width: 640px) { .feature-intro-fSdwU5 .intro-9IKdSP h3, .feature-intro-fSdwU5 .intro-9IKdSP .desc-v-q2Z3 { text-align: left } } .stack-Dh0h10+.stack-Dh0h10 { margin-top: 48px } @media screen and (max-width: 991.98px) { .stack-Dh0h10+.stack-Dh0h10 { margin-top: 24px } } .title-CMWFQw { color: var(--theme-icon-primary); font-size: 48px; font-weight: 700; line-height: 58px; margin-bottom: 48px; text-align: center } .feature-intro-list-dSls55 { display: flex; flex-direction: column; row-gap: 64px } .feature-intro-list-dSls55 .feature-intro-item-bEbXFb:nth-child(even) { flex-direction: row-reverse } @media screen and (max-width: 992px) { .title-CMWFQw { font-size: 36px; line-height: 44px } } @media screen and (max-width: 768px) { .title-CMWFQw { font-size: 28px; line-height: 34px } .feature-intro-list-dSls55 { row-gap: 44px } .feature-intro-list-dSls55 .feature-intro-item-bEbXFb, .feature-intro-list-dSls55 .feature-intro-item-bEbXFb:nth-child(even) { flex-direction: column } } .feature-items-Stdtfo { display: flex; justify-content: center; align-items: center; flex-direction: column } .feature-items-Stdtfo .title-zsJXPA { color: var(--theme-icon-primary); text-align: center; font-size: 32px; font-weight: 700; line-height: 48px } .feature-items-Stdtfo .subtitle-VOd5Ru { color: var(--theme-icon-primary); font-size: 20px; font-weight: 400; margin-top: 12px; text-align: center } .feature-items-Stdtfo .content-img-ZQMEsQ { -webkit-user-drag: none; height: 400px; object-fit: contain; margin: 0 auto; border-radius: 12px } .feature-items-Stdtfo .items-1h0RDm { display: flex; flex-direction: row; justify-content: center; align-items: center; align-items: flex-start; width: 100%; gap: 40px; justify-content: space-between } .feature-items-Stdtfo .items-1h0RDm .item-edj0QI { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 16px; flex: 1 } .feature-items-Stdtfo .items-1h0RDm .item-edj0QI .item-img-fzY39Z { -webkit-user-drag: none; height: 150px; object-fit: contain; margin: 0 auto; border-radius: 8px } .feature-items-Stdtfo .items-1h0RDm .item-edj0QI .label-GeaqL3 { width: 100%; color: var(--theme-icon-primary); font-size: 24px; font-weight: 700; line-height: 30px; text-align: center } .feature-items-Stdtfo .items-1h0RDm .item-edj0QI .desc-hFcNJw { width: 100%; color: var(--theme-icon-secondary); font-size: 20px; font-weight: 400; line-height: 28px; text-align: center } @media screen and (max-width: 991.98px) { .feature-items-Stdtfo .title-zsJXPA { font-size: 22px; line-height: 1.5 } .feature-items-Stdtfo .subtitle-VOd5Ru { font-size: 18px; line-height: 1.5 } .feature-items-Stdtfo .items-1h0RDm { flex-wrap: wrap } .feature-items-Stdtfo .items-1h0RDm .item-edj0QI .label-GeaqL3 { font-size: 18px; line-height: 1.5 } .feature-items-Stdtfo .items-1h0RDm .item-edj0QI .desc-hFcNJw { font-size: 16px; line-height: 1.5 } } @media screen and (max-width: 767.98px) { .feature-items-Stdtfo .items-1h0RDm { flex-direction: column; align-items: center } } .feature-items-with-tab-MR5vV9 { display: flex; justify-content: center; align-items: center; flex-direction: column } .feature-items-with-tab-MR5vV9 .title-WFVUHX { color: var(--theme-icon-primary); text-align: center; font-size: 32px; font-weight: 700; line-height: 48px; margin-bottom: 20px } .feature-items-with-tab-MR5vV9 .description-TTIfih { color: var(--theme-icon-secondary); font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; text-align: center; margin-bottom: 20px } .feature-items-with-tab-MR5vV9 .tab-BzevPv { margin-top: 48px; flex-direction: row; align-items: center } .feature-items-with-tab-MR5vV9 .tab-BzevPv .desc-W3zdb- { font-size: 16px; line-height: 24px } @media screen and (max-width: 991.98px) { .feature-items-with-tab-MR5vV9 .title-WFVUHX { font-size: 22px; line-height: 1.5 } .feature-items-with-tab-MR5vV9 .tab-BzevPv { margin-top: 36px; flex-direction: column } } .steps-HODKNt h2 { color: var(--theme-icon-primary); text-align: center; font-size: 32px; font-style: normal; font-weight: 700; line-height: 48px } .steps-HODKNt .subtitle-bN26dM { color: var(--theme-icon-primary); font-size: 20px; font-weight: 400; margin-top: 12px; text-align: center } .steps-HODKNt .step-list-nMefDv { display: flex; gap: 40px; justify-content: center } .steps-HODKNt .step-item-0aZIDh { flex: 1; display: flex; flex-direction: column; align-items: center; border-radius: 20px; background: var(--theme-fill-tsp-brand); padding: 32px 20px } .steps-HODKNt .step-item-0aZIDh .num-EIuRBG { min-width: 48px; min-height: 48px; border-radius: 50%; border: 1px solid var(--theme-fill-tsp-brand-tertiary); padding: 10px; color: var(--theme-icon-brand); font-size: 24px; font-style: normal; font-weight: 700; text-align: center; display: flex; align-items: center; justify-content: center; line-height: 1 } .steps-HODKNt .step-item-0aZIDh .title-umMhq9 { color: var(--theme-icon-primary); font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; margin-top: 12px; text-align: center } .steps-HODKNt .step-item-0aZIDh .desc--GJP7n { color: var(--theme-icon-secondary); text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-top: 16px } .steps-HODKNt .step-item-0aZIDh .desc--GJP7n ul { text-align: left; list-style-type: disc; padding-left: 20px } @media screen and (max-width: 991.98px) { .steps-HODKNt h2 { font-size: 22px; line-height: 1.5 } .steps-HODKNt .subtitle-bN26dM { font-size: 18px; line-height: 1.5 } .steps-HODKNt .step-list-nMefDv { flex-direction: row } .steps-HODKNt .step-item-0aZIDh { flex: 1 1 calc(50% - 20px); padding: 24px 16px } .steps-HODKNt .step-item-0aZIDh .num-EIuRBG { min-width: 48px; min-height: 48px; font-size: 20px } .steps-HODKNt .step-item-0aZIDh .title-umMhq9 { font-size: 18px; line-height: 1.5 } .steps-HODKNt .step-item-0aZIDh .desc--GJP7n { font-size: 16px; line-height: 1.5 } } @media screen and (max-width: 767.98px) { .steps-HODKNt .step-list-nMefDv { flex-direction: column } } .features-cq6XbW { visibility: visible } .heading-A-pD5X { margin-top: 34px; display: flex; flex-direction: column; align-items: center } .heading-A-pD5X .support-model-maaXgG { color: var(--theme-text-secondary); font-size: 16px; font-weight: 500; line-height: 20px; padding: 0; margin-bottom: 24px; justify-content: flex-start } .heading-A-pD5X h1 { color: var(--theme-icon-primary); font-size: 56px; font-weight: 700; line-height: 68px } .heading-A-pD5X h1 b { width: max-content; padding: 0 12px 0 4px; background-image: url(./highLightTitle.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: top left; white-space: nowrap } .heading-A-pD5X .subtitle-qMSSwQ { color: var(--theme-text-tertiary); font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; margin-top: 24px; margin-bottom: 48px } .heading-A-pD5X .text-content-Zbv-m-, .heading-A-pD5X .media-content-mCAjGD { width: 100%; display: flex; flex-direction: column; align-items: center } .heading-A-pD5X .install-btn-6hhCUt { width: 100%; max-width: 552px; margin-top: 24px } .heading-A-pD5X .intro-MEtvXa, .heading-A-pD5X .intro-MEtvXa .support-model-maaXgG { width: 100% } .heading-A-pD5X .intro-MEtvXa .intro-cont-FbEcHy { display: flex; flex-direction: column; align-items: center } .heading-A-pD5X.vertical-text-55WaSD .subtitle-qMSSwQ, .heading-A-pD5X.vertical-text-and-media-pvHwp1 .subtitle-qMSSwQ { margin-bottom: 0 } .heading-A-pD5X.vertical-text-and-media-pvHwp1 .image-jS81vk, .heading-A-pD5X.vertical-text-and-media-pvHwp1 .video-Wd1QaF { margin-top: 40px; width: 100%; border-radius: 24px; object-fit: contain; -webkit-user-drag: none } .heading-A-pD5X.vertical-text-and-media-pvHwp1 .youtube-box-Eb6der { margin-top: 40px } .heading-A-pD5X.horizontal-text-and-media-T30mSn { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 48px } .heading-A-pD5X.horizontal-text-and-media-T30mSn .intro-MEtvXa .intro-cont-FbEcHy { flex-direction: row; justify-content: space-between; align-items: center; gap: 48px } .heading-A-pD5X.horizontal-text-and-media-T30mSn .subtitle-qMSSwQ { margin-bottom: 0 } .heading-A-pD5X.horizontal-text-and-media-T30mSn .text-content-Zbv-m-, .heading-A-pD5X.horizontal-text-and-media-T30mSn .media-content-mCAjGD { flex: 1 1 50%; align-items: flex-start } .heading-A-pD5X.horizontal-text-and-media-T30mSn .text-content-Zbv-m- { max-width: 552px } .heading-A-pD5X.horizontal-text-and-media-T30mSn .media-content-mCAjGD { max-width: 600px } .heading-A-pD5X.horizontal-text-and-media-T30mSn .image-jS81vk, .heading-A-pD5X.horizontal-text-and-media-T30mSn .video-Wd1QaF { width: 100%; border-radius: 24px; object-fit: contain } .heading-A-pD5X .youtube-box-Eb6der { width: 100%; height: 0; padding-bottom: 56.2%; position: relative } .heading-A-pD5X .youtube-box-Eb6der iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 24px } .heading-A-pD5X.text-center-azJ96D h1, .heading-A-pD5X.text-center-azJ96D .subtitle-qMSSwQ { text-align: center } .heading-A-pD5X.is-mobile-sFqdRc .subtitle-qMSSwQ { margin-bottom: 24px } @media screen and (max-width: 1280px) { .heading-A-pD5X h1 { font-size: 50px; font-weight: 700; line-height: 58px } } @media screen and (max-width: 991.98px) { .heading-A-pD5X h1 { width: 100%; font-size: 30px; line-height: 36px; text-align: center } .heading-A-pD5X .support-model-maaXgG { width: 100%; justify-content: center } .heading-A-pD5X .subtitle-qMSSwQ { margin-top: 12px; width: 100%; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; text-align: center } .heading-A-pD5X .text-content-Zbv-m- { width: 100% } .heading-A-pD5X .text-content-Zbv-m- .install-btn-6hhCUt { margin-top: 24px; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center } .heading-A-pD5X .text-content-Zbv-m- .install-btn-6hhCUt>div { min-width: 260px !important; min-height: 40px !important } .heading-A-pD5X .media-content-mCAjGD { width: 100% } .heading-A-pD5X.vertical-text-and-media-pvHwp1 .image-jS81vk, .heading-A-pD5X.vertical-text-and-media-pvHwp1 .video-Wd1QaF { margin-top: 24px } .heading-A-pD5X.horizontal-text-and-media-T30mSn, .heading-A-pD5X.horizontal-text-and-media-T30mSn .intro-MEtvXa .intro-cont-FbEcHy { flex-direction: column } } @media screen and (max-width: 640px) { .heading-A-pD5X .subtitle-qMSSwQ { font-size: 16px; line-height: 24px } } .install-extension-alert-vDEoLw { width: 100%; display: flex; align-items: center; justify-content: center; padding: 11px 24px; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; background: var(--mobile-on-light-paper, linear-gradient(100deg, #edf1ff 10.26%, #f7e9ff 97.75%)) } .install-extension-alert-vDEoLw mark { color: var(--theme-icon-brand); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; background: transparent; margin: 0 4px } .install-extension-alert-vDEoLw .btn-beXTT9 { margin-left: 28px } .breadcrumb-ynD6Lm { display: flex; flex-direction: row; justify-content: center; align-items: center; width: max-content; gap: 4px } .breadcrumb-ynD6Lm .item-D---4G { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .breadcrumb-ynD6Lm .item-D---4G .last-label-BcvUvy { color: var(--theme-text-tertiary) } .breadcrumb-ynD6Lm .item-D---4G .url-mRyoUM { color: var(--theme-icon-secondary); text-align: center; font-size: 14px; font-weight: 500; transition: all .2s } .breadcrumb-ynD6Lm .item-D---4G .url-mRyoUM:hover { color: var(--theme-icon-brand) } .simple-footer-jE-M0B { padding: 24px 0; border-top: 1px solid var(--theme-border-primary); margin-top: 80px; width: 100%; color: var(--theme-icon-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .simple-footer-jE-M0B a { color: inherit } .simple-footer-jE-M0B .inner-FFPMlb { max-width: 1232px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; box-sizing: content-box; padding: 0 20px } .simple-footer-jE-M0B .divider-DHx4KN { width: 1px; height: 12px; background: var(--theme-icon-quaternary); margin: 0 10px } .simple-footer-jE-M0B .left-YlLmPO { display: flex; align-items: center } @media screen and (max-width: 640px) { .simple-footer-jE-M0B .inner-FFPMlb { flex-direction: column } } @supports (padding: max(0px)) { @media screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) { .layout-jDTrIm { padding-bottom: 80px } } } .layout-jDTrIm { height: 100vh; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; flex-direction: column } .layout-jDTrIm::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .layout-jDTrIm::-webkit-scrollbar-track { background: transparent } .layout-jDTrIm::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .layout-jDTrIm::-webkit-scrollbar-thumb:hover { background: #00000062 } .layout-jDTrIm::-webkit-scrollbar-corner { background: transparent } .layout-jDTrIm.seo-index-T41Nif { position: relative; z-index: 1 } .layout-jDTrIm.seo-index-T41Nif:not(.layout-jDTrIm.seo-index-T41Nif.no-bg-MOXCYi) { background: #fcfbff } .layout-jDTrIm.seo-index-T41Nif:not(.layout-jDTrIm.seo-index-T41Nif.no-bg-MOXCYi):after { content: ""; width: 100%; position: absolute; z-index: -1; top: 0; left: 0; height: 360px; background: linear-gradient(180deg, var(--theme-label-tsp-brand-primary) 0%, rgba(104, 65, 234, 0) 78.76%) } .layout-jDTrIm.seo-index-T41Nif .main-k9GL7Z { max-width: 1200px; margin: 0 auto 120px } @media (max-width: 640px) { .layout-jDTrIm.seo-index-T41Nif .main-k9GL7Z { margin-bottom: 0 } } .layout-jDTrIm .page-header-pZUl4p { position: sticky; top: 0; left: 0; z-index: 10; background: transparent } .layout-jDTrIm .page-header-pZUl4p.sticky-ZXKxrb { background: rgba(255, 255, 255, .6); backdrop-filter: blur(6px) } .layout-jDTrIm .main-wrap--UKF3V { padding: 0 32px; display: flex; flex-direction: column } .layout-jDTrIm .main-wrap--UKF3V .breadcrumb-Y54sRR { margin: 16px 0; z-index: 999 } .layout-jDTrIm .main-wrap--UKF3V.flexible-dBKgPq { flex: 1; min-height: 0 } @media (max-width: 480px) { .layout-jDTrIm .main-wrap--UKF3V { padding: 0 24px } } .layout-jDTrIm .main-k9GL7Z { width: 100% } .footer-wrapper-vwC77d { width: 100%; background: var(--theme-bg-white); border-radius: 40px 40px 0 0; padding: 48px 80px 80px; display: flex; align-items: center; justify-content: center; gap: 20px } .footer-wrapper-vwC77d .footer-ZOzp-0 { display: flex; justify-content: space-between; flex: 1; gap: 20px; max-width: 1440px } .footer-wrapper-vwC77d .footer-ZOzp-0 .footer-left-RNEsbe { display: flex; flex-direction: column; gap: 20px; max-width: 344px; align-items: flex-start } .footer-wrapper-vwC77d .footer-ZOzp-0 .footer-left-RNEsbe .product-name-IfMayo { color: var(--theme-text-primary); font-size: 28px; font-weight: 600; line-height: 42px } .footer-wrapper-vwC77d .footer-ZOzp-0 .footer-left-RNEsbe .footer-left-content-aYOT-G { font-size: 14px; color: var(--theme-icon-tertiary); line-height: 22px } .footer-wrapper-vwC77d .footer-ZOzp-0 .footer-right-zxonKj { display: flex; justify-content: space-between; gap: 24px } .footer-wrapper-vwC77d .footer-ZOzp-0 .footer-right-zxonKj .features-content-vc-qrp { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; align-items: flex-start; gap: 24px } .footer-wrapper-vwC77d .footer-ZOzp-0 .footer-right-zxonKj .features-content-vc-qrp .group-XmtUsu { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 24px } .footer-wrapper-vwC77d .footer-ZOzp-0 .footer-right-zxonKj .features-content-vc-qrp .group-XmtUsu .group-item-uXo4zb { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 16px } .footer-wrapper-vwC77d .footer-ZOzp-0 .footer-right-zxonKj .features-content-vc-qrp .category-name-vimLIz { font-size: 16px; line-height: 24px; color: var(--theme-text-primary); font-weight: 700 } .footer-wrapper-vwC77d .footer-ZOzp-0 .footer-right-zxonKj .features-content-vc-qrp .category-content-o0Rjvl { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 16px; align-items: flex-start } .footer-wrapper-vwC77d .card-MQJA-a { display: flex; flex-direction: column; gap: 12px } .footer-wrapper-vwC77d .card-MQJA-a .card-title-2KelSi { white-space: nowrap; color: var(--theme-text-primary); font-size: 20px; font-weight: 700; line-height: 28px } .footer-wrapper-vwC77d .card-MQJA-a .hr-e2ehKG { height: 1px; background: var(--theme-fill-tsp-components-secondary) } .footer-wrapper-vwC77d .box-n-HD3P { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 16px; font-size: 14px; line-height: 22px; color: var(--theme-icon-primary) } .footer-wrapper-vwC77d .box-n-HD3P .link-wrapper-6qRLEr { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px } .footer-wrapper-vwC77d .box-n-HD3P .link-wrapper-6qRLEr .link-Kqem2V { cursor: pointer; color: currentColor } .footer-wrapper-vwC77d .box-n-HD3P .link-wrapper-6qRLEr .link-Kqem2V:hover { text-decoration: underline } .footer-wrapper-vwC77d .box-n-HD3P .link-wrapper-6qRLEr .new-tag-7Qi9E- { padding: 0 4px; border-radius: 18px; background: var(--theme-btn-fill-tertiary-hover); color: var(--theme-icon-brand); font-size: 12px; font-weight: 500; line-height: 18px } .footer-wrapper-vwC77d .careers-popover-i23Lzr { display: flex; padding: 12px; flex-direction: column; gap: 4px; border-radius: 12px; background: var(--theme-bg-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)), 0 0 1px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)); max-width: 360px } .footer-wrapper-vwC77d .careers-popover-i23Lzr .careers-desc-KWii4X { font-size: 14px; line-height: 22px; font-weight: 500; border-radius: 8px; transition: all .2s ease-in-out; color: var(--theme-text-primary) } .footer-wrapper-vwC77d .careers-popover-i23Lzr .apply-Jat59q .email-EFA797 { user-select: initial } .footer-wrapper-vwC77d .careers-popover-i23Lzr .apply-Jat59q .email-EFA797:hover { opacity: .7; color: var(--theme-text-brand) } .bottom-aemW9N { width: 100%; background: var(--theme-bg-white); padding: 0 80px } .bottom-aemW9N .bottom-container-AVFTAA { padding: 24px 0 100px; border-top: 1px solid var(--theme-btn-border-primary); justify-content: space-between; align-items: center; display: flex; gap: 20px; margin: 0 auto; max-width: 1440px } .bottom-aemW9N .bottom-container-AVFTAA .copyright-AluLWd { white-space: wrap; color: var(--theme-icon-secondary); font-size: 14px; font-weight: 400; line-height: 22px } .download-9vOKTa { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px } .download-9vOKTa .platform-Og5E5S { all: unset; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 4px 10px; gap: 8px; border-radius: 20px; background: var(--theme-bg-gray-secondary); color: var(--theme-icon-secondary) } .download-9vOKTa .platform-Og5E5S .name-8yVS75 { font-size: 14px; font-weight: 500; line-height: 22px } @media screen and (max-width: 1300px) { .footer-wrapper-vwC77d { padding: 58px } .footer-ZOzp-0 { flex-direction: column; gap: 44px !important } .footer-ZOzp-0 .footer-left-RNEsbe { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 20px; max-width: max-content !important } .bottom-aemW9N { padding: 0 58px } .bottom-aemW9N .bottom-container-AVFTAA { flex-direction: column } .bottom-aemW9N .bottom-container-AVFTAA .copyright-AluLWd { text-align: center } } @media screen and (max-width: 991.98px) { .footer-wrapper-vwC77d .footer-ZOzp-0 .footer-right-zxonKj { flex-direction: column } } @media screen and (max-width: 767.98px) { .footer-wrapper-vwC77d { padding: 20px } .footer-wrapper-vwC77d .footer-ZOzp-0 .footer-right-zxonKj .features-content-vc-qrp { flex-direction: column } .bottom-aemW9N { padding: 0 20px } .bottom-aemW9N .bottom-container-AVFTAA { padding: 20px 0 } .bottom-aemW9N .bottom-container-AVFTAA .download-9vOKTa { flex-wrap: wrap } .download-9vOKTa { display: none } } @media screen and (max-width: 640px) { .bottom-aemW9N { padding-bottom: 80px } } @media screen and (max-width: 460px) { .footer-right-zxonKj { display: none !important } } .user-popover-K0KZQt .user-CUkQNE { display: flex; align-items: center; gap: 8px } .user-popover-K0KZQt .user-CUkQNE .usage-Xr246W { display: flex; align-items: center; border-radius: 16px; background: var(--theme-btn-fill-tertiary); padding: 3px 6px; color: var(--theme-icon-brand); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; white-space: nowrap } .user-popover-K0KZQt .user-CUkQNE .usage-Xr246W .model-om97Cr { margin: 0 4px 0 2px } .user-popover-K0KZQt .user-CUkQNE .user-info-wrapper-8BZ6rf { display: flex; flex-direction: row; align-items: center; gap: 8px } .user-popover-K0KZQt .user-CUkQNE .user-name-swY4rj { color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .user-popover-K0KZQt .btn-aY8y9T { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } @media screen and (max-width: 991.98px) { .user-popover-K0KZQt .user-CUkQNE { flex-direction: column-reverse; align-items: flex-start } } .install-btn-ZTI8qS { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; color: var(--theme-text-secondary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; animation: fade-in-qg4mC0 .3s ease forwards } .install-btn-ZTI8qS .logo-fbpCAU { width: 20px; height: 20px } @keyframes fade-in-qg4mC0 { 0% { opacity: 0 } to { opacity: 1 } } .page-header-content-5qjS3H { align-items: center; min-height: 72px; padding: 0 30px; display: flex; justify-content: space-between } .page-header-content-5qjS3H.sidebar-Qd6oL6 { background: var(--theme-bg-white) } .page-header-content-5qjS3H .page-header-right-GZV-jZ { display: flex; align-items: center; gap: 12px; white-space: nowrap } .page-header-content-5qjS3H .page-header-right-GZV-jZ .btn-item-B7UD-R { display: flex; align-items: center; height: 34px; line-height: 34px; font-size: 14px; padding: 8px 16px; color: var(--theme-icon-primary); border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .page-header-content-5qjS3H .page-header-right-GZV-jZ .btn-item-B7UD-R:hover { background: var(--theme-fill-tsp-components-tertiary) } .page-header-content-5qjS3H .page-header-right-GZV-jZ .menu-LCJ7wZ { display: none; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .page-header-content-5qjS3H .page-header-right-GZV-jZ .btn-kM99qG { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .page-header-content-5qjS3H .user-info-wrapper-ohVwv9 { display: inline-flex; align-items: center; gap: 6px } .page-header-content-5qjS3H .install-btn-T4XCWP { margin-right: 16px } .menu-drawer-f6hArM { position: fixed; inset: 0; z-index: 999999; visibility: hidden } .menu-drawer-f6hArM.visible-vHz5wi { visibility: visible } .menu-drawer-f6hArM.visible-vHz5wi .main-0j5tOw { transform: translate(0) } .menu-drawer-f6hArM .mask-mZthIW { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: var(--theme-bg-mask); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .menu-drawer-f6hArM .main-0j5tOw { position: relative; z-index: 2; width: 90vw; height: 100%; background-color: var(--theme-bg-white); overflow-y: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; transform: translate(-100%); transition: all .2s } .menu-drawer-f6hArM .main-0j5tOw::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .menu-drawer-f6hArM .main-0j5tOw::-webkit-scrollbar-track { background: transparent } .menu-drawer-f6hArM .main-0j5tOw::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .menu-drawer-f6hArM .main-0j5tOw::-webkit-scrollbar-thumb:hover { background: #00000062 } .menu-drawer-f6hArM .main-0j5tOw::-webkit-scrollbar-corner { background: transparent } .menu-drawer-f6hArM .main-0j5tOw .header-FsmOHU { padding: 16px 16px 8px; width: 100%; display: flex; flex-direction: row; justify-content: flex-end } .menu-drawer-f6hArM .main-0j5tOw .header-FsmOHU .close-icon-wrapper-Ap9wiy { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .menu-drawer-f6hArM .main-0j5tOw .header-FsmOHU .close-icon-wrapper-Ap9wiy:hover { background: var(--theme-fill-tsp-components-secondary) } .menu-drawer-f6hArM .main-0j5tOw .content-WLoSFb { padding: 8px } .menu-drawer-f6hArM .main-0j5tOw .content-WLoSFb .login-wrapper-IP6Seg { margin-bottom: 12px; padding: 0 8px } .menu-drawer-f6hArM .main-0j5tOw .content-WLoSFb .menus-a71eGl { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 12px } .menu-drawer-f6hArM .main-0j5tOw .content-WLoSFb .menus-a71eGl .menu-LCJ7wZ { width: 100%; padding: 4px 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; gap: 4px; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .menu-drawer-f6hArM .main-0j5tOw .content-WLoSFb .menus-a71eGl .menu-LCJ7wZ:hover { background-color: var(--theme-fill-tsp-components-secondary) } .menu-drawer-f6hArM .main-0j5tOw .content-WLoSFb .menus-a71eGl .menu-LCJ7wZ a { color: var(--theme-icon-primary) } .menu-drawer-f6hArM .main-0j5tOw .content-WLoSFb .feature-menu-sKqv3- .back-9zJA6U { width: 100%; padding: 4px 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .menu-drawer-f6hArM .main-0j5tOw .content-WLoSFb .feature-menu-sKqv3- .back-9zJA6U:hover { background-color: var(--theme-fill-tsp-components-secondary) } .menu-drawer-f6hArM .main-0j5tOw .content-WLoSFb .feature-menu-sKqv3- .back-9zJA6U .back-icon-jT-T7I { transform: rotate(180deg) } @media screen and (max-width: 840px) { .page-header-w4QXvD .page-header-right-GZV-jZ .btn-item-B7UD-R:not(.display-profile-uNBbSv) { display: none } .page-header-w4QXvD .page-header-right-GZV-jZ .user-info-wrapper-ohVwv9:not(.display-profile-uNBbSv) { display: none } .page-header-w4QXvD .page-header-right-GZV-jZ .menu-LCJ7wZ { display: block } } @media screen and (max-width: 640px) { .page-header-content-5qjS3H { padding: 0 16px; min-height: 56px } .page-header-content-5qjS3H .page-header-right-GZV-jZ { gap: 6px } } .page-header-right-two-r9rg6O { display: flex; align-items: center; gap: 32px; margin-left: auto } .page-header-right-two-r9rg6O .featured-QhRA-X { display: flex; flex-direction: row; justify-content: center; align-items: center } .page-header-right-two-r9rg6O .featured-QhRA-X .rotate-LbI9Bk { transform: rotateY(180deg) } .page-header-right-two-r9rg6O .featured-QhRA-X .featured-content-4I1pRS { display: flex; justify-content: center; align-items: center; flex-direction: column; color: var(--theme-text-primary); text-align: center; font-size: 14px; font-style: normal; font-weight: 700; line-height: 16px } .more-tools-5H6VPy { padding: 60px 0 } .more-tools-5H6VPy .container-nYYJV- { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 32px; max-width: 1200px; margin: auto; padding: 0 20px } .more-tools-5H6VPy .title-sn9AoY { color: var(--theme-icon-primary); text-align: center; font-size: 32px; font-style: normal; font-weight: 700; line-height: 48px } .more-tools-5H6VPy .content-w7d1s4 { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 32px; align-items: flex-start } .more-tools-5H6VPy .content-w7d1s4 .tools-tTfJnG { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 12px; align-items: flex-start } .more-tools-5H6VPy .content-w7d1s4 .tools-tTfJnG .category-Tpw6Bl { color: var(--theme-icon-primary); font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px } .more-tools-5H6VPy .content-w7d1s4 .tools-tTfJnG .tool-list-NWytxY { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; justify-content: flex-start; gap: 24px; flex-wrap: wrap } .more-tools-5H6VPy .tool-card-HXXxNx { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; max-width: 370px; padding: 12px; gap: 16px; border-radius: 20px; background: var(--theme-text-white-primary); flex: 1 0 370px; justify-content: flex-start; align-self: stretch; transition: all .2s ease-in-out; min-height: 96px } .more-tools-5H6VPy .tool-card-HXXxNx .icon-QN1pBz { width: 48px; height: 48px; background: var(--theme-btn-fill-secondary); padding: 8px; border-radius: 50% } .more-tools-5H6VPy .tool-card-HXXxNx .emoji-8PIAe- { display: flex; flex-direction: row; justify-content: center; align-items: center; background: var(--theme-btn-fill-tertiary-hover); border-radius: 64px; padding: 4px 12px; font-size: 32px; font-weight: 600; line-height: 48px; color: var(--theme-text-primary) } .more-tools-5H6VPy .tool-card-HXXxNx .tool-info-IWmr1B { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 4px; color: var(--theme-text-primary) } .more-tools-5H6VPy .tool-card-HXXxNx .tool-info-IWmr1B .tool-name-gW-d5F { font-size: 16px; font-weight: 500; line-height: 24px } .more-tools-5H6VPy .tool-card-HXXxNx .tool-info-IWmr1B .tool-desc-dmHl3M { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break: break-word; font-size: 14px; color: var(--theme-text-quaternary); line-height: 22px } .more-tools-5H6VPy .tool-card-HXXxNx:hover { background: var(--theme-btn-fill-tertiary) } @media screen and (max-width: 991.98px) { .more-tools-5H6VPy { padding: 40px 0 } .more-tools-5H6VPy .title-sn9AoY { font-size: 22px; line-height: 1.5 } .more-tools-5H6VPy .content-w7d1s4 .tools-tTfJnG .category-Tpw6Bl { font-size: 18px; line-height: 1.5 } .more-tools-5H6VPy .content-w7d1s4 .tools-tTfJnG .tool-list-NWytxY { flex-direction: column } .more-tools-5H6VPy .tool-card-HXXxNx { max-width: 100%; flex: 1 } } @media screen and (max-width: 767.98px) { .more-tools-5H6VPy .container-nYYJV- { padding: 0 } } .navigation-links-ceB3Jt { visibility: visible; display: flex; flex-direction: column; align-items: center } .navigation-links-ceB3Jt h2 { color: var(--theme-icon-primary); font-size: 40px; font-style: normal; font-weight: 700; line-height: 56px; text-align: center } .navigation-links-ceB3Jt .subtitle-E3-ezb { margin-top: 12px; color: var(--theme-icon-primary); font-size: 20px; font-weight: 400; text-align: center } .navigation-links-ceB3Jt .content-Rm4DC9 { margin-top: 36px; width: 100% } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 { display: flex; flex-direction: column; align-items: center } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .scroll-container-VfADsL { display: flex; flex-direction: column; gap: 20px; width: 100%; overflow: hidden } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .scroll-container-VfADsL .scroll-content-e-uCVZ { display: flex; flex-direction: row; flex-wrap: nowrap } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .scroll-container-VfADsL .scroll-content-e-uCVZ:hover .links-KGlf4L { animation-play-state: paused } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .scroll-container-VfADsL .scroll-content-e-uCVZ:nth-child(even) .links-KGlf4L { animation-direction: reverse } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .links-KGlf4L { padding-left: 20px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; animation: scroll-52G1k3 20s linear infinite } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .scroll-item-4FO1fh { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; padding: 20px 24px; border-radius: 24px; background: var(--theme-bg-white); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .scroll-item-4FO1fh:hover { background: var(--theme-btn-fill-tertiary-hover) } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .scroll-item-4FO1fh .link-image-flvnvo { width: 24px; height: 24px; object-fit: cover; border-radius: 4px } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .scroll-item-4FO1fh .link-title-JP-hUt { color: var(--theme-icon-primary); font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; white-space: nowrap } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .install-btn-wp-2uj { margin-top: 36px } @keyframes scroll-52G1k3 { 0% { transform: translate(0) } to { transform: translate(-100%) } } .navigation-links-ceB3Jt .content-Rm4DC9 .articles-container-jGuqNv { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; align-items: stretch; gap: 36px } .navigation-links-ceB3Jt .content-Rm4DC9 .articles-container-jGuqNv .article-hapVfA { flex: 1; padding: 24px; border-radius: 24px; background: var(--theme-bg-white); display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 20px } .navigation-links-ceB3Jt .content-Rm4DC9 .articles-container-jGuqNv .article-hapVfA .title-jHldwd { color: var(--theme-icon-primary); font-size: 24px; font-style: normal; font-weight: 700; line-height: 36px } .navigation-links-ceB3Jt .content-Rm4DC9 .articles-container-jGuqNv .article-hapVfA .desc-dNmnVM { color: var(--theme-icon-primary); font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px } .navigation-links-ceB3Jt .content-Rm4DC9 .articles-container-jGuqNv .article-hapVfA .link-62gU3J { margin-top: auto; color: var(--theme-icon-brand); font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } @media screen and (max-width: 991.98px) { .navigation-links-ceB3Jt h2 { font-size: 22px; line-height: 1.5 } .navigation-links-ceB3Jt .subtitle-E3-ezb { font-size: 18px; line-height: 1.5 } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .scroll-item-4FO1fh { padding: 10px 12px; border-radius: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .scroll-item-4FO1fh .link-image-flvnvo { width: 20px; height: 20px } .navigation-links-ceB3Jt .content-Rm4DC9 .links-container-EjpEa4 .scroll-item-4FO1fh .link-title-JP-hUt { font-size: 16px; line-height: 1.5 } .navigation-links-ceB3Jt .content-Rm4DC9 .articles-container-jGuqNv .article-hapVfA { padding: 16px; border-radius: 16px; gap: 12px } .navigation-links-ceB3Jt .content-Rm4DC9 .articles-container-jGuqNv .article-hapVfA .title-jHldwd { font-size: 18px; line-height: 1.5 } .navigation-links-ceB3Jt .content-Rm4DC9 .articles-container-jGuqNv .article-hapVfA .desc-dNmnVM, .navigation-links-ceB3Jt .content-Rm4DC9 .articles-container-jGuqNv .article-hapVfA .link-62gU3J { font-size: 16px; line-height: 1.5 } } @media screen and (max-width: 767.98px) { .navigation-links-ceB3Jt .content-Rm4DC9 .articles-container-jGuqNv { flex-direction: column } .navigation-links-ceB3Jt .content-Rm4DC9 .articles-container-jGuqNv .article-hapVfA { width: 100% } } .product-hero-section-YWSwzA { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center } .product-hero-section-YWSwzA .title-p6xEX8 { font-size: 48px; font-weight: 700; line-height: 66px; color: var(--theme-text-primary) } .product-hero-section-YWSwzA .subtitle-M3hM55 { margin-top: 20px; font-size: 24px; line-height: 36px; color: var(--theme-text-tertiary) } .product-hero-section-YWSwzA .install-bwBYGV { margin-top: 40px } .product-hero-section-YWSwzA .media-aH12Ss { margin-top: 40px; border-radius: 24px; overflow: hidden } .product-hero-section-YWSwzA .media-aH12Ss .source-ZofTwe { width: 100%; height: auto } @media screen and (max-width: 800px) { .product-hero-section-YWSwzA { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center } .product-hero-section-YWSwzA .title-p6xEX8 { font-size: 24px; line-height: normal } .product-hero-section-YWSwzA .subtitle-M3hM55 { margin-top: 12px; font-size: 12px; line-height: 18px } .product-hero-section-YWSwzA .install-bwBYGV { margin-top: 24px } .product-hero-section-YWSwzA .media-aH12Ss { margin-top: 24px; border-radius: 12px } } .section-l6RQKD+.section-l6RQKD { margin-top: 120px } @media screen and (max-width: 991.98px) { .section-l6RQKD+.section-l6RQKD { margin-top: 80px } } .user-comments-WYiUwb { position: relative; display: flex; flex-direction: column; align-items: center } .user-comments-WYiUwb .title-C-prFk { text-align: center; font-size: 32px; font-weight: 700; line-height: 48px; color: var(--theme-text-primary) } .user-comments-WYiUwb .subtitle-b4Tpva { margin-top: 10px; text-align: center; font-size: 20px; color: var(--theme-text-tertiary) } .user-comments-WYiUwb .comments-a99Rxv { margin-top: 48px } @media screen and (max-width: 600px) { .user-comments-WYiUwb .title-C-prFk { font-size: 24px; font-weight: 600; line-height: 30px } .user-comments-WYiUwb .subtitle-b4Tpva { margin-top: 8px; font-size: 12px } .user-comments-WYiUwb .comments-a99Rxv { margin-top: 24px } } .user-reviews-tKRPSZ { visibility: visible; display: flex; flex-direction: column; align-items: center } .user-reviews-tKRPSZ h2 { color: var(--theme-icon-primary); font-size: 40px; font-style: normal; font-weight: 700; line-height: 56px; text-align: center } .user-reviews-tKRPSZ .subtitle-FzRy4q { margin-top: 12px; color: var(--theme-icon-primary); font-size: 20px; font-weight: 400; text-align: center } .user-reviews-tKRPSZ .content-1RzLS2 { margin-top: 36px; width: 100% } .user-reviews-tKRPSZ .content-1RzLS2 .scroll-container-rWDY3k { display: flex; flex-direction: column; gap: 20px; width: 100%; overflow: hidden } .user-reviews-tKRPSZ .content-1RzLS2 .scroll-container-rWDY3k .scroll-content-l9EkQH { display: flex; flex-direction: row; flex-wrap: nowrap } .user-reviews-tKRPSZ .content-1RzLS2 .scroll-container-rWDY3k .scroll-content-l9EkQH:hover .links-Ui3qbD { animation-play-state: paused } .user-reviews-tKRPSZ .content-1RzLS2 .scroll-container-rWDY3k .scroll-content-l9EkQH:nth-child(even) .links-Ui3qbD { animation-direction: reverse } .user-reviews-tKRPSZ .content-1RzLS2 .reviews-PLkABN { padding-left: 20px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; animation: scroll-v8i9-d 20s linear infinite } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY { min-width: 320px; padding: 24px; display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; border-radius: 24px; background: var(--theme-btn-fill-tertiary-hover) } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-header-YRBCj3 { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 8px } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-header-YRBCj3 .user-info-8zGWe5 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-header-YRBCj3 .user-info-8zGWe5 .avatar-7frchg { width: 40px; height: 40px; border-radius: 20px; object-fit: cover } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-header-YRBCj3 .user-info-8zGWe5 .review-info-jKEE55 .review-title-R1HbQ8 { color: var(--theme-icon-primary); font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-header-YRBCj3 .user-info-8zGWe5 .review-info-jKEE55 .review-name-arA8Hb { color: var(--theme-icon-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-header-YRBCj3 .rate-KpZLUG { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-header-YRBCj3 .rate-KpZLUG .star-V4cZaD { color: var(--transparent-grayblue-12) } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-header-YRBCj3 .rate-KpZLUG .star-V4cZaD.active-nSXid4 { color: var(--yellow-300) } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-content-AHIydh { color: var(--theme-icon-primary); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px } @keyframes scroll-v8i9-d { 0% { transform: translate(0) } to { transform: translate(-100%) } } @media screen and (max-width: 991.98px) { .user-reviews-tKRPSZ h2 { font-size: 22px; line-height: 1.5 } .user-reviews-tKRPSZ .subtitle-FzRy4q { font-size: 18px; line-height: 1.5 } .user-reviews-tKRPSZ .content-1RzLS2 .reviews-PLkABN { padding-left: 20px; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; animation: scroll-v8i9-d 20s linear infinite } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY { min-width: 240px; padding: 16px; border-radius: 16px } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-header-YRBCj3 .user-info-8zGWe5 .avatar-7frchg { width: 32px; height: 32px; border-radius: 16px } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-header-YRBCj3 .user-info-8zGWe5 .review-info-jKEE55 .review-title-R1HbQ8 { font-size: 16px; line-height: 1.5 } .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-header-YRBCj3 .user-info-8zGWe5 .review-info-jKEE55 .review-name-arA8Hb, .user-reviews-tKRPSZ .content-1RzLS2 .review-yEXPRY .review-content-AHIydh { font-size: 14px; line-height: 1.5 } } .works-for-professionals-QEjxww { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center } .works-for-professionals-QEjxww .title-lPoJy0 { font-size: 48px; font-weight: 700; line-height: 66px; color: var(--theme-text-primary) } .works-for-professionals-QEjxww .subtitle-AxfYVv { margin-top: 20px; font-size: 24px; line-height: 36px; color: var(--theme-text-tertiary) } .works-for-professionals-QEjxww .professions--7jrCz { margin-top: 24px; display: flex; flex-direction: column } .works-for-professionals-QEjxww .professions--7jrCz .tabs-t8fItp { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px } .works-for-professionals-QEjxww .professions--7jrCz .tabs-t8fItp .tab-aZT4t2 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 16px; border-radius: 16px; min-width: 200px; transition: background-color .25s; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .works-for-professionals-QEjxww .professions--7jrCz .tabs-t8fItp .tab-aZT4t2.active-tQqoij { background-color: var(--theme-btn-tsp-brand) } .works-for-professionals-QEjxww .professions--7jrCz .tabs-t8fItp .tab-aZT4t2 .icon-Gh50Pm { width: 40px; height: 40px; object-fit: cover } .works-for-professionals-QEjxww .professions--7jrCz .tabs-t8fItp .tab-aZT4t2 .name-B0Lj0R { font-size: 18px; font-weight: 500; line-height: 22px; color: var(--theme-text-primary) } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 { position: relative; margin-top: 24px } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ { position: absolute; top: 0; left: 0; min-height: 320px; padding: 48px; border-radius: 24px; background: var(--theme-bg-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); overflow: hidden; display: flex; align-items: center; gap: 60px; visibility: hidden } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ.active-tQqoij { position: relative; visibility: visible } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .comment-08ao-D { flex: 1; text-align: left; font-size: 20px; line-height: 28px; color: var(--theme-text-primary) } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .user-M3W0YE { min-width: 200px; padding: 32px; border-radius: 16px; background: linear-gradient(217deg, #ffedda 6.3%, #f9ebff 91.48%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .user-M3W0YE .avatar-9WrtYg { width: 80px; height: 80px; border-radius: 99px; overflow: hidden } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .user-M3W0YE .avatar-9WrtYg .img-18f9Nh { width: 100%; height: 100%; object-fit: cover } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .user-M3W0YE .info-Qz-SyQ { display: flex; flex-direction: column; gap: 4px } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .user-M3W0YE .info-Qz-SyQ .username-lcuNXc { font-size: 20px; font-weight: 600; line-height: 26px; color: var(--theme-text-primary) } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .user-M3W0YE .info-Qz-SyQ .profession-8r0pZh { font-size: 14px; line-height: 21px; color: var(--theme-text-tertiary) } @media screen and (max-width: 800px) { .works-for-professionals-QEjxww .title-lPoJy0 { font-size: 24px; line-height: normal } .works-for-professionals-QEjxww .subtitle-AxfYVv { margin-top: 12px; font-size: 12px; line-height: 18px } .works-for-professionals-QEjxww .professions--7jrCz .tabs-t8fItp { gap: 8px } .works-for-professionals-QEjxww .professions--7jrCz .tabs-t8fItp .tab-aZT4t2 { flex-direction: row; padding: 12px; border-radius: 8px; min-width: auto } .works-for-professionals-QEjxww .professions--7jrCz .tabs-t8fItp .tab-aZT4t2 .icon-Gh50Pm { width: 20px; height: 20px } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ { flex-direction: column; min-height: unset; padding: 24px; border-radius: 12px; gap: 16px } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .comment-08ao-D { font-size: 16px; line-height: 24px; color: var(--theme-text-primary) } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .user-M3W0YE { width: 100%; padding: 12px; border-radius: 10px; display: flex; flex-direction: row; justify-content: flex-start; gap: 12px } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .user-M3W0YE .avatar-9WrtYg { width: 40px; height: 40px } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .user-M3W0YE .info-Qz-SyQ { gap: 2px; align-items: flex-start } .works-for-professionals-QEjxww .professions--7jrCz .cards-dR-Ak5 .card--e7ehJ .user-M3W0YE .info-Qz-SyQ .username-lcuNXc { font-size: 16px; line-height: 20px } } .simple-bar-Nw3-cR .simplebar-scrollbar { opacity: 0 !important } .simple-bar-Nw3-cR .simplebar-scrollbar:before { width: var(--simplebar-scrollbar-width); background-color: #0000002f; opacity: 1 } .simple-bar-Nw3-cR .simplebar-track.simplebar-vertical { width: calc(var(--simplebar-scrollbar-width) + 2px) } .simple-bar-Nw3-cR .simplebar-track.simplebar-vertical.simplebar-hover .simplebar-scrollbar:before { background-color: #00000062 } .simple-bar-Nw3-cR:hover .simplebar-scrollbar { opacity: 1 !important } .origin-bar-cJtuy4 { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .origin-bar-cJtuy4::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .origin-bar-cJtuy4::-webkit-scrollbar-track { background: transparent } .origin-bar-cJtuy4::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .origin-bar-cJtuy4::-webkit-scrollbar-thumb:hover { background: #00000062 } .origin-bar-cJtuy4::-webkit-scrollbar-corner { background: transparent } .simple-collapse-bcGyN- { position: relative; overflow: hidden; padding-right: 28px; display: flex; align-items: flex-start; gap: 6px } .simple-collapse-bcGyN- .box-iRvRwu { flex: 1; position: relative; display: flex; flex-wrap: wrap } .simple-collapse-bcGyN- .arrow-we0P7C { position: absolute; right: 0; top: 2px; transition: all .2s ease-in-out; width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .simple-collapse-bcGyN- .arrow-we0P7C:hover { background-color: var(--theme-fill-tsp-components-secondary) } .super-coupon-dialog-hvGgs6 { width: auto !important; background: transparent; box-shadow: none; overflow: visible !important } .super-coupon-dialog-hvGgs6 .container-IRwij6 { position: relative; width: 470px } .super-coupon-dialog-hvGgs6 .container-IRwij6 .bg-ecYZrr { position: absolute; inset: 0; z-index: -1; height: 100%; width: 100% } .super-coupon-dialog-hvGgs6 .container-IRwij6 .banner-QZQt-C { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; padding: 0 17px; width: 100% } .super-coupon-dialog-hvGgs6 .container-IRwij6 .banner-QZQt-C .gift-WtlHbm { -webkit-user-drag: none; height: 110px } .super-coupon-dialog-hvGgs6 .container-IRwij6 .banner-QZQt-C .star-LLMaUT { -webkit-user-drag: none; height: 28px; align-self: flex-end; transform: translate(-20%, -50%) } .super-coupon-dialog-hvGgs6 .container-IRwij6 .banner-QZQt-C .tags-QBPuQu { display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; transform: rotate(-15deg); min-width: 169px; border-radius: 200px; background: var(--theme-icon-secondary); color: var(--theme-icon-white-primary); text-align: center; font-size: 17px; font-weight: 700; line-height: 20px; padding: 10px; left: 145px; top: 0 } .super-coupon-dialog-hvGgs6 .container-IRwij6 .banner-QZQt-C .tags-QBPuQu .sound-Vc0zA9 { -webkit-user-drag: none; height: 42px; position: absolute; right: -40px; bottom: 0 } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 16px; padding: 0 20px 24px } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH .header-QYFGQJ { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH .header-QYFGQJ .title-RoybEQ { color: var(--theme-text-primary); font-size: 24px; font-weight: 700; line-height: 34px; margin-bottom: 4px } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH .header-QYFGQJ .desc-TgUYHA { color: var(--theme-text-primary); font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 6px } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH .header-QYFGQJ .discount-detail-R7Rw6F { color: var(--theme-text-primary); font-size: 18px; font-weight: 400; line-height: 22px; margin-bottom: 2px } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH .header-QYFGQJ .discount-detail-R7Rw6F .primary-text-i08ORf { color: var(--theme-text-brand) } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH .header-QYFGQJ .copy-tip-McoU2C { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH .footer-UlH12g { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 8px } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH .footer-UlH12g .copy-your-code-Vn0-Le { color: var(--theme-text-primary); text-align: center; font-size: 16px; font-weight: 700; line-height: 22px } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH .footer-UlH12g .code-z62imR { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 240px; height: 44px; border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); color: var(--theme-text-primary); text-align: center; font-size: 14px; font-weight: 500; line-height: 22px } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH .footer-UlH12g .copy-hint-H-MR2i { color: var(--theme-text-quaternary); text-align: center; font-size: 12px; font-weight: 400 } .super-coupon-dialog-hvGgs6 .container-IRwij6 .content-po6CNH .footer-UlH12g .copy-button-qHdotJ { min-width: 353px; margin-top: 10px } .super-coupon-dialog-hvGgs6 .close-Ab9o5k { position: absolute; right: -30px; top: 40px; width: 28px; height: 28px; padding: 6px; border-radius: 20px; background: var(--theme-btn-fill-secondary); backdrop-filter: blur(2px); cursor: pointer; font-size: 20px; display: inline-flex; justify-content: center; align-items: center; color: var(--theme-icon-secondary); z-index: 500; transition: opacity .2s } .super-coupon-dialog-hvGgs6 .close-Ab9o5k:hover { opacity: .8 } .support-model-uG8QTg { display: inline-flex; align-items: center; color: var(--theme-text-primary); font-size: 28px; font-weight: 700; line-height: 44px; padding: 12px 20px; white-space: nowrap; flex-wrap: wrap; justify-content: center } .support-model-uG8QTg .model-nERE4- { display: flex; flex-direction: row; justify-content: center; align-items: center; white-space: nowrap; gap: 8px } .support-model-uG8QTg .model-nERE4- .icon-yXqq1f { width: 32px; height: 32px } @media screen and (max-width: 560px) { .support-model-uG8QTg { font-size: 14px; line-height: 22px; padding: 4px 0; gap: 4px; flex-wrap: wrap } .support-model-uG8QTg .model-nERE4- { gap: 4px } .support-model-uG8QTg .model-nERE4- .icon-yXqq1f { width: 20px; height: 20px } .support-model-uG8QTg .comma-8UR3xn { display: none } } .text-select-Oj4gzP { visibility: visible; width: 100%; display: flex; flex-direction: column } .text-select-Oj4gzP .text-wrapper-iOsQ2R { color: var(--theme-text-primary); display: flex; align-items: center; width: 100%; cursor: pointer; border-radius: 6px; justify-content: space-between } .text-select-Oj4gzP .text-wrapper-iOsQ2R .icon-h-rivI { transition: all .2s ease; transform: rotate(90deg); margin-left: 3px } .text-select-Oj4gzP .text-wrapper-iOsQ2R .icon-h-rivI.is-open-PA6Hyj { transform: rotate(-90deg) } .text-select-Oj4gzP .text-wrapper-iOsQ2R .inner-AAhcND { display: flex; align-items: center; gap: 6px } .text-select-Oj4gzP.is-button-NQROGr .text-wrapper-iOsQ2R { border: 1px solid transparent; background: var(--theme-fill-tsp-components-secondary) } .text-select-Oj4gzP.is-button-NQROGr .text-wrapper-iOsQ2R:hover { background: var(--theme-fill-tsp-components-primary) } .text-select-Oj4gzP.is-button-NQROGr:hover .text-wrapper-iOsQ2R, .text-select-Oj4gzP.is-button-NQROGr.expand-svcLOY .text-wrapper-iOsQ2R { border-color: var(--theme-border-active) } .text-select-Oj4gzP.is-button-NQROGr.size-small-x5ccuJ .text-wrapper-iOsQ2R { padding: 4px 10px } .text-select-Oj4gzP.is-button-NQROGr.size-medium-soo5Al .text-wrapper-iOsQ2R { padding: 8px 12px } .list-wrapper-9gjzFh { padding: 8px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); color: var(--theme-text-primary); border-radius: 12px; font-size: 14px; overflow: auto } .list-wrapper-9gjzFh .list-ztOT6d { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; margin-bottom: 4px } .list-wrapper-9gjzFh .list-ztOT6d .item-BLWGwX { display: flex; padding: 4px 8px; height: 30px; flex-direction: row; align-items: center; gap: 8px; align-self: stretch; cursor: pointer; border-radius: 8px; color: var(--theme-text-primary); white-space: nowrap } .list-wrapper-9gjzFh .list-ztOT6d .item-BLWGwX .icon-h-rivI { display: flex } .list-wrapper-9gjzFh .list-ztOT6d .item-BLWGwX:hover { background-color: var(--theme-fill-tsp-components-secondary) } .list-wrapper-9gjzFh .list-ztOT6d .item-BLWGwX.active-x1Yjz7 { color: var(--theme-text-brand) } .list-wrapper-9gjzFh .list-ztOT6d .item-BLWGwX .icon-h-rivI { width: 20px; height: 20px } .list-wrapper-9gjzFh .list-ztOT6d .item-BLWGwX .right-icon-aoEXG1 { margin-left: auto; display: flex; align-items: center } .translate-submenus-zHHK8U { width: 40px; border-radius: 32px; background-color: var(--theme-bg-white); box-shadow: 0 8px 20px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); display: flex; flex-direction: column; align-items: center } .translate-submenus-zHHK8U .header-LH72bp { height: 36px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--theme-bg-gray-secondary); color: var(--theme-text-disable) } .translate-submenus-zHHK8U .actions-EQumQg { position: relative; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; padding: 3px; gap: 6px } .translate-submenus-zHHK8U .actions-EQumQg .action-box-EaXvHL { display: flex; position: relative } .action-btn-Vdn-aG { width: 32px; height: 32px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: relative; border-radius: 16px; display: flex; align-items: center; justify-content: center; transition: all .2s ease-in-out; color: var(--theme-icon-tertiary) } .action-btn-Vdn-aG.active-euMni3, .action-btn-Vdn-aG:hover { background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-brand) } .setting-menu-panel-XA-DsS { position: absolute; bottom: 0; right: 36px; padding-right: 6px; box-sizing: border-box; z-index: 99; width: max-content; max-width: 400px } .setting-menu-panel-XA-DsS.left-YrC7GF { left: 36px; padding-left: 6px } .setting-menu-panel-XA-DsS.bottom-tqs60I { top: 0 } .setting-menu-panel-XA-DsS.popover-mode-wDTHwM { position: unset; left: unset; padding-left: unset; padding-right: unset; top: unset; bottom: unset } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ { position: relative; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); border-radius: 16px; width: 350px; display: flex; flex-direction: column } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .header-LH72bp { padding: 16px; font-weight: 600; color: var(--theme-text-primary); font-size: 16px; line-height: 22px; border-bottom: 1px solid var(--theme-border-light); display: flex; align-items: center; justify-content: space-between } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .header-LH72bp .tools-1NeXWb { display: inline-flex } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .header-LH72bp .tools-1NeXWb .switch-6BUlYq { gap: 4px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE { position: relative; box-sizing: border-box; padding: 12px 16px 16px; display: flex; flex-direction: column; gap: 16px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .divider-KDeBg3 { margin: -4px 0; height: 1px; border-bottom: 1px solid var(--theme-border-primary) } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD { display: flex; flex-direction: column; gap: 6px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .group-title-vgBwau { font-size: 12px; line-height: 16px; font-weight: 500; color: var(--theme-text-quaternary); display: flex; align-items: center; justify-content: space-between } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .group-content-W79VK7 { position: relative } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne { display: flex; flex-direction: column; border-radius: 8px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); padding: 10px; gap: 10px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk { display: flex; flex-direction: column; gap: 6px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .top-7-kzXM { display: flex; align-items: center; justify-content: space-between } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .top-7-kzXM .name-EKl7UO { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-primary) } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .top-7-kzXM .select-kbYAyC { display: flex; align-items: center } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .top-7-kzXM .select-btn-tgJKE- { padding: 0 10px; min-width: 130px; max-width: 150px; line-height: 28px; border-radius: 6px; background: var(--theme-fill-tsp-components-secondary); color: var(--theme-text-primary); display: flex; align-items: center; justify-content: space-between; font-size: 13px; gap: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .top-7-kzXM .select-btn-tgJKE-:hover { background: var(--theme-fill-tsp-components-primary) } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .top-7-kzXM .select-btn-tgJKE- .select-name--BytOy { display: inline-flex; align-items: center; min-width: 0; gap: 6px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .top-7-kzXM .select-btn-tgJKE- .text-GM9ID9 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .hint-nij-eA { font-size: 12px; line-height: 18px; transition: all .2s ease-in-out; color: var(--theme-text-quaternary) } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .hint-nij-eA b { display: inline-block; font-weight: 500; color: var(--theme-text-brand) } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .hint-nij-eA .arrow-2VhSOa { margin-left: 2px; display: inline-flex; vertical-align: middle; transition: all .2s ease-in-out; color: var(--theme-text-brand) } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .hint2-i9zlT7 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .hint2-i9zlT7:hover { color: var(--theme-text-primary) } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .item-Cqc7Xk .hint2-i9zlT7:hover .arrow-2VhSOa { margin-left: 4px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .trans-engine-2hjXne .divider-KDeBg3 { margin: 0 } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .more-features-N-TB59 { display: flex; align-items: center; gap: 10px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .more-features-N-TB59 a, .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .settings-ulMaqE .group-LXJsQD .more-features-N-TB59 .feature-85k-sz { flex: 1; padding: 0; border-radius: 8px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .language-setting-5WAxS1 { display: flex; align-items: center; gap: 8px; align-self: stretch } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .language-setting-5WAxS1 .setting-label-Vj6do4 { display: flex; flex-direction: column; line-height: 22px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .language-setting-5WAxS1 .setting-label-Vj6do4 .label-b6p4YG { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space: nowrap } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .language-setting-5WAxS1 .setting-label-Vj6do4 .target-uj5u7Y { color: var(--theme-text-quaternary); font-size: 12px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .language-setting-5WAxS1 .iconWrapper-2lmVx1 .icon-LZp7JO { transform: rotate(180deg) } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .row-item-LuVykB { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 10px; color: var(--theme-text-primary) } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .row-item-LuVykB:first-child { margin-top: 0 } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .row-item-LuVykB .label-b6p4YG { display: flex; flex-direction: row; justify-content: center; align-items: center; word-break: keep-all; flex: 1; text-align: left; justify-content: flex-start; margin-right: 12px; font-size: 14px; font-weight: 500; overflow: hidden } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .row-item-LuVykB .label-b6p4YG .shortcut-wrapper-A6N7cR { display: flex; align-items: center } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .row-item-LuVykB .label-b6p4YG .shortcut-wrapper-A6N7cR .add-nWui7F { padding: 0 5px } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .row-item-LuVykB .label-b6p4YG .tip--eja7y { margin-left: 4px; vertical-align: text-top; color: var(--theme-icon-quaternary); font: 0; cursor: help } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .row-item-LuVykB .children-zWgFBk { display: flex; flex-direction: row; justify-content: center; align-items: center } .setting-menu-panel-XA-DsS .inner-box-6m7iiQ .tabs-wrapper-iuYAPW { display: flex; align-items: flex-start; gap: 4px; margin: 12px 0 } .color-label-8wCYUv { display: flex; gap: 4px; align-items: center } .content-3NkUT2 { display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; bottom: 0; right: 52px; box-sizing: border-box; z-index: 99; background-color: var(--theme-bg-white); padding: 12px; border-radius: 6px; width: 280px; box-shadow: 1px 2px 14px 1px var(--theme-fill-tsp-components-primary), 0 0 1px 0 var(--theme-shadow-s2); align-items: flex-end } .content-3NkUT2 .hint-nij-eA { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .content-3NkUT2 .emoji-bzyXdM { font-size: 18px; line-height: 10px } .popover-wrapper-NWX5mb, .popover-content-BJYm4a { flex: 1 } .dropdown-label-vVzu-o { border-radius: 10px !important; flex: 1; background-color: var(--theme-bg-gray-primary); padding: 10px } .icon-wrapper-LjR283 { display: inline-flex; justify-content: center; transform: rotate(180deg) } .tabs-1ZCrrS { visibility: visible; max-width: 100%; width: 100%; --active-bg-color: var(--theme-tab-fill-active) } .tabs-1ZCrrS .wrapper-br42g- { width: 100%; position: relative; z-index: 0; padding: 4px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-radius: 20px; background-color: var(--theme-bg-gray-primary); --active-tab-animation-duration: .2s; --monica-tab-width: calc((100% - 8px) / var(--monica-tab-length)); --monica-tab-left: calc(var(--monica-tab-width) * var(--monica-tab-index) + 4px) } .tabs-1ZCrrS .wrapper-br42g-:before { content: ""; position: absolute; z-index: -1; height: calc(100% - 8px); top: 4px; width: var(--monica-tab-width); background-color: var(--active-bg-color); left: var(--monica-tab-left); border-radius: 8px; transition: var(--active-tab-animation-duration) ease-in-out } .tabs-1ZCrrS .wrapper-br42g- .tab-INewH4 { padding: 3px 12px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; width: var(--monica-tab-width); display: flex; align-items: center; justify-content: center; color: var(--theme-text-quaternary); gap: 4px; cursor: pointer } .tabs-1ZCrrS .wrapper-br42g- .tab-INewH4.equal-width-g32EiW { flex: 1; text-align: center } .tabs-1ZCrrS .wrapper-br42g- .tab-INewH4 .tab-label-J2GvmD { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .tabs-1ZCrrS .wrapper-br42g- .active-tab-LYD9hk { color: var(--theme-text-white-primary); transition: var(--active-tab-animation-duration) ease-in-out } .light-theme-snKDZq .wrapper-br42g-:before { background-color: var(--theme-bg-white) } .light-theme-snKDZq .wrapper-br42g- .active-tab-LYD9hk { color: var(--theme-text-primary) } .small-size-YuF9-Q .wrapper-br42g- { padding: 4px; border-radius: 16px } .small-size-YuF9-Q .wrapper-br42g- .tab-INewH4 { padding: 1px 6px; font-size: 12px; line-height: 18px } .middle-size-ht1iH- .wrapper-br42g- { padding: 4px; border-radius: 12px } .middle-size-ht1iH- .wrapper-br42g- .tab-INewH4 { padding: 6px 13px; font-size: 14px; line-height: 22px } .large-size-JX-vPr .wrapper-br42g- { padding: 4px; border-radius: 64px } .large-size-JX-vPr .wrapper-br42g- .tab-INewH4 { padding: 15px 20px; font-size: 18px; font-weight: 500; line-height: 26px } .primary-Mdufjv { --active-bg-color: var(--theme-btn-fill-primary) } .no-transition-9lijwc .wrapper-br42g-:before { transition: none } .no-transition-9lijwc .wrapper-br42g- .active-tab-LYD9hk { transition: none } .video-dialog-tfjcs4 { position: fixed; inset: 0; background: rgba(0, 0, 0, .6); backdrop-filter: blur(10px); z-index: 9999; display: flex; flex-direction: row; justify-content: center; align-items: center } .video-dialog-tfjcs4 .container--EN5Ae { position: fixed; width: 960px; height: 600px; left: 50%; top: 50%; transform: translate(-50%, -50%); flex-shrink: 1; border-radius: 20px; border: 1px solid var(--transparent-white-8); background: var(--common-white); z-index: 1 } .video-dialog-tfjcs4 .container--EN5Ae .close-yT7Otj { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 40px; height: 40px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; right: -104px; top: -50px; border-radius: 56px; border: 1px solid var(--transparent-white-24); background: var(--transparent-white-8); color: var(--common-white); transition: all .2s } .video-dialog-tfjcs4 .container--EN5Ae .close-yT7Otj:hover { opacity: .8 } .video-dialog-tfjcs4 .container--EN5Ae .content-pcRl2j { width: 100%; height: 100%; overflow: hidden; border-radius: 20px } .video-dialog-tfjcs4 .container--EN5Ae .content-pcRl2j .video-tCHlQk { display: flex; width: 100%; height: 100%; object-fit: cover } @media screen and (max-width: 1280px) { .video-dialog-tfjcs4 .container--EN5Ae .close-yT7Otj { right: -40px } } @media screen and (max-width: 1080px) { .video-dialog-tfjcs4 .container--EN5Ae .close-yT7Otj { display: none } } @media screen and (max-width: 992px) { .video-dialog-tfjcs4 .container--EN5Ae { width: 100%; height: auto } .video-dialog-tfjcs4 .dialog-bg-WXWe1X { height: 100%; width: 100%; inset: 0; transform: none } } .video-preview-tAnO1F { z-index: 5010; position: fixed; inset: 0; background: var(--theme-bg-mask); -webkit-app-region: no-drag; display: flex; justify-content: center; align-items: center; flex-direction: column } .video-preview-tAnO1F .video-ZEolDB { display: block; max-width: 90%; max-height: 90%; border-radius: 8px; background-color: var(--bg-lv2) } .video-preview-tAnO1F .close-btn-uo9mQ- { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; padding: 4px; right: 5%; top: 5%; transition: background-color .2s; border-radius: 4px; background-color: var(--theme-bg-menu-white); font-size: 0 } .video-preview-tAnO1F .close-btn-uo9mQ- .icon-wP9uzj { color: var(--theme-text-tertiary) } .video-preview-tAnO1F .close-btn-uo9mQ-:hover { background: var(--theme-border-white) } .action-output-reply-mbyQrm { overflow: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding-left: 5px; display: flex; flex-direction: column; gap: 8px; flex: 1; min-height: 0px } .action-output-reply-mbyQrm::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .action-output-reply-mbyQrm::-webkit-scrollbar-track { background: transparent } .action-output-reply-mbyQrm::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .action-output-reply-mbyQrm::-webkit-scrollbar-thumb:hover { background: #00000062 } .action-output-reply-mbyQrm::-webkit-scrollbar-corner { background: transparent } .action-output-reply-mbyQrm .sources-folder-veESGo { overflow: unset } .loading-wrapper-aeWaxh { display: flex; align-items: center; gap: 6px; min-height: 20px; width: 100%; white-space: nowrap; color: var(--theme-text-quaternary) } .loading-wrapper-aeWaxh .loading-JbWXyp { width: unset } .mindmap-wrapper-9D37YT { overflow: unset !important } .action-tool-detail-GR4Pbg { display: flex; flex-direction: column; gap: 8px } .action-tool-detail-GR4Pbg .subtitle-BRwg7i { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 24px } .action-tool-detail-GR4Pbg .tool-info-kBIUbA { display: flex; padding: 0 20px 16px; align-items: center; flex-direction: column; border-bottom: 1px solid var(--theme-border-light) } .action-tool-detail-GR4Pbg .tool-info-kBIUbA .logo-ubxbWV { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 52px; height: 52px; border-radius: 8px; border: .5px solid var(--theme-border-quaternary); background: var(--theme-bg-menu-white); box-shadow: 0 1px 3px #00000014 } .action-tool-detail-GR4Pbg .tool-info-kBIUbA .name-zdYEkv { margin-top: 16px; color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 28px; text-align: center } .action-tool-detail-GR4Pbg .tool-info-kBIUbA .desc-2Xd0V4 { color: var(--theme-text-secondary); font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 8px; text-align: center } .action-tool-detail-GR4Pbg .tool-info-kBIUbA .select-notice--bAeML { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; margin-top: 8px } .action-tool-detail-GR4Pbg .tool-info-kBIUbA .user-QpTUwf { display: flex; align-items: center; gap: 4px; margin-top: 4px; color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; font-weight: 400 } .action-tool-detail-GR4Pbg .common-item-sqcX0n { display: flex; flex-direction: column; gap: 16px; margin-top: 12px } .action-tool-detail-GR4Pbg .site-list-LTiyxr { display: flex; flex-direction: column; gap: 16px; padding-left: 4px } .action-tool-detail-GR4Pbg .site-list-LTiyxr .site-item-Y5i7jn { width: 100%; overflow: hidden; display: flex; flex-direction: column; gap: 2px; padding: 8px 12px; border-radius: 8px; background: var(--theme-fill-tsp-components-tertiary) } .action-tool-detail-GR4Pbg .site-list-LTiyxr .site-item-Y5i7jn .site-header-taMfyB { display: flex; align-items: center; gap: 8px } .action-tool-detail-GR4Pbg .site-list-LTiyxr .site-item-Y5i7jn .site-header-taMfyB .site-logo-xy4ctZ { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 16px; height: 16px; border: 1px solid var(--theme-icon-white-primary); border-radius: 50%; overflow: hidden } .action-tool-detail-GR4Pbg .site-list-LTiyxr .site-item-Y5i7jn .site-header-taMfyB .site-title-D6XJQy { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .action-tool-detail-GR4Pbg .site-list-LTiyxr .site-item-Y5i7jn .site-desc-sjSPmK { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 500; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .action-tool-detail-GR4Pbg .artifact-detail-XDLidS { width: 380px; max-width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 14px 16px; border-radius: 10px; overflow: hidden; border: 1px solid var(--theme-border-light); background: var(--theme-bg-menu-white); cursor: pointer } .action-tool-detail-GR4Pbg .artifact-detail-XDLidS:hover { background: var(--theme-fill-tsp-components-tertiary) } .action-tool-detail-GR4Pbg .artifact-detail-XDLidS .artifact-info-uinv-d { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .action-tool-detail-GR4Pbg .artifact-detail-XDLidS .artifact-icon-6xZTE- { width: 20px; height: 20px; font-size: 16px } .action-tool-detail-GR4Pbg .artifact-detail-XDLidS .preview-icon-q92bm0 { display: flex; flex-direction: row; justify-content: center; align-items: center } .action-tool-detail-GR4Pbg .skill-list-McRTyN { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 12px; column-gap: 12px; padding-left: 4px } .action-tool-detail-GR4Pbg .skill-list-McRTyN .skill-item-MStui9 { display: flex; align-items: center; gap: 8px; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .action-tool-detail-GR4Pbg .skill-list-McRTyN .skill-item-MStui9 .skill-icon-Bh-dAd { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 16px; height: 16px; flex-shrink: 0; border-radius: 4px } .action-tool-detail-GR4Pbg .more-btn-3nXfFA { display: flex; align-items: center; gap: 2px; padding: 0 2px; cursor: pointer; width: fit-content; margin-top: -8px } .action-tool-detail-GR4Pbg .more-btn-3nXfFA:hover { opacity: .8 } .action-tool-detail-GR4Pbg .more-btn-3nXfFA .fold-text-j7Xg-F { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 18px } .action-tool-detail-GR4Pbg .more-btn-3nXfFA .arrow-VNuRO- { transition: transform .3s ease } .action-tool-detail-GR4Pbg .more-btn-3nXfFA .arrow-VNuRO-.up-Llw7Mw { transform: rotate(180deg) } .action-tool-site-IK0K78 { display: flex; align-items: center } .action-tool-site-IK0K78 .favicon-5zjpAb { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; overflow: hidden; flex-shrink: 0 } .action-tool-site-IK0K78 .title-zKgCos { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; flex-shrink: 0; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .action-tool-site-IK0K78 .driver-NYFfRy { margin: 0 12px; height: 10px; width: 1px; background: var(--theme-border-primary) } .action-tool-site-IK0K78 .desc-eg-DDF { flex: 1; color: var(--theme-text-quaternary); font-weight: 400; font-size: 12px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .action-tool-site-IK0K78 .website-icon-PXKJ5L { width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 4px; background: #707bd0 } .action-tool-site-IK0K78 .website-icon-PXKJ5L svg { color: var(--theme-icon-white-primary) } .link-copied-dialog-wrap-BDDaCO { z-index: 2009 !important } .link-copied-dialog-LRIZbh { display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; overflow: visible !important; max-width: 480px; width: calc(100% - 32px) !important; background: var(--theme-fill-white) } .link-copied-dialog-LRIZbh .header-epEx0w { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; width: 100%; color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px } .link-copied-dialog-LRIZbh .header-epEx0w .close-btn-y7fgqL { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; height: 32px; width: 32px; padding: 6px; border-radius: 6px; font-size: 0; transition: background-color .25s ease; color: var(--theme-icon-secondary) } .link-copied-dialog-LRIZbh .header-epEx0w .close-btn-y7fgqL:hover { background-color: var(--theme-fill-tsp-components-tertiary) } .link-copied-dialog-LRIZbh .header-epEx0w .close-btn-y7fgqL:active { opacity: .9 } .link-copied-dialog-LRIZbh .badge-MaRee7 { width: 120px; height: 120px; margin-top: -60px; z-index: 1 } .link-copied-dialog-LRIZbh .main-4DVW9F { display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 1; padding: 20px; width: 100% } .link-copied-dialog-LRIZbh .main-4DVW9F .desc-YnT6Om { color: var(--theme-text-secondary); font-size: 14px; font-weight: 400; line-height: 24px; margin: 16px 0 12px; width: 100% } .link-copied-dialog-LRIZbh .main-4DVW9F .copy-link-zy1-JA { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; width: 100%; margin-bottom: 28px } .link-copied-dialog-LRIZbh .main-4DVW9F .copy-link-zy1-JA .copy-text-uv88mB { height: 40px; padding: 10px 10px 10px 12px; align-items: center; gap: 12px; border-radius: 10px; background: var(--theme-bg-gray-primary); flex: 1; color: var(--theme-text-quaternary) } .link-copied-dialog-LRIZbh .main-4DVW9F .copy-link-zy1-JA .copy-btn-mIWEpZ { min-width: 78px } .link-copied-dialog-LRIZbh .main-4DVW9F .footer-NZVcxB { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; padding-top: 24px; align-items: flex-start; border-top: 1px solid var(--theme-border-light) } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; gap: 12px; border-radius: 12px; justify-content: flex-start } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-label-pQz5Wr { padding: 9px 12px; border-radius: 20px; background-color: var(--theme-icon-brand); color: var(--theme-text-white-primary); font-size: 14px; line-height: 22px; font-weight: 400 } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-icon-RldZdT { width: 40px; height: 40px; border-radius: 50% } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi { position: relative; cursor: pointer; opacity: .5 } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi:after { content: ""; position: absolute; display: none; width: 16px; height: 5px; border-radius: 3px; bottom: -10px; left: 50%; transform: translate(-50%) } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.Facebook--7bZPi .platform-icon-RldZdT, .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.Facebook--7bZPi:after { background-color: #2c64f5 } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.LinkedIn-Wu-36K .platform-icon-RldZdT, .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.LinkedIn-Wu-36K:after { background-color: #0a66c2 } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.Twitter-nKy5D- .platform-icon-RldZdT, .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.Twitter-nKy5D-:after { background-color: #1a1a1a } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.WhatsApp-lj6N7h .platform-icon-RldZdT, .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.WhatsApp-lj6N7h:after { background-color: #25d366 } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.Telegram-to1dD6 .platform-icon-RldZdT, .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.Telegram-to1dD6:after { background: linear-gradient(90deg, #2aabee 0%, #229ed9 100%) } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.Default-vhhJv-:after { background-color: var(--theme-icon-brand) } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.Default-vhhJv- .platform-label-pQz5Wr { padding: 9px 16px } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.active-mS5L-7 { opacity: 1 } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-cxUQWi.active-mS5L-7:after { display: block } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP { width: 100%; border: 1px solid var(--theme-border-primary); background-color: var(--theme-bg-gray-primary); border-radius: 12px; padding: 24px; margin-top: 24px; cursor: pointer } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP:hover { box-shadow: var(--theme-box-shadow-s1) } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP .header-epEx0w { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP .header-epEx0w .preview-qnA-5k { color: var(--theme-text-tertiary); font-weight: 600; font-size: 16px; line-height: 24px } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP .header-epEx0w .share-btn-wi0TwS { font-size: 14px; line-height: 22px; font-weight: 500; gap: 4px; color: var(--theme-text-brand) } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP .header-epEx0w .share-btn-wi0TwS:hover { color: var(--theme-btn-fill-primary-hover) } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP .share-text-7YJ-f0 { margin-top: 12px; font-size: 14px; line-height: 22px; font-weight: 400; color: var(--theme-text-tertiary); white-space: pre-wrap; max-height: 110px; overflow-y: auto; margin-right: -12px; padding-right: 12px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; word-break: break-all } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP .share-text-7YJ-f0::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP .share-text-7YJ-f0::-webkit-scrollbar-track { background: transparent } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP .share-text-7YJ-f0::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP .share-text-7YJ-f0::-webkit-scrollbar-thumb:hover { background: #00000062 } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP .share-text-7YJ-f0::-webkit-scrollbar-corner { background: transparent } ._monica-dark .link-copied-dialog-LRIZbh { background: var(--theme-bg-menu-white) } @media screen and (max-width: 640px) { .link-copied-dialog-LRIZbh .badge-MaRee7 { width: 100px; height: 100px } .link-copied-dialog-LRIZbh .close-btn-y7fgqL { top: 12px; right: 12px } .link-copied-dialog-LRIZbh .main-4DVW9F { padding: 12px } .link-copied-dialog-LRIZbh .main-4DVW9F .content-z1OuxW .desc-YnT6Om { max-width: 100% } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-label-pQz5Wr { padding: 5px 12px } .link-copied-dialog-LRIZbh .main-4DVW9F .platforms-6UN61v .platform-icon-RldZdT { width: 32px; height: 32px } .link-copied-dialog-LRIZbh .main-4DVW9F .text-preview-6o57vP { margin-top: 10px; padding: 12px } .link-copied-dialog-LRIZbh .main-4DVW9F .footer-NZVcxB { margin-top: 24px } } .match-site-config-r4gSYB { visibility: visible; display: flex; padding: 12px; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; border-radius: 12px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-menu-white) } .match-site-config-r4gSYB .item-O0cZSO { display: flex; gap: 8px; width: 100%; align-items: center } .match-site-config-r4gSYB .delete-hW6Hjt { padding: 4px; border-radius: 6px; display: flex; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .match-site-config-r4gSYB .delete-hW6Hjt.disable-LmO816 { opacity: .5; cursor: not-allowed } .match-site-config-r4gSYB .delete-hW6Hjt:hover { background: var(--theme-fill-tsp-components-secondary) } .match-site-input-JlbjJD { display: flex; height: 32px; width: 100%; border-radius: 8px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white) } .match-site-input-JlbjJD .addon-before-SZBpKa { display: flex; min-width: 114px; height: 32px; white-space: nowrap; padding: 0 12px 0 16px; justify-content: space-between; align-items: center; border-radius: 8px 0 0 8px; background: var(--theme-fill-tsp-components-secondary); cursor: pointer; border-right: 1px solid var(--theme-border-light) } .match-site-input-JlbjJD .addon-before-SZBpKa .label--msU0e { display: flex; justify-content: space-between; flex: 1; align-items: center; gap: 8px } .match-site-input-JlbjJD .addon-before-SZBpKa .label--msU0e .left-w9aZYa { display: flex; gap: 4px; align-items: center } .match-site-input-JlbjJD .addon-before-SZBpKa .label--msU0e .question-wrapper-W0WRZq { display: flex; align-items: center } .match-site-input-JlbjJD .addon-before-SZBpKa .label--msU0e .expand-icon-UGHGzE { transform: rotate(-90deg); transition: all ease .2s } .match-site-input-JlbjJD .addon-before-SZBpKa .label--msU0e .expand-icon-UGHGzE.expand-j0KqzX { transform: rotate(90deg) } .match-site-input-JlbjJD .input-JIZaPt { flex: 1 } .match-site-input-JlbjJD .override-input-ovmJuw { background: none !important; border-radius: 0 8px 8px 0 } .match-site-input-JlbjJD .override-input-ovmJuw.has-error-Z8Tk9L { border-color: var(--theme-function-error) } .wildcard-notice-UWBNBs { color: var(--theme-text-white-primary); display: flex; gap: 4px; flex-direction: column; word-wrap: break-word; white-space: nowrap } .tooltip-yVtr68.ant-tooltip { max-width: unset !important } .text-pOIpZn { display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all } .over-text-eTEgwj { display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; overflow: visible } .expand-wrapper-zqGnwn { display: flex; flex-direction: column; gap: 0px } .expand-wrapper-zqGnwn .more-btn-KpYXOl { display: flex; align-items: center; gap: 2px; padding: 0 2px; cursor: pointer; width: fit-content } .expand-wrapper-zqGnwn .more-btn-KpYXOl:hover { opacity: .8 } .expand-wrapper-zqGnwn .more-btn-KpYXOl .fold-text-bf-cwk { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 18px } .expand-wrapper-zqGnwn .more-btn-KpYXOl .arrow-98FcOQ { transition: transform .3s ease } .expand-wrapper-zqGnwn .more-btn-KpYXOl .arrow-98FcOQ.up-x4Iosf { transform: rotate(180deg) } .popover-wrapper--lf28X { display: flex; height: 100%; flex: 1 } .popover-content-wrapper-UmCIar { flex: 1 } .site-select-voHgUk { position: relative; height: 100% } .site-select-voHgUk .content-B8HlWj { flex: 1; height: 100%; display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 0 10px 0 12px; border: 1px solid transparent; border-radius: 0 8px 8px 0 } .site-select-voHgUk .content-B8HlWj .content-inner-rAivUC { display: flex; gap: 8px } .site-select-voHgUk .content-B8HlWj .content-inner-rAivUC .img-wrapper-j-DdOh { width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--theme-border-primary); display: flex; align-items: center } .site-select-voHgUk .content-B8HlWj .content-inner-rAivUC .img-wrapper-j-DdOh img { width: 16px } .site-select-voHgUk .content-B8HlWj .content-inner-rAivUC .select-content-N2WCNQ { flex: 1 } .site-select-voHgUk .content-B8HlWj:hover { border-color: var(--theme-border-active) } .site-select-voHgUk .content-B8HlWj.hasError-cR6-9o { border-color: var(--theme-function-error) } .site-select-voHgUk .content-B8HlWj.active-8lWtfH { border-color: var(--theme-border-active) } .site-select-voHgUk .content-B8HlWj .expand-icon-ismVTt { transform: rotate(-90deg); transition: all ease .2s } .site-select-voHgUk .content-B8HlWj .expand-icon-ismVTt.expand-wQDb7F { transform: rotate(90deg) } .site-select-voHgUk .content-B8HlWj .placeholder-PuCfi- { color: var(--theme-text-disable) } .box-hDRmYN { display: flex; min-width: 270px; padding: 8px; flex-direction: column; align-items: flex-start; gap: 6px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2) } .box-hDRmYN .popover-wrapper--lf28X { display: flex; height: 100%; flex: 1 } .box-hDRmYN .search-M0UgLn { width: 100% } .box-hDRmYN .search-M0UgLn .overwrite-input-90bPt8 { border-radius: 6px } .box-hDRmYN .list--Ghea- { display: flex; gap: 2px; width: 100%; flex-direction: column; max-height: 240px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .box-hDRmYN .list--Ghea-::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .box-hDRmYN .list--Ghea-::-webkit-scrollbar-track { background: transparent } .box-hDRmYN .list--Ghea-::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .box-hDRmYN .list--Ghea-::-webkit-scrollbar-thumb:hover { background: #00000062 } .box-hDRmYN .list--Ghea-::-webkit-scrollbar-corner { background: transparent } .box-hDRmYN .list--Ghea- .item-hb-k0U { display: flex; padding: 6px 12px; align-items: center; align-self: stretch; border-radius: 8px; justify-content: space-between; width: 100%; cursor: pointer; color: var(--theme-text-primary) } .box-hDRmYN .list--Ghea- .item-hb-k0U .left-a1fhfq { display: flex; gap: 8px; flex: 1 } .box-hDRmYN .list--Ghea- .item-hb-k0U:hover .radio-override-2-muvF, .box-hDRmYN .list--Ghea- .item-hb-k0U.select-all-ouDkE2 .radio-override-2-muvF { opacity: 1 } .box-hDRmYN .list--Ghea- .item-hb-k0U .radio-override-2-muvF { gap: 0; opacity: 0 } .box-hDRmYN .list--Ghea- .item-hb-k0U:hover { background: var(--theme-fill-tsp-components-secondary) } .box-hDRmYN .list--Ghea- .item-hb-k0U.active-8lWtfH { color: var(--theme-text-brand) } .box-hDRmYN .list--Ghea- .item-hb-k0U .img-wrapper-j-DdOh { width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--theme-border-primary); display: flex; align-items: center } .box-hDRmYN .list--Ghea- .item-hb-k0U .img-wrapper-j-DdOh img { width: 16px } .box-hDRmYN .empty-vPSdob { display: flex; flex-direction: column; align-items: center; gap: 4px; align-self: stretch; margin-top: 16px; color: var(--theme-text-secondary) } .box-hDRmYN .empty-vPSdob .img-Jk1Ihs { width: 80px; height: 80px } .path-list-j1aXBs { display: flex; min-width: 143px; padding: 8px; flex-direction: column; align-items: flex-start; gap: 2px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s1) } .path-list-j1aXBs .path-item-V-QM1l { cursor: pointer; display: flex; padding: 6px 12px; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; white-space: nowrap; justify-content: space-between; color: var(--theme-text-primary) } .path-list-j1aXBs .path-item-V-QM1l:hover { background: var(--theme-fill-tsp-components-secondary) } .path-list-j1aXBs .path-item-V-QM1l.active-8lWtfH { color: var(--theme-text-brand) } .button-tabs-whU-0f { visibility: visible; max-width: 100%; width: 100%; --active-bg-color: var(--theme-tab-fill-active) } .button-tabs-whU-0f .wrapper-sBsOMr { width: 100%; position: relative; z-index: 0; padding: 4px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-radius: 20px; background-color: var(--theme-bg-gray-primary); --active-tab-animation-duration: .2s; --monica-tab-width: calc((100% - 8px) / var(--monica-tab-length)); --monica-tab-left: calc(var(--monica-tab-width) * var(--monica-tab-index) + 4px) } .button-tabs-whU-0f .wrapper-sBsOMr:before { content: ""; position: absolute; z-index: -1; height: calc(100% - 8px); top: 4px; width: var(--monica-tab-width); background-color: var(--active-bg-color); left: var(--monica-tab-left); border-radius: 8px; transition: var(--active-tab-animation-duration) ease-in-out } .button-tabs-whU-0f .wrapper-sBsOMr .tab-R69CsI { padding: 3px 0; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; width: var(--monica-tab-width); display: flex; align-items: center; justify-content: center; color: var(--theme-text-quaternary); gap: 4px; cursor: pointer } .button-tabs-whU-0f .wrapper-sBsOMr .tab-R69CsI.equal-width-m1q5wu { flex: 1; text-align: center } .button-tabs-whU-0f .wrapper-sBsOMr .active-tab-F5uWFW { color: var(--theme-text-white-primary); transition: var(--active-tab-animation-duration) ease-in-out } .light-theme-DvFj5X .wrapper-sBsOMr:before { background-color: var(--theme-bg-white) } .light-theme-DvFj5X .wrapper-sBsOMr .active-tab-F5uWFW { color: var(--theme-text-primary) } .small-size-kX13Sy .wrapper-sBsOMr { padding: 4px; border-radius: 16px } .small-size-kX13Sy .wrapper-sBsOMr .tab-R69CsI { padding: 1px 6px; font-size: 12px; line-height: 18px } .middle-size-ltYGDS .wrapper-sBsOMr { padding: 4px; border-radius: 12px } .middle-size-ltYGDS .wrapper-sBsOMr .tab-R69CsI { padding: 6px 0; font-size: 14px; line-height: 22px } .large-size-3FZZmA .wrapper-sBsOMr { padding: 4px; border-radius: 64px } .large-size-3FZZmA .wrapper-sBsOMr .tab-R69CsI { padding: 15px 20px; font-size: 18px; font-weight: 500; line-height: 26px } .primary-PAxQFD { --active-bg-color: var(--theme-btn-fill-primary) } .no-transition-53kzFw .wrapper-sBsOMr:before { transition: none } .no-transition-53kzFw .wrapper-sBsOMr .active-tab-F5uWFW { transition: none } .close-confirm-ps-g4V { display: flex; padding: 20px; flex-direction: column; align-items: flex-start; gap: 12px; border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2) } .close-confirm-ps-g4V .header-VHGXnl { color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px } .close-confirm-ps-g4V .content-6-spQ- { color: var(--theme-text-secondary); font-size: 14px; font-style: normal; line-height: 22px } .close-confirm-ps-g4V .footer-hAvf-r { display: flex; padding-top: 8px; justify-content: flex-end; align-items: flex-end; gap: 8px; align-self: stretch } .close-confirm-ps-g4V .footer-hAvf-r .btn-2PNZXc { min-width: 80px } .text-Msqkgq { display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all } .over-text-ThrmZk { display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; overflow: visible } .expand-wrapper-gabWgl { display: flex; flex-direction: column; gap: 0px } .expand-wrapper-gabWgl .more-btn-E4GoBw { display: flex; align-items: center; gap: 2px; padding: 0 2px; cursor: pointer; width: fit-content } .expand-wrapper-gabWgl .more-btn-E4GoBw:hover { opacity: .8 } .expand-wrapper-gabWgl .more-btn-E4GoBw .fold-text-Ti4e0C { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 18px } .expand-wrapper-gabWgl .more-btn-E4GoBw .arrow-QcBb-r { transition: transform .3s ease } .expand-wrapper-gabWgl .more-btn-E4GoBw .arrow-QcBb-r.up-9dQ-5M { transform: rotate(180deg) } .popover-wrapper-Y2SnZC { display: flex; height: 100%; flex: 1 } .popover-content-wrapper-l-1hhl { flex: 1; width: 100% } .select-BQ-uFm { position: relative; height: 100% } .select-BQ-uFm .content-PiHQhy { flex: 1; display: flex; justify-content: space-between; cursor: pointer; border: 1px solid transparent; height: 40px; padding: 12px 12px 12px 16px; align-items: center; gap: 12px; align-self: stretch; border-radius: 12px; background: var(--theme-fill-tsp-components-tertiary) } .select-BQ-uFm .content-PiHQhy .content-inner-Qx9Gyh { display: flex; gap: 8px; width: 297px; align-items: center } .select-BQ-uFm .content-PiHQhy .content-inner-Qx9Gyh .img-dCUO56 { width: 16px } .select-BQ-uFm .content-PiHQhy .content-inner-Qx9Gyh .select-content-qVChU0 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .select-BQ-uFm .content-PiHQhy:hover, .select-BQ-uFm .content-PiHQhy.active-JdXBH2 { border-color: var(--theme-border-active) } .select-BQ-uFm .content-PiHQhy .expand-icon-fOE1x- { transform: rotate(-90deg); transition: all ease .2s } .select-BQ-uFm .content-PiHQhy .expand-icon-fOE1x-.expand-50E0B9 { transform: rotate(90deg) } .select-BQ-uFm .content-PiHQhy .placeholder-Z-ApXs { color: var(--theme-text-disable) } .select-BQ-uFm .ant-popover { width: calc(100% + 16px) } .box-ZdZdW0 { display: flex; min-width: 270px; width: 100%; padding: 8px; flex-direction: column; align-items: flex-start; gap: 2px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2); margin-left: 1px } .box-ZdZdW0 .popover-wrapper-Y2SnZC { display: flex; height: 100%; flex: 1 } .box-ZdZdW0 .list-klkKzo { display: flex; gap: 2px; width: 100%; flex-direction: column } .box-ZdZdW0 .list-klkKzo .item-HAwZcH { display: flex; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; width: 100%; cursor: pointer; min-height: 32px; padding: 4px 12px; color: var(--theme-text-primary) } .box-ZdZdW0 .list-klkKzo .item-HAwZcH:hover { background: var(--theme-fill-tsp-components-secondary) } .box-ZdZdW0 .list-klkKzo .item-HAwZcH.active-JdXBH2 { color: var(--theme-text-brand) } .box-ZdZdW0 .list-klkKzo .item-HAwZcH .inner-KrrFvv { display: flex; align-items: center; justify-content: space-between; width: 100% } .box-ZdZdW0 .list-klkKzo .item-HAwZcH .left-FMSNIW { display: flex; align-items: center; gap: 6px } .box-ZdZdW0 .list-klkKzo .item-HAwZcH .img-dCUO56 { width: 16px } .box-ZdZdW0 .list-klkKzo .path-list-a0IzDX { display: flex; min-width: 143px; padding: 8px; flex-direction: column; align-items: flex-start; gap: 2px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s1) } .box-ZdZdW0 .list-klkKzo .path-list-a0IzDX .path-item-C-OqSR { cursor: pointer; display: flex; padding: 4px 12px; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; white-space: nowrap } .box-ZdZdW0 .list-klkKzo .path-list-a0IzDX .path-item-C-OqSR:hover { background: var(--theme-fill-tsp-components-secondary) } .box-ZdZdW0 .list-klkKzo .path-list-a0IzDX .path-item-C-OqSR.active-JdXBH2 { color: var(--theme-text-brand) } .table-wrapper-nSpuwe { width: 100%; overflow-x: auto } .table-wrapper-nSpuwe.bordered-Qev-0h { border-radius: 12px; border: 1px solid var(--theme-border-primary) } .table-wrapper-nSpuwe.sticky-left-ZeXK8A tr th:first-child, .table-wrapper-nSpuwe.sticky-left-ZeXK8A tr td:first-child { position: sticky; left: 0 } .table-wrapper-nSpuwe.sticky-left-ZeXK8A tr td:first-child { background: var(--theme-bg-white) } .table-wrapper-nSpuwe.sticky-right-yy8mGE tr th:last-child, .table-wrapper-nSpuwe.sticky-right-yy8mGE tr td:last-child { position: sticky; right: 0 } .table-wrapper-nSpuwe.sticky-right-yy8mGE tr td:last-child { background: var(--theme-bg-white) } .table-fNoc-G { text-indent: 0; border-collapse: collapse; width: 100% } .loading-box-fnSUt0 { height: 429px } .table-body-Ntto2V { color: var(--theme-text-primary); font-size: 14px; line-height: 22px } .table-cell-Bf-DqE { padding: 20px } .table-cell-Bf-DqE.text-left-31nL0W { text-align: left } .table-cell-Bf-DqE.text-center-gggeL5 { text-align: center } .table-cell-Bf-DqE.text-right-vcUqX3 { text-align: right } .table-head-CCn0bi { padding: 12px 20px } .table-head-CCn0bi.text-left-HtJNBb { text-align: left } .table-head-CCn0bi.text-center-1LRdSv { text-align: center } .table-head-CCn0bi.text-right-rxiG2a { text-align: right } .table-header-qnkX6t { border-radius: 12px 12px 0 0; color: var(--theme-text-quaternary); background: var(--theme-fill-tsp-components-tertiary); font-size: 14px; font-weight: 500; line-height: 20px } .table-row-HmfZjH:not(:last-of-type) { border-bottom: 1px solid var(--theme-fill-tsp-components-secondary) } .tool-bar-W-PGH5 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: var(--item-gap) } .tool-bar-W-PGH5 .item-qvUfAl { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; padding: 2px; align-items: center; gap: 10px; border-radius: 4px } .tool-bar-W-PGH5 .item-qvUfAl:hover { background: var(--theme-fill-tsp-components-secondary) } .masonry-khFQdz { width: 100%; display: flex; gap: 24px; flex-direction: row } .masonry-khFQdz.hide-6L8VeL { visibility: hidden } .masonry-khFQdz .masonry-items-2jVbG- { display: flex; gap: 24px; flex-direction: column; overflow: hidden; width: 100%; height: fit-content } .subscription-benefit-0AkBsS { width: 100%; height: 100%; padding: 60px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .subscription-benefit-0AkBsS::-webkit-scrollbar { height: 6px; width: 0px; margin-right: 10px } .subscription-benefit-0AkBsS::-webkit-scrollbar-track { background: transparent } .subscription-benefit-0AkBsS::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .subscription-benefit-0AkBsS::-webkit-scrollbar-thumb:hover { background: #00000062 } .subscription-benefit-0AkBsS::-webkit-scrollbar-corner { background: transparent } .subscription-benefit-0AkBsS .section-FII9dL { max-width: 490px; margin: 0 auto } .subscription-benefit-0AkBsS .section-FII9dL .title--viNA5 { font-size: 24px; font-weight: 600; line-height: 30px; text-align: left; color: var(--theme-text-primary); margin-bottom: 16px } .subscription-benefit-0AkBsS .divider-jWDlzY { width: 100%; max-width: 490px; height: 1px; margin: 24px auto; background-color: var(--theme-border-primary) } .subscription-benefit-0AkBsS .diff-plan-pl2f-R { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px } .subscription-benefit-0AkBsS .features-buTTib { gap: 12px } .plan-8Jf50m { width: 100%; border-radius: 12px; overflow: hidden; background-color: var(--theme-bg-white) } .plan-8Jf50m .banner-O-933u { width: 100%; height: 0; padding-bottom: 55%; position: relative } .plan-8Jf50m .banner-O-933u .pic-bfhOgY { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .plan-8Jf50m .banner-O-933u .badge-Xdoicd { position: absolute; top: 10px; left: 10px; border-radius: 20px; padding: 2px 10px; font-size: 14px; line-height: 20px; font-weight: 500 } .plan-8Jf50m .divider-jWDlzY { width: auto; margin: 0 16px } .plan-8Jf50m.free-plan-2lKGUH .banner-O-933u .badge-Xdoicd { background: #0000004D; color: var(--theme-fill-white) } .plan-8Jf50m.unlimited-plan-s6-WhJ .banner-O-933u .badge-Xdoicd { background: #FFFFFF99; color: var(--theme-text-brand) } .intro-block-83QVyt { padding: 12px 16px 0 } .intro-block-83QVyt:last-child { padding-bottom: 12px } .intro-block-83QVyt .intro-name-IE88oG { font-size: 14px; font-weight: 600; line-height: 22px; color: var(--theme-text-primary); margin-bottom: 6px } .feat-level-945EcR .name-aIrf5w { font-size: 12px; font-weight: 400; line-height: 20px; color: var(--theme-text-secondary); margin-bottom: 6px } .feat-level-945EcR .level-QIU1dU { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px } .feat-level-945EcR .level-QIU1dU .level-item-A-iXrD { width: 100%; height: 8px; background-color: var(--theme-fill-tsp-gray); opacity: .4 } .feat-level-945EcR .level-QIU1dU.level1-oLnqTu .level-item-A-iXrD:first-child { opacity: 1 } .feat-level-945EcR .level-QIU1dU.level2-WZ9QDM .level-item-A-iXrD:first-child, .feat-level-945EcR .level-QIU1dU.level2-WZ9QDM .level-item-A-iXrD:nth-child(2) { opacity: 1 } .feat-level-945EcR .level-QIU1dU.level3-tDJHQc .level-item-A-iXrD { opacity: 1; background-color: var(--theme-fill-tsp-brand-secondary) } .ai-content-detect-IQjsPS { position: relative; width: 100%; display: flex; flex-direction: column; gap: 16px } .ai-content-detect-IQjsPS.small-3YbIG4 { --font-size: 12px; --line-height: 18px; --border-radius: 6px; --button-height: 28px } .ai-content-detect-IQjsPS.large-yf2CL0 { --font-size: 14px; --line-height: 21px; --border-radius: 8px; --button-height: 32px } .ai-content-detect-IQjsPS .title-VGsqp5 { font-weight: 500; font-size: var(--font-size); line-height: var(--line-height); color: var(--theme-text-primary) } .ai-content-detect-IQjsPS .txt--D2cEH { font-size: var(--font-size); line-height: var(--line-height); color: var(--theme-text-primary) } .ai-content-detect-IQjsPS .not-checked--Xvj4R { padding: 12px 12px 4px; font-size: var(--font-size); line-height: var(--line-height); color: var(--theme-text-tertiary) } .ai-content-detect-IQjsPS .notice-icon-gw1jNh { display: inline-flex; vertical-align: middle; cursor: help } .ai-content-detect-IQjsPS .progress-e9X2Wk { width: 100%; display: flex; flex-direction: column; gap: 12px; border-radius: 8px; padding: 16px; background: var(--theme-fill-tsp-components-tertiary) } .ai-content-detect-IQjsPS .progress-e9X2Wk .bar-J1vCd1 { position: relative; height: 10px; border-radius: 30px; background: var(--theme-fill-tsp-components-primary) } .ai-content-detect-IQjsPS .progress-e9X2Wk .bar-J1vCd1 .inner-5ioQD9 { position: absolute; top: 0; left: 0; height: 10px; width: 0; border-radius: 30px; transition: width .3s; background: linear-gradient(87deg, #6841ea 36.01%, #ee6f6f 101.45%) } .ai-content-detect-IQjsPS .progress-e9X2Wk .info-vrSC1U { display: flex; align-items: center; gap: 12px; font-size: var(--font-size); line-height: var(--line-height); color: var(--theme-text-tertiary) } .ai-content-detect-IQjsPS .progress-e9X2Wk .info-vrSC1U .msg-Mvv1y1 { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .ai-content-detect-IQjsPS .progress-e9X2Wk .info-vrSC1U .num-V9ucz7 { flex-shrink: 0 } .ai-content-detect-IQjsPS .result-F9lTp1 { width: 100%; position: relative; display: flex; flex-direction: column; border-radius: 8px; border: 1px solid var(--theme-border-primary) } .ai-content-detect-IQjsPS .notice-XVks1P { width: 100%; display: flex; align-items: center; padding: 8px 12px; gap: 8px } .ai-content-detect-IQjsPS .ai-notice-sVM0eo { width: 100%; display: flex; align-items: center; padding: 8px 12px; gap: 8px; background: rgba(234, 132, 54, .05) } .ai-content-detect-IQjsPS .human-notice-n57tQw { width: 100%; display: flex; align-items: center; padding: 8px 12px; gap: 8px; background: rgba(0, 170, 91, .05) } .ai-content-detect-IQjsPS .promotion-U82eHE { width: 100%; align-items: center; padding: 8px 12px; gap: 8px; background: rgba(234, 132, 54, .05); display: flex; flex-direction: column; gap: 2px } .ai-content-detect-IQjsPS .promotion-U82eHE .promotion-item-AFavsa { width: 100%; display: flex; align-items: center; gap: 8px; padding: 0 } .ai-content-detect-IQjsPS .promotion-U82eHE .promotion-item-AFavsa .link--eHU3s { font-weight: 500; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: underline } .ai-content-detect-IQjsPS .promotion-U82eHE .promotion-item-AFavsa .link--eHU3s:hover { opacity: .8 } .ai-content-detect-IQjsPS .action-btn-m0unYw { border-radius: 8px; font-size: var(--font-size); line-height: var(--line-height) } .detect-details-EsllHZ { width: 100%; display: flex; padding: 14px 12px 4px; column-gap: 12px; justify-content: space-between; row-gap: 4px } .detect-details-EsllHZ .detect-item-8mV5fn { display: flex; align-items: center; gap: 4px } .detect-details-EsllHZ .detect-item-8mV5fn.lock-detect-item-mcMKX2 .serve-name-0632qZ { color: var(--theme-text-tertiary) } .detect-details-EsllHZ .detect-item-8mV5fn .logo--vhmxY { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 20px; height: 20px; padding: 1px; border-radius: 100px; background: var(--theme-bg-white); box-shadow: 0 1.667px 6.667px #00000014, 0 0 .833px #00000026 } .detect-details-EsllHZ .detect-item-8mV5fn .logo--vhmxY .image-Pbtx6- { width: 100%; height: 100%; border-radius: 100px; overflow: hidden } .detect-details-EsllHZ .detect-item-8mV5fn .logo--vhmxY .image-Pbtx6- img { width: 100%; height: 100%; object-fit: cover } .detect-details-EsllHZ .detect-item-8mV5fn .logo--vhmxY .icon--RFK7p { position: absolute; right: -1px; bottom: -2px } .detect-details-EsllHZ .detect-item-8mV5fn .serve-name-0632qZ { font-size: var(--font-size); line-height: var(--line-height); color: var(--theme-text-primary); font-weight: 500 } .detect-details-EsllHZ .detect-item-8mV5fn .score-6Z4HVO { font-size: var(--font-size); line-height: var(--line-height); font-weight: 400 } .footer-5GcZdX { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 8px 12px } .footer-5GcZdX .footer-left-kG6EI3 { display: flex; align-items: center; gap: 8px; flex: 1 } .footer-5GcZdX .footer-left-kG6EI3 .credits--6-w7O { display: flex; align-items: center; gap: 2px } .footer-5GcZdX .footer-left-kG6EI3 .divider--ymZe3 { width: 1px; height: 12px; background: var(--theme-border-primary) } .footer-5GcZdX .footer-left-kG6EI3 .learn-more-ulkI6U { display: flex; gap: 2px; align-items: center; text-decoration: underline; color: var(--theme-text-quaternary); font-size: var(--font-size); line-height: var(--line-height); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .footer-5GcZdX .footer-left-kG6EI3 .learn-more-ulkI6U:hover { opacity: .8 } .footer-5GcZdX .footer-right-dCYaJQ { display: flex; align-items: center; gap: 8px; min-width: 0 } .footer-5GcZdX .model-list-sd1Thb { flex-shrink: 0; display: flex; align-items: center } .footer-5GcZdX .model-list-sd1Thb .image-Pbtx6- { width: 20px; height: 20px; margin-right: -8px; border: 1px solid var(--theme-border-primary); border-radius: 50%; background: var(--theme-fill-tsp-components-primary) } .footer-5GcZdX .model-list-sd1Thb .image-Pbtx6-:last-child { margin-right: 8px } .footer-5GcZdX .btn-text-6XGdwR { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .footer-5GcZdX .button-jd8oNo { display: flex; padding: 0 8px; gap: 2px; align-items: center; border-radius: var(--border-radius); font-size: var(--font-size); line-height: var(--line-height); height: var(--button-height) } .footer-5GcZdX .recheck-icon-btn-EAcUfu { width: var(--button-height); height: var(--button-height); display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: var(--border-radius); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .footer-5GcZdX .recheck-icon-btn-EAcUfu:hover { background-color: var(--theme-fill-tsp-components-secondary) } .not-enough-KfTaKG { width: 100%; height: 100%; border-radius: 8px; background: var(--theme-fill-tsp-brand); display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 8px; font-size: var(--font-size); line-height: var(--line-height) } .error-XvCCOA { width: 100%; height: 100%; border-radius: 8px; background: var(--theme-fill-tsp-brand); color: var(--function-error); background: rgba(234, 54, 57, .05); display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 8px; font-size: var(--font-size); line-height: var(--line-height) } .credits--6-w7O { display: flex; gap: 2px; align-items: center } .generator-form-usVBVr { width: 100%; max-width: 760px; margin: 0 auto } .generator-form-usVBVr .start-btn-Ssjw52 { width: 100%; max-width: 300px; margin: 24px auto 0; gap: 6px } .tab-box--3YNk5 { width: fit-content; background-color: var(--theme-bg-gray-secondary); border: 1px solid var(--theme-border-light); padding: 2px; border-radius: 20px; margin: 0 auto 20px } .tab-box--3YNk5 .tab-item-LTvTJx { height: 32px; padding: 6px 12px; display: inline-flex; align-items: center; gap: 4px; border-radius: 40px; font-size: 13px; font-weight: 600; line-height: 20px; color: var(--theme-text-tertiary); cursor: pointer; user-select: none } .tab-box--3YNk5 .tab-item-LTvTJx.active-qFJFUX { background: var(--theme-fill-white); box-shadow: 0 1px 8px 0 var(--theme-shadow-s2); color: var(--theme-text-primary) } .form-wrap-JVoofc { background: linear-gradient(92.64deg, #5297ff 0%, #64d3ff 35%, #ff96bc 71%, #9d9aff 100%); padding: 1.5px; border-radius: 12px; box-shadow: 0 4px 12px 0 var(--theme-shadow-s2); transition: all .25 ease } .form-wrap-JVoofc.focused-ji5Gpr { box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 8px 24px 0 var(--theme-shadow-s2) } .form-wrap-JVoofc .inner-xDNr5W { border-radius: 11px; background: var(--theme-bg-white) } .form-wrap-JVoofc .textarea-afH4q- { border: none !important; background-color: transparent; min-height: 128px; border-radius: 12px; padding-bottom: 0 } .file-uploader-BabkI7 { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 40px 24px; border: 1.5px dashed var(--theme-text-disable); background-color: var(--theme-bg-gray-secondary); border-radius: 20px; cursor: pointer; transition: background-color .25s ease } .file-uploader-BabkI7:hover { background-color: var(--theme-bg-gray-primary) } .file-uploader-BabkI7.dragging-KcmBsI { opacity: 0 } .url-input-wrap-w8Ufhk { display: flex; align-items: center; padding: 0 16px; gap: 6px } .url-input-wrap-w8Ufhk .prefix-5GN275 { padding: 0 } .url-input-wrap-w8Ufhk .input-kOz88C { flex: 1 1 auto; border: none !important; background-color: transparent; min-height: 58px; border-radius: 0; padding: 0 } .file-info-WPGVG6 { padding: 40px 24px 32px; display: flex; justify-content: center; align-items: center; flex-direction: column } .file-info-WPGVG6 .file-name-VYilc- { margin-top: 16px; font-size: 16px; font-weight: 600; line-height: 22px; text-align: center; color: var(--theme-text-primary) } .file-info-WPGVG6 .reupload--QrUXW { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; font-size: 13px; font-weight: 500; line-height: 18px; color: var(--theme-text-quaternary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 4px 8px; margin-top: 6px } .file-info-WPGVG6 .reupload--QrUXW:hover { color: var(--theme-text-secondary) } .example-prompts-kjS-LX { margin-top: 32px } .example-prompts-kjS-LX .head-PyKQ7X { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-quaternary) } .example-prompts-kjS-LX .head-PyKQ7X .label-IsDRXr { padding: 0 8px } .example-prompts-kjS-LX .head-PyKQ7X .shuffle-cK4OPA { font-size: 13px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 4px 8px } .example-prompts-kjS-LX .head-PyKQ7X .shuffle-cK4OPA:hover { color: var(--theme-text-secondary) } .example-prompts-kjS-LX .list-672xyJ { margin-top: 12px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px } .example-prompts-kjS-LX .list-672xyJ .example-8LM3sM { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border: 1px solid var(--theme-border-light); border-radius: 10px; transition: background-color .25s ease; cursor: pointer; background-color: var(--theme-fill-white) } .example-prompts-kjS-LX .list-672xyJ .example-8LM3sM:hover { background-color: var(--theme-fill-tsp-components-primary) } .example-prompts-kjS-LX .list-672xyJ .example-8LM3sM:active { opacity: .8 } .example-prompts-kjS-LX .list-672xyJ .example-8LM3sM .icon-box-GkFcVn { display: inline-flex; justify-content: center; align-items: center; border-radius: 8px; width: 32px; height: 32px; flex: 0 0 32px } .example-prompts-kjS-LX .list-672xyJ .example-8LM3sM .text-MZyrda { flex: 1 1 auto; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--theme-text-secondary) } .file-uploader-BabkI7 .pic-box-w-6shc, .drop-layer-p6Mqfi .pic-box-w-6shc { width: 62px; height: 69px; margin-bottom: 32px; position: relative } .file-uploader-BabkI7 .pic-box-w-6shc .pic-m1M2vO, .drop-layer-p6Mqfi .pic-box-w-6shc .pic-m1M2vO { width: 128px; height: 134px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -40%) } .file-uploader-BabkI7 .title-muxoZk, .drop-layer-p6Mqfi .title-muxoZk { font-size: 16px; font-weight: 600; line-height: 22px; color: var(--theme-text-primary); margin-bottom: 8px } .file-uploader-BabkI7 .desc-3hcxLb, .drop-layer-p6Mqfi .desc-3hcxLb { font-size: 12px; font-weight: 400; line-height: 18px; color: var(--theme-text-quaternary) } .dragger-tgfNr4 { position: relative } .drop-layer-p6Mqfi { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 24px; border: 1.5px dashed var(--theme-border-active); background-color: var(--theme-fill-tsp-brand); border-radius: 20px } @media screen and (max-width: 500px) { .generator-form-usVBVr .start-btn-Ssjw52 { width: 100%; max-width: none; margin: 24px auto 0 } .tab-box--3YNk5 { max-width: 100%; display: flex; overflow: auto hidden } .tab-box--3YNk5::-webkit-scrollbar { display: none } .tab-box--3YNk5 .tab-item-LTvTJx { padding: 6px 8px; font-size: 12px; gap: 2px } .tab-box--3YNk5 .tab-item-LTvTJx .icon--feB-S { display: none } .tab-box--3YNk5 .tab-item-LTvTJx span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .example-prompts-kjS-LX { margin-top: 24px } .example-prompts-kjS-LX .list-672xyJ { grid-template-columns: 1fr; gap: 8px } .example-prompts-kjS-LX .list-672xyJ .example-8LM3sM:hover { background-color: var(--theme-fill-white) } } .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .cropper-container img { backface-visibility: hidden; display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100% } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { inset: 0; position: absolute } .cropper-wrap-box, .cropper-canvas { overflow: hidden } .cropper-drag-box { background-color: #fff; opacity: 0 } .cropper-modal { background-color: #000; opacity: .5 } .cropper-view-box { display: block; height: 100%; outline: 1px solid #39f; outline-color: #3399ffbf; overflow: hidden; width: 100% } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: .5; position: absolute } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: calc(100% / 3); left: 0; top: calc(100% / 3); width: 100% } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: calc(100% / 3); top: 0; width: calc(100% / 3) } .cropper-center { display: block; height: 0; left: 50%; opacity: .75; position: absolute; top: 50%; width: 0 } .cropper-center:before, .cropper-center:after { background-color: #eee; content: " "; display: block; position: absolute } .cropper-center:before { height: 1px; left: -3px; top: 0; width: 7px } .cropper-center:after { height: 7px; left: 0; top: -3px; width: 1px } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: .1; position: absolute; width: 100% } .cropper-face { background-color: #fff; left: 0; top: 0 } .cropper-line { background-color: #39f } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0 } .cropper-point { background-color: #39f; height: 5px; opacity: .75; width: 5px } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50% } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50% } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: .75; width: 5px } } .cropper-point.point-se:before { background-color: #39f; bottom: -50%; content: " "; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200% } .cropper-invisible { opacity: 0 } .cropper-bg { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC) } .cropper-hide { display: block; height: 0; position: absolute; width: 0 } .cropper-hidden { display: none !important } .cropper-move { cursor: move } .cropper-crop { cursor: crosshair } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed } .wrapper-6ACgKm { width: min(702px, 100vw - 32px) !important } .cropper-MNIN26 { padding: 32px 24px 24px; display: flex; gap: 12px; flex-direction: column } .cropper-MNIN26.is-mobile-q-2Ix6 .content-7N2u-z .origin-0i3cnt { width: 100% } .cropper-MNIN26.is-mobile-q-2Ix6 .footer-IsPOm0 .btn-NqnPCk.cancel-XxbIW-, .cropper-MNIN26.is-mobile-q-2Ix6 .footer-IsPOm0 .btn-NqnPCk.next-CcE-QP, .cropper-MNIN26.is-mobile-q-2Ix6 .footer-IsPOm0 .btn-NqnPCk.submit-99Fcaw { min-width: unset } .cropper-MNIN26 .header-VaP3yR { text-align: center } .cropper-MNIN26 .header-VaP3yR .title-yS-Eb4 { color: var(--theme-text-primary); text-align: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px } .cropper-MNIN26 .header-VaP3yR .error-jaUhhR { color: var(--theme-function-error); text-align: center; font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 4px } .cropper-MNIN26 .header-VaP3yR .error-jaUhhR .icon-WfZy-T { margin-right: 4px; display: inline-flex; position: relative; top: 2px } .cropper-MNIN26 .content-7N2u-z { width: 100%; display: flex; flex-direction: row; justify-content: space-between } .cropper-MNIN26 .content-7N2u-z .item-QjYe4f { display: flex; flex-direction: column; gap: 8px } .cropper-MNIN26 .content-7N2u-z .item-QjYe4f .actions-WtwOrL { display: inline-flex; padding: 4px; align-items: center; gap: 8px; border-radius: 8px; border: 1px solid var(--theme-border-primary) } .cropper-MNIN26 .content-7N2u-z .item-QjYe4f .actions-WtwOrL.disabled-G79Flp { opacity: .5; cursor: not-allowed } .cropper-MNIN26 .content-7N2u-z .item-QjYe4f .actions-WtwOrL.disabled-G79Flp>* { pointer-events: none } .cropper-MNIN26 .content-7N2u-z .item-QjYe4f .item-bottom-g5jG1P { color: var(--theme-text-tertiary); text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px } .cropper-MNIN26 .content-7N2u-z .item-QjYe4f .item-bottom-g5jG1P.preview-text-vvvSPS { height: 36px; display: flex; align-items: center; justify-content: center } .cropper-MNIN26 .content-7N2u-z .origin-0i3cnt { width: 320px; height: 320px; position: relative; background-size: contain } .cropper-MNIN26 .content-7N2u-z .origin-0i3cnt .origin-image-Sg4yvE { max-width: 100%; max-height: 100%; opacity: 0 } .cropper-MNIN26 .content-7N2u-z .origin-0i3cnt .loading-P7IqnR { position: absolute; width: 100%; height: 100%; background-color: var(--theme-fill-tsp-components-tertiary) } .cropper-MNIN26 .content-7N2u-z .preview-m-Ho2g { width: 320px; height: 320px; display: flex; align-items: center; justify-content: center } .cropper-MNIN26 .content-7N2u-z .preview-m-Ho2g .preview-image-sOWvMB { max-width: 100%; max-height: 100% } .cropper-MNIN26 .content-7N2u-z .preview-m-Ho2g .preview-target-bfIOzI { width: 100%; height: 100%; overflow: hidden; border: 1px solid var(--theme-btn-border-primary) } .cropper-MNIN26 .footer-IsPOm0 { width: 100%; display: flex; gap: 16px; padding-top: 16px; justify-content: center } .cropper-MNIN26 .footer-IsPOm0.full-Kp8lap .btn-NqnPCk { flex: 0 } .cropper-MNIN26 .footer-IsPOm0 .btn-NqnPCk { height: 48px; padding: 4px 24px; flex: 1; max-width: 50% } .cropper-MNIN26 .footer-IsPOm0 .btn-NqnPCk.pre-Nx81y8 { margin-right: auto } .cropper-MNIN26 .footer-IsPOm0 .btn-NqnPCk.cancel-XxbIW-, .cropper-MNIN26 .footer-IsPOm0 .btn-NqnPCk.next-CcE-QP, .cropper-MNIN26 .footer-IsPOm0 .btn-NqnPCk.submit-99Fcaw { min-width: 194px } .select-with-search-card-select-N-Q0WC { display: flex; align-items: center; gap: 6px; border-radius: 8px; border: 1px solid var(--theme-btn-border-primary); padding: 12px; width: 100%; cursor: pointer; transition: background .1s ease-in-out } .select-with-search-card-select-N-Q0WC:hover { background: var(--theme-btn-fill-secondary-hover) } .select-with-search-card-select-N-Q0WC .label--PUJ4n { flex: 1; overflow: hidden } .select-with-search-card-select-N-Q0WC .arrow-down-de4ygN { transition: transform .1s ease-in-out } .select-with-search-card-select-N-Q0WC .arrow-down-de4ygN.expand-jADVQv { transform: rotate(180deg) } .options-D5e1wd { padding: 4px; max-height: 50vh; display: flex; flex-direction: column; border-radius: 10px; background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .options-D5e1wd .title-xe-8GN { padding: 12px; color: var(--theme-text-tertiary); font-size: 13px; line-height: 18px; white-space: pre-wrap; flex-shrink: 0 } .options-D5e1wd .scroller-KMvS7p { flex: 1; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .options-D5e1wd .scroller-KMvS7p::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .options-D5e1wd .scroller-KMvS7p::-webkit-scrollbar-track { background: transparent } .options-D5e1wd .scroller-KMvS7p::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .options-D5e1wd .scroller-KMvS7p::-webkit-scrollbar-thumb:hover { background: #00000062 } .options-D5e1wd .scroller-KMvS7p::-webkit-scrollbar-corner { background: transparent } .options-D5e1wd .scroller-KMvS7p .option-AqFrv- { padding: 12px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; cursor: pointer } .options-D5e1wd .scroller-KMvS7p .option-AqFrv-:hover { background: var(--theme-fill-tsp-components-secondary) } .options-D5e1wd .scroller-KMvS7p .option-AqFrv- .option-label-D7U7rl { color: var(--theme-text-primary) } .video-wrapper-BJ9SJC { position: relative; display: inline-flex; min-width: 100%; min-height: 100% } .video-wrapper-BJ9SJC .videoLoading-HtnjT2 { position: absolute; inset: 0; z-index: 1 } .video-wrapper-BJ9SJC .videoLoading-HtnjT2 path { stroke: var(--theme-icon-white-primary) } .video-wrapper-BJ9SJC .videoLoading-HtnjT2 circle { stroke: var(--theme-icon-white-primary) } .disable-base-model-dialog--lcm8O { padding: 16px 20px } .disable-base-model-dialog--lcm8O>header { color: var(--text-primary); font-size: 16px; font-weight: 700; line-height: 24px } .disable-base-model-dialog--lcm8O>main { margin-top: 12px } .disable-base-model-dialog--lcm8O>footer { margin-top: 24px; display: flex; justify-content: flex-end; align-items: center; gap: 16px } .disable-base-model-dialog--lcm8O .models-g6wyc- { margin: 0 2px; border-bottom: 1px solid } .disable-knowledge-source-dialog-4-EYDu { padding: 16px 20px } .disable-knowledge-source-dialog-4-EYDu>header { color: var(--theme-text-primary); font-size: 16px; font-weight: 700; line-height: 24px } .disable-knowledge-source-dialog-4-EYDu>main { margin-top: 12px } .disable-knowledge-source-dialog-4-EYDu>footer { margin-top: 24px; display: flex; justify-content: flex-end; align-items: center; gap: 16px } .disable-knowledge-source-dialog-4-EYDu .models-8UPx9M { margin: 0 2px; border-bottom: 1px solid } .tool-not-supported-dialog-c1BHT6 { padding: 16px 20px } .tool-not-supported-dialog-c1BHT6>header { color: var(--text-primary); font-size: 16px; font-weight: 700; line-height: 24px } .tool-not-supported-dialog-c1BHT6>main { margin-top: 12px } .tool-not-supported-dialog-c1BHT6>footer { margin-top: 24px; display: flex; justify-content: flex-end; align-items: center; gap: 16px } .selected-models-nKnAzi { border-bottom: 1px solid; margin: 0 2px; cursor: pointer } .box-q05Kmj { z-index: 10 } .payment-completed-dialog-TU3X49 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; padding: 20px; align-items: flex-start } .payment-completed-dialog-TU3X49 .header-C7jLIW .title-8qnAPC { color: var(--theme-text-primary); font-size: 16px; font-weight: 700; line-height: 24px } .payment-completed-dialog-TU3X49 .main-yCnkGi { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px } .payment-completed-dialog-TU3X49 .main-yCnkGi .image-61xFJ0 { position: relative; width: 132px; height: 132px } .payment-completed-dialog-TU3X49 .main-yCnkGi .image-61xFJ0 img { width: 100% } .payment-completed-dialog-TU3X49 .main-yCnkGi .description-CjK1zY { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .payment-completed-dialog-TU3X49 .main-yCnkGi .icon-2h0KS7 { display: inline-flex; margin: auto } .payment-completed-dialog-TU3X49 .main-yCnkGi .mark-UC0MYL { color: var(--theme-text-brand); font-size: 18px; font-weight: 700; user-select: unset } .payment-completed-dialog-TU3X49 .footer-QpD3RK { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-end; width: 100%; gap: 16px; margin-top: 12px } .failed-content-L4n1Ow { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; width: 100%; align-items: flex-start } .failed-content-L4n1Ow .header-C7jLIW .subtitle-CnfUKS { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .failed-content-L4n1Ow .main-yCnkGi .desc--PsRrB { color: var(--theme-text-secondary); font-size: 14px; font-weight: 400; line-height: 22px } .failed-content-L4n1Ow .main-yCnkGi .radio-group1-HKPNdK { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; width: 100%; gap: 4px } .failed-content-L4n1Ow .main-yCnkGi .radio-group1-HKPNdK .radio-label-gg6wzA { display: inline-flex } .failed-content-L4n1Ow .main-yCnkGi .option-PBh3-9 { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .failed-content-L4n1Ow .main-yCnkGi .textarea-3CuoHz { min-height: 146px } .success-content-qzeU20 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; align-items: flex-start; width: 100% } .success-content-qzeU20 .header-C7jLIW .title-8qnAPC { color: var(--theme-text-primary); font-size: 16px; font-weight: 700; line-height: 24px } .success-content-qzeU20 .main-yCnkGi .description-CjK1zY { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .success-content-qzeU20 .main-yCnkGi .description-CjK1zY .mark-UC0MYL { color: var(--theme-text-brand); font-weight: 700 } .success-content-qzeU20 .footer-QpD3RK, .success-content-qzeU20 .footer-QpD3RK .redeem-button-IxpY4d { width: 100% } .countdown-24-O6h { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 8px } .countdown-24-O6h .time-EICm2J { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px } .countdown-24-O6h .time-EICm2J .colon-j-XECn { color: var(--theme-text-primary); font-size: 14px; line-height: 22px } .countdown-24-O6h .time-EICm2J .hour-N1WPIJ, .countdown-24-O6h .time-EICm2J .minute-38GoFS, .countdown-24-O6h .time-EICm2J .second-7-1NRC { flex-direction: row; justify-content: center; align-items: center; display: flex; min-width: 24px; height: 24px; padding: 0 4px; border-radius: 6px; background: var(--yellow-400); color: var(--theme-text-white-primary); font-size: 12px; line-height: 18px } .confirm-the-change-XsyOa0 { position: relative; padding: 20px; display: flex; flex-direction: column; gap: 12px } .confirm-the-change-XsyOa0 .header-AhH4tV { font-size: 16px; font-weight: 700; line-height: 24px; color: var(--theme-icon-primary) } .confirm-the-change-XsyOa0 .content-eboKCt { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; align-items: flex-start } .confirm-the-change-XsyOa0 .content-eboKCt .current-plan-RCwwZ3, .confirm-the-change-XsyOa0 .content-eboKCt .target-plan-RKIl-v { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; color: var(--theme-text-primary); font-size: 16px; line-height: 24px } .confirm-the-change-XsyOa0 .content-eboKCt .current-plan-RCwwZ3 .vip-name-rVY9rE, .confirm-the-change-XsyOa0 .content-eboKCt .target-plan-RKIl-v .vip-name-rVY9rE { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; color: var(--theme-text-primary); font-weight: 600; white-space: nowrap } .confirm-the-change-XsyOa0 .content-eboKCt .current-plan-RCwwZ3 .month-tag-oolx89, .confirm-the-change-XsyOa0 .content-eboKCt .target-plan-RKIl-v .month-tag-oolx89 { color: #b76e00; text-align: center; font-size: 13px; font-weight: 500; line-height: 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 20px; padding: 1px 6px; gap: 2px; background: rgba(255, 171, 0, .24); border-radius: 10px } .confirm-the-change-XsyOa0 .content-eboKCt .current-plan-RCwwZ3 .annually-tag-WRL69s, .confirm-the-change-XsyOa0 .content-eboKCt .target-plan-RKIl-v .annually-tag-WRL69s { color: var(--theme-btn-fill-primary-active); text-align: center; font-size: 13px; font-weight: 500; line-height: 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 20px; padding: 1px 6px; gap: 2px; background: rgba(82, 0, 255, .24); border-radius: 10px } .confirm-the-change-XsyOa0 .content-eboKCt .price-info-mHMGaE { color: var(--theme-text-tertiary); font-size: 14px } .confirm-the-change-XsyOa0 .content-eboKCt .price-info-mHMGaE>li { line-height: 22px; list-style-type: disc; margin-left: 1.2em } .confirm-the-change-XsyOa0 .content-eboKCt .price-info-mHMGaE strong { font-size: 16px; line-height: 24px; font-weight: 600 } .confirm-the-change-XsyOa0 .footer-xruOjK { margin-top: 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-end; gap: 12px } .pay-for-upgrades-A-T9Ju { position: relative; padding: 20px; display: flex; flex-direction: column; gap: 12px } .pay-for-upgrades-A-T9Ju .header--Nkxr- { font-size: 16px; font-weight: 700; line-height: 24px; color: var(--theme-icon-primary) } .pay-for-upgrades-A-T9Ju .content-QfMZlt { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; align-items: flex-start; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-text-primary) } .pay-for-upgrades-A-T9Ju .footer-peQfNx { margin-top: 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-end; gap: 12px } .pay-for-upgrades-A-T9Ju .footer-peQfNx .pay-btn-HenUpT { min-width: 83px } .hit-limit-alert-nF2Hkd { position: relative; padding: 20px; display: flex; flex-direction: column; gap: 12px } .hit-limit-alert-nF2Hkd .header-IwqR5L { font-size: 16px; font-weight: 700; line-height: 24px; color: var(--theme-icon-primary) } .hit-limit-alert-nF2Hkd .banner-So1VQY { width: 100%; position: relative } .hit-limit-alert-nF2Hkd .banner-So1VQY img { width: 100% } .hit-limit-alert-nF2Hkd .content-z2dFPz { display: flex; flex-direction: column } .hit-limit-alert-nF2Hkd .content-z2dFPz .msg-79HHx4 { font-size: 16px; font-weight: 700; line-height: 24px; background: linear-gradient(98deg, var(--theme-btn-fill-primary) 41.82%, #e54df2 88.35%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .hit-limit-alert-nF2Hkd .content-z2dFPz .sub-msg-ey3eXo { font-size: 16px; font-weight: 700; line-height: 24px; color: var(--theme-text-primary) } .hit-limit-alert-nF2Hkd .content-z2dFPz .desc-8H6SC3 { margin-top: 12px; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-icon-tertiary) } .hit-limit-alert-nF2Hkd .footer-a6Mlm0 { margin-top: 12px } .upgrade-now-button-wDxI-3 { visibility: visible } .seo-install-guide-dialog-FE6Vpa { max-width: calc(100% - 24px); padding: 32px 24px 24px } .seo-install-guide-dialog-FE6Vpa .title-5ahJ1p, .seo-install-guide-dialog-FE6Vpa .get-title-HhAfDe { color: var(--theme-text-primary); text-align: center; font-size: 24px; font-weight: 900; line-height: 32px } .seo-install-guide-dialog-FE6Vpa .get-title-HhAfDe { background: linear-gradient(98deg, #874dfe 41.82%, #e54df2 88.35%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; text-align: center } .seo-install-guide-dialog-FE6Vpa .get-title-HhAfDe .unlimited-icon-iCz1tS { width: 30px; display: inline-flex; margin-right: 4px } .seo-install-guide-dialog-FE6Vpa .desc-wcHlwX { color: var(--theme-text-secondary); font-size: 16px; line-height: 150%; max-width: 378px; text-align: center; margin: 10px auto 0 } .seo-install-guide-dialog-FE6Vpa .desc-wcHlwX strong { font-weight: 600 } .seo-install-guide-dialog-FE6Vpa .banner-d8Mvey { margin: 16px auto 0; width: 350px; height: 236px; border-radius: 10px; overflow: hidden } .seo-install-guide-dialog-FE6Vpa .button-link-aMtPdA { margin: 32px auto 0; max-width: 350px; display: block } .seo-install-guide-dialog-FE6Vpa .button-link-aMtPdA .button-ni7fsQ { border-radius: 10px } @media screen and (max-width: 640px) { .seo-install-guide-dialog-FE6Vpa { padding: 28px 20px 20px } .seo-install-guide-dialog-FE6Vpa .title-5ahJ1p, .seo-install-guide-dialog-FE6Vpa .get-title-HhAfDe { font-size: 18px; line-height: 24px } .seo-install-guide-dialog-FE6Vpa .get-title-HhAfDe { margin-top: 4px } .seo-install-guide-dialog-FE6Vpa .desc-wcHlwX { font-size: 13px; line-height: 20px } .seo-install-guide-dialog-FE6Vpa .banner-d8Mvey { width: 100%; height: 0; padding-bottom: 67.43%; position: relative } .seo-install-guide-dialog-FE6Vpa .banner-d8Mvey .pic-jOLtmF { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .seo-install-guide-dialog-FE6Vpa .button-link-aMtPdA { margin-top: 20px } } .team-credits-not-enough-dialog-ZNVkEm { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 16px; padding: 20px } .team-credits-not-enough-dialog-ZNVkEm .header-6rkYEL { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; gap: 8px; align-items: flex-start } .team-credits-not-enough-dialog-ZNVkEm .header-6rkYEL .title-sKQAiZ { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px } .team-credits-not-enough-dialog-ZNVkEm .main-uvPlhu { width: 100% } .team-credits-not-enough-dialog-ZNVkEm .main-uvPlhu .desc-5BLDDJ { font-size: 14px; font-weight: 400; color: var(--theme-text-secondary) } .team-credits-not-enough-dialog-ZNVkEm .footer-KVXCG1 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 12px; width: 100%; justify-content: flex-end; gap: 12px } .team-locked-dialog-yRVLFx { padding: 20px; border-radius: 16px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .team-locked-dialog-yRVLFx .dialog-title-ymgWrS { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .team-locked-dialog-yRVLFx .dialog-desc-B-a-mV { color: var(--theme-text-secondary); font-size: 14px; line-height: 22px; margin-top: 12px } .team-locked-dialog-yRVLFx .warning-b3bBFb { margin-top: 10px; color: var(--theme-function-error); font-size: 12px; line-height: 18px } .team-locked-dialog-yRVLFx .footer-2aOAU8 { margin-top: 20px; display: flex; gap: 12px; justify-content: flex-end } .team-locked-dialog-yRVLFx .footer-2aOAU8 .btn-za-VWv { border-radius: 8px } .device-exceeded-limit-dialog--m8hc- { padding: 18px 24px 24px } .device-exceeded-limit-dialog--m8hc- .title-LXzilt { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px; margin-bottom: 8px; padding-right: 20px } .device-exceeded-limit-dialog--m8hc- .description-G0PtY0 { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px; margin-bottom: 24px } .device-exceeded-limit-dialog--m8hc- .link-jLqhCH { margin: 0 4px } .device-exceeded-limit-dialog--m8hc- .footer-Ynf-6R { display: flex; justify-content: flex-end; gap: 12px } .device-exceeded-limit-dialog--m8hc- .footer-Ynf-6R .contact-button-wfrOZL { border: 1px solid rgba(145, 158, 171, .32) } .device-exceeded-limit-dialog--m8hc- .footer-Ynf-6R .contact-button-wfrOZL>a { color: var(--theme-text-primary) } .device-exceeded-limit-dialog--m8hc- .footer-Ynf-6R .got-button-wKJW-S { min-width: 88px } .artifact-preview-dialog-R2XfR0 { visibility: visible; position: fixed; z-index: 1; height: calc(100% - 32px) } .artifact-preview-dialog-R2XfR0.modal-tId73G { background: var(--theme-bg-mask); display: flex; align-items: center; justify-content: center; inset: 0 !important; height: 100% !important; padding: 20px !important; width: 100% !important; z-index: 5 } .artifact-preview-dialog-R2XfR0.modal-tId73G.side-panel-waBc7v { height: 60% } .artifact-preview-dialog-R2XfR0.modal-tId73G .preview-box-5es05d { max-width: 680px } .artifact-preview-dialog-R2XfR0 .preview-box-5es05d { width: 100%; height: 100% } .artifact-preview-dialog-R2XfR0 .preview-box-5es05d .side-nParDV { width: 2px; height: 100%; position: absolute; z-index: 3 } .artifact-preview-dialog-R2XfR0 .preview-box-5es05d .side-nParDV.side-left-S3gDf8 { left: 0; top: 0 } .artifact-preview-dialog-R2XfR0 .preview-box-5es05d .side-nParDV.side-right-OPRair { right: 0; top: 0 } .artifact-preview-dialog-R2XfR0 .preview-box-5es05d:hover { position: relative } .artifact-preview-dialog-R2XfR0 .dragging-mask-lBYE0g { position: fixed; width: 100%; height: 100%; z-index: 9999; inset: 0; opacity: 0 } .artifact-preview-dialog-R2XfR0 .dragging-mask-lBYE0g+.preview-box-5es05d { position: relative; z-index: 1 } .artist-bots-explore-drawer--cSZVz { display: flex; flex-direction: column; width: 100%; height: 100% } .artist-bots-explore-drawer--cSZVz .search-8qGArC { width: 100%; padding: 0 20px; margin-bottom: 16px } .artist-bots-explore-drawer--cSZVz .search-8qGArC .input-BEOYgA { border-radius: 16px; height: 44px } .artist-bots-explore-drawer--cSZVz .empty-07hb8m { flex: 1; min-height: 0px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px } .artist-bots-explore-drawer--cSZVz .empty-07hb8m::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .artist-bots-explore-drawer--cSZVz .empty-07hb8m::-webkit-scrollbar-track { background: transparent } .artist-bots-explore-drawer--cSZVz .empty-07hb8m::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .artist-bots-explore-drawer--cSZVz .empty-07hb8m::-webkit-scrollbar-thumb:hover { background: #00000062 } .artist-bots-explore-drawer--cSZVz .empty-07hb8m::-webkit-scrollbar-corner { background: transparent } .artist-bots-explore-drawer--cSZVz .empty-07hb8m .empty-img-uyo-Lr { width: 100px; height: 100px } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR { display: flex; flex-direction: row; gap: 12px; padding: 0 20px; flex: 1; min-height: 0px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR::-webkit-scrollbar-track { background: transparent } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR::-webkit-scrollbar-thumb:hover { background: #00000062 } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR::-webkit-scrollbar-corner { background: transparent } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bots-group-9O2Bq8 { display: flex; flex-direction: column; gap: 12px; flex: 1; min-width: 0px } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF { display: flex; justify-content: center; align-items: center; flex-direction: column; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; gap: 4px; height: auto; break-inside: avoid; transition: all .2s ease-in-out; border-radius: 12px; border: 1px solid var(--theme-btn-border-primary); background-color: var(--theme-bg-white); position: relative } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .new-a9Fqqw { border-radius: 12px; background: var(--theme-label-tsp-brand-secondary); position: absolute; right: 5px; top: 5px; padding: 0 6px; color: var(--theme-text-brand); font-size: 11px; font-style: normal; font-weight: 700; line-height: 19px; z-index: 1 } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF:hover { scale: 1.02 !important } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF:hover .operations-JEsQpy, .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF.pinned-3bBzqe .operations-JEsQpy { opacity: 1 !important } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF.selected-vda0zp { border: 1px solid var(--theme-border-active) } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .artist-bg-2rhpia { border-radius: 12px 12px 0 0; width: 100%; -webkit-user-drag: none } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .artist-bg-2rhpia img { object-fit: cover; border-top-left-radius: 12px; border-top-right-radius: 12px } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .content-nbTyaM { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px; padding: 0 12px 16px; align-items: flex-start; width: 100% } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .content-nbTyaM .bot-name-wrapper-O5Os82 { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .content-nbTyaM .bot-name-wrapper-O5Os82 .bot-name-6xokKk { flex: 1; min-width: 0px; font-size: 14px; font-weight: 700; line-height: 28px; color: var(--theme-icon-primary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .content-nbTyaM .bot-name-wrapper-O5Os82 .operations-JEsQpy { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: right; gap: 12px; transition: all .2s ease-in-out; opacity: 0 } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .content-nbTyaM .bot-name-wrapper-O5Os82 .operations-JEsQpy .operation-item--T3vW3 { color: var(--theme-icon-primary); width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .content-nbTyaM .bot-name-wrapper-O5Os82 .operations-JEsQpy .operation-item--T3vW3:hover { background-color: var(--theme-fill-tsp-components-secondary) } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .content-nbTyaM .bot-description-ECGQ3u { font-size: 12px; font-weight: 400; line-height: 16px; color: var(--theme-icon-tertiary); word-break: break-all; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .content-nbTyaM .tags-Ku-A0m { display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px } .artist-bots-explore-drawer--cSZVz .artist-bots-CJjzCR .artist-bot-item-tiDidF .content-nbTyaM .tags-Ku-A0m .tag--ZRW8O { min-height: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-text-primary); font-size: 12px; font-weight: 400; border-radius: 4px; padding: 0 8px } .highlight-LYW9EE { padding: 0; background-color: unset; color: var(--theme-icon-brand) } .share-bot-dialog-YGXKcC { padding: 18px 16px 16px; display: flex; justify-content: center; align-items: center; flex-direction: column } .share-bot-dialog-YGXKcC .header-iHmAy8 { font-weight: 600; font-size: 16px; line-height: 20px; text-align: center; color: var(--theme-text-primary) } .share-bot-dialog-YGXKcC .main-peZdOx { width: 100%; margin-top: 18px; margin-bottom: 28px } .share-bot-dialog-YGXKcC .main-peZdOx .textarea-RXYXJs { word-break: break-all } .share-bot-dialog-YGXKcC .footer-2DWWia { display: flex; align-items: center; justify-content: flex-end; width: 100% } .global-sidebar-guide-dialog-1Ax5gl { position: relative; border-radius: 12px } .box-91Nv8A { position: relative; padding: 24px; display: flex; flex-direction: column; justify-content: center } .box-91Nv8A .title-2pMgim { font-size: 18px; line-height: 22px; font-weight: 600; text-align: center; color: var(--theme-text-primary) } .box-91Nv8A .desc-6PF-0a { margin-top: 8px; font-size: 14px; line-height: 22px; color: var(--theme-text-tertiary) } .box-91Nv8A .desc-6PF-0a .ext-QudR7w { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width: 20px; height: 20px; border-radius: 6px; border: 1px solid var(--theme-border-primary); box-shadow: 0 1.091px 21.818px 0 var(--theme-shadow-s1) } .box-91Nv8A .video-M0H9P6 { margin-top: 16px; width: 100%; border-radius: 12px; overflow: hidden } .box-91Nv8A .video-M0H9P6 video { width: 100% } .box-91Nv8A .footer-BtXmzM { margin-top: 16px; display: flex; justify-content: center; gap: 16px } .box-91Nv8A .footer-BtXmzM .btn-pA5rPb { flex: 1; flex-shrink: 1; display: inline-flex } .box-91Nv8A .footer-BtXmzM .enable-btn-G0sI06 { flex-shrink: 0 } .high-traffic-dialog-4yGQRI { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; padding: 20px } .high-traffic-dialog-4yGQRI .mark-tKNDNO { color: var(--theme-icon-brand) } .high-traffic-dialog-4yGQRI .title-PS84yK { width: 100%; color: var(--theme-icon-primary); font-size: 15px; font-weight: 700; line-height: 24px } .high-traffic-dialog-4yGQRI .main-pSDMGy { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; align-items: flex-start } .high-traffic-dialog-4yGQRI .main-pSDMGy .description-SAri63, .high-traffic-dialog-4yGQRI .main-pSDMGy .upgrade-desc-YEMrJ8 { color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px } .high-traffic-dialog-4yGQRI .button-fet-HI { margin-top: 12px; width: 100%; white-space: wrap; text-align: center } .image-display-dialog-6NzOe3 { display: flex; width: 360px; max-width: calc(100% - 32px); flex-direction: column; align-items: flex-start; border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1); border: none } .image-display-dialog-6NzOe3 .content-KPXOQI { display: flex; flex-direction: column; width: 100% } .image-display-dialog-6NzOe3 .content-KPXOQI .image-wrapper-51753i { width: 100%; padding-bottom: 100%; position: relative } .image-display-dialog-6NzOe3 .content-KPXOQI .image-wrapper-51753i .inner-3THDAV { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .image-display-dialog-6NzOe3 .content-KPXOQI .image-wrapper-51753i .inner-3THDAV .image-77pm83 { width: 100%; height: 100% } .image-display-dialog-6NzOe3 .content-KPXOQI .image-wrapper-51753i .inner-3THDAV .msg-6jn56f { position: absolute; bottom: 0; width: 100%; padding: 0 20px } .image-display-dialog-6NzOe3 .content-KPXOQI .image-wrapper-51753i .inner-3THDAV .msg-6jn56f .title-Jqx6cM { color: #fff; font-size: 18px; font-weight: 600; display: flex; gap: 8px; line-height: 24px } .image-display-dialog-6NzOe3 .content-KPXOQI .image-wrapper-51753i .inner-3THDAV .msg-6jn56f .title-Jqx6cM .new-tag-HsBFoO { display: flex; height: 24px; padding: 4px 6px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; background: #fa494c; color: #fff; font-size: 13px; font-weight: 500; line-height: 18px } .image-display-dialog-6NzOe3 .content-KPXOQI .image-wrapper-51753i .inner-3THDAV .msg-6jn56f .desc-Ssp1NQ { color: #ffffffa6; font-size: 14px; font-weight: 400; margin-bottom: 8px; margin-top: 8px } .image-display-dialog-6NzOe3 .footer-qMIkQJ { display: flex; width: 100%; flex-direction: column; padding: 0 20px 16px } .image-display-dialog-6NzOe3 .footer-qMIkQJ .no-more-TN6Vvr { margin: 8px 0 26px; color: var(--theme-text-white-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 8px; font-size: 14px } .image-display-dialog-6NzOe3 .footer-qMIkQJ .submit-qoXc4P { background-color: var(--theme-fill-white-none); color: #252528 } .image-display-dialog-6NzOe3 .footer-qMIkQJ .submit-qoXc4P:hover { opacity: .85 } .image-display-dialog-6NzOe3 .footer-qMIkQJ .cancel-MGua4b { height: 40px; text-align: center; width: 100%; justify-content: center; color: #ffffffa6 } .white-checkbox-sh-ydA { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: #ffffffa6; font-size: 14px; display: flex; gap: 8px; align-items: center } .white-checkbox-sh-ydA .icon-umMhAh { color: #ffffffa6 } .white-checkbox-sh-ydA:hover, .white-checkbox-sh-ydA:hover .icon-umMhAh { color: #fff } .invite-bonus-dialog-5dXngN { background-color: var(--theme-bg-menu-white); padding: 48px 20px 20px; overflow: visible !important; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px } .invite-bonus-dialog-5dXngN .lottie-2zV5jG { z-index: 2; width: 608px; height: 812px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none } .invite-bonus-dialog-5dXngN .banner-PjTrYM { display: flex; align-items: flex-end; justify-content: center; margin-top: -88px; gap: 8px } .invite-bonus-dialog-5dXngN .banner-PjTrYM .claude-ckNM4Z, .invite-bonus-dialog-5dXngN .banner-PjTrYM .gemini-MR5MwA, .invite-bonus-dialog-5dXngN .banner-PjTrYM .gpt-6VAA1I { border: 4px solid var(--theme-bg-menu-white); border-radius: 16px; overflow: hidden } .invite-bonus-dialog-5dXngN .banner-PjTrYM .claude-ckNM4Z { background-color: #efeee5 } .invite-bonus-dialog-5dXngN .banner-PjTrYM .claude-ckNM4Z, .invite-bonus-dialog-5dXngN .banner-PjTrYM .gemini-MR5MwA { width: 56px; height: 56px } .invite-bonus-dialog-5dXngN .banner-PjTrYM .gemini-MR5MwA img { border: 1px solid var(--theme-border-light); border-radius: 12px; background: var(--theme-bg-menu-white) } .invite-bonus-dialog-5dXngN .banner-PjTrYM .gpt-6VAA1I { width: 72px; height: 72px } .invite-bonus-dialog-5dXngN .title-hqCFm6 { width: 100%; font-size: 24px; font-weight: 700; line-height: 32px; color: var(--theme-text-primary); text-align: center } .invite-bonus-dialog-5dXngN .reward-5K9Tpl { background-color: var(--theme-btn-fill-tertiary); padding: 4px 12px; border-radius: 8px; font-size: 14px; color: var(--theme-text-brand) } .invite-bonus-dialog-5dXngN .desc-tyqjIM { width: 100%; font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-text-primary); text-align: center } .invite-bonus-dialog-5dXngN .btn-7RF13- { width: 100%; margin-top: 20px } .base-dialog-F1jLHR .container-6K5i3M { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; position: absolute; bottom: 135px; right: 54px; gap: 8px; padding: 16px 20px; background: var(--theme-text-white-primary); border-radius: 20px; box-shadow: 0 8px 40px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .base-dialog-F1jLHR .symbol-pAuJI- { position: absolute; bottom: 48px; right: -8px; width: 0; height: 0; width: 8px; height: 16px; background: var(--theme-text-white-primary); clip-path: polygon(0 0, 0% 100%, 100% 50%) } .base-dialog-F1jLHR .close-fZiY1d { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: inline-flex; position: absolute; right: 16px; top: 16px; z-index: 500; color: var(--theme-icon-primary); border-radius: 4px; transition: all .2s ease-in-out } .base-dialog-F1jLHR .close-fZiY1d:hover { color: var(--theme-tooltips-fill); background-color: var(--theme-shadow-s1) } .invite-dialog-lERnJT { width: 304px } .invite-dialog-lERnJT .header-wkELRw .title-jBy2gs { color: var(--theme-icon-primary); font-size: 16px; font-weight: 600; line-height: 24px; text-align: center } .invite-dialog-lERnJT .main-v5KDqM { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; align-items: flex-start; gap: 4px; color: var(--theme-icon-primary); font-size: 14px; line-height: 22px } .invite-dialog-lERnJT .main-v5KDqM .strong-fm-GPJ { color: var(--theme-icon-brand); font-size: 20px; line-height: 34px } .invite-dialog-lERnJT .footer-GzB8cq { width: 100%; margin-top: 8px } .invite-dialog-lERnJT .footer-GzB8cq .button-KtwoEk { width: 100%; border-radius: 12px; line-height: 32px; height: 32px } .rewards-obtained-dialog-imBxhd { width: 264px; gap: 12px } .rewards-obtained-dialog-imBxhd .header-bLw6V0 .title-dfiaJF { color: var(--theme-icon-primary); font-size: 16px; font-weight: 700; line-height: 24px } .rewards-obtained-dialog-imBxhd .main--m2Qt- { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 8px } .rewards-obtained-dialog-imBxhd .main--m2Qt- .rewards--kcF4P { color: var(--theme-icon-brand); font-size: 20px; font-weight: 700; line-height: 34px } .rewards-obtained-dialog-imBxhd .main--m2Qt- .description-LCiO5g { color: var(--theme-icon-primary); font-size: 14px; line-height: 22px } .rewards-obtained-dialog-imBxhd .footer-BZ6xMd { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; margin-top: 12px; gap: 8px } .rewards-obtained-dialog-imBxhd .footer-BZ6xMd .button-V8xz8k { width: 100% } .monthly-vip-resubscribe-dialog-BcK1XK { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; padding: 20px; gap: 12px } .monthly-vip-resubscribe-dialog-BcK1XK .title-S-pR6T { color: var(--theme-text-primary); font-size: 16px; font-weight: 700; line-height: 24px } .monthly-vip-resubscribe-dialog-BcK1XK .description-3E3oWi { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .monthly-vip-resubscribe-dialog-BcK1XK .footer-KH-uYD { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; gap: 16px; margin-top: 12px; justify-content: flex-end } .new-team-dialog-lLgB-s { padding: 20px; max-width: calc(100% - 12px) } .new-team-dialog-lLgB-s .dialog-title-mvgAxf { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px; padding-right: 24px } .new-team-dialog-lLgB-s .desc-uW4GGo { color: var(--theme-text-secondary); font-size: 14px; line-height: 22px; margin-top: 12px } .new-team-dialog-lLgB-s .footer-b8czL3 { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 20px } .reward-expire-reminder-dialog-xNt5Qn { display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px } .reward-expire-reminder-dialog-xNt5Qn .header-XNE2AB .title-Y2fk2u { color: var(--theme-icon-primary); font-size: 16px; font-weight: 700; line-height: 24px; padding-right: 10px } .reward-expire-reminder-dialog-xNt5Qn .main-fC4cyj { width: 100% } .reward-expire-reminder-dialog-xNt5Qn .main-fC4cyj .content-Dh9-kE { color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px } .reward-expire-reminder-dialog-xNt5Qn .footer-cg0K2x { width: 100%; margin-top: 12px } .version-upgrade-dialog-9KTobJ { margin: 20px auto; position: relative; border: none; font-feature-settings: "liga" 0, "clig" 0 } .version-upgrade-dialog-9KTobJ .container-uZEWl7 { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; height: 100%; background-color: var(--theme-bg-white); position: relative } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .banner-4LHB3Q { width: 100%; height: 164px; border-top-left-radius: 12px; border-top-right-radius: 12px; flex-shrink: 0; object-fit: cover; position: relative } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .video-wrapper-NqAY-d { width: 100%; height: 170px } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .new-in-version-Stg8rk { position: absolute; top: 12px; color: var(--theme-text-white-primary); font-size: 12px; line-height: 16px; border-radius: 6px; background: var(--theme-fill-tsp-gray); padding: 4px } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .content-jiNF6U { margin-top: -8px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0 24px } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .content-jiNF6U::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .content-jiNF6U::-webkit-scrollbar-track { background: transparent } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .content-jiNF6U::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .content-jiNF6U::-webkit-scrollbar-thumb:hover { background: #00000062 } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .content-jiNF6U::-webkit-scrollbar-corner { background: transparent } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .content-jiNF6U .title-QmdDqa { width: 100%; color: var(--theme-text-primary); font-size: 20px; font-weight: 590; line-height: 30px; margin-bottom: 12px; white-space: pre-line; text-align: center } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .content-jiNF6U .features-JexHoI { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 8px; list-style: disc; color: var(--theme-text-primary); font-size: 14px; line-height: 22px; padding-left: 24px } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .content-jiNF6U .features-JexHoI li { width: 100% } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .content-jiNF6U .features-JexHoI .feature-title-VUusjg { color: var(--theme-text-secondary); font-weight: 700 } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .emojis--VBk-l { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: -8px; padding: 0 24px } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .emojis--VBk-l li { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; padding: 2px 8px; border-radius: 100px; border: 1px solid var(--theme-border-primary); transition: all .2s } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .emojis--VBk-l li .highlight-6AR1vS, .version-upgrade-dialog-9KTobJ .container-uZEWl7 .emojis--VBk-l li.active-oB9578, .version-upgrade-dialog-9KTobJ .container-uZEWl7 .emojis--VBk-l li:hover { border: 1px solid var(--theme-border-active); background: var(--theme-btn-fill-tertiary-hover) } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .footer-ztGEfl { display: flex; justify-content: center; flex-direction: column; width: 100%; padding: 0 20px 20px; gap: 8px; flex-shrink: 0; position: relative; align-items: center } .version-upgrade-dialog-9KTobJ .container-uZEWl7 .footer-ztGEfl>div { width: 100% } .version-upgrade-dialog-9KTobJ .close-pFFb-e { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; right: 12px; top: 12px; width: 24px; height: 24px; border-radius: 24px; background: var(--theme-fill-tsp-components-secondary); backdrop-filter: blur(3px); transition: all .2s; z-index: 100 } .version-upgrade-dialog-9KTobJ .close-pFFb-e:hover { background-color: var(--theme-fill-tsp-components-primary) } .version-upgrade-dialog-9KTobJ .close-pFFb-e svg { fill: var(--theme-icon-white-primary) } ._monica-dark .version-upgrade-dialog-9KTobJ { border: none !important } ._monica-dark .version-upgrade-dialog-9KTobJ .banner-4LHB3Q { position: relative; overflow: hidden } ._monica-dark .version-upgrade-dialog-9KTobJ .banner-4LHB3Q:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .15) } ._monica-dark .version-upgrade-dialog-9KTobJ .container-uZEWl7 .footer-ztGEfl:before { background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, #202020 100%) } .video-preview-05CaKU { visibility: visible; width: 100%; height: 170px; position: relative; cursor: pointer } .video-preview-05CaKU .img-Qx05I4 { width: 100%; height: 100%; pointer-events: none; object-fit: cover } .video-dialog-3RfZvy { position: fixed; inset: 0; background: rgba(0, 0, 0, .6); backdrop-filter: blur(10px); z-index: 9999; display: flex; flex-direction: row; justify-content: center; align-items: center } .video-dialog-3RfZvy .container-3-3v6V { position: fixed; width: 960px; height: 600px; left: 50%; top: 50%; transform: translate(-50%, -50%); flex-shrink: 1; border-radius: 20px; border: 1px solid var(--transparent-white-8); background: var(--common-white); z-index: 1 } .video-dialog-3RfZvy .container-3-3v6V .close-v9BKa7 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 40px; height: 40px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; right: -104px; top: -50px; border-radius: 56px; border: 1px solid var(--transparent-white-24); background: var(--transparent-white-8); color: var(--common-white); transition: all .2s } .video-dialog-3RfZvy .container-3-3v6V .close-v9BKa7:hover { opacity: .8 } .video-dialog-3RfZvy .container-3-3v6V .content-Ip8psK { width: 100%; height: 100%; overflow: hidden; border-radius: 20px } .video-dialog-3RfZvy .container-3-3v6V .content-Ip8psK .video-2WIfl- { width: 100%; height: 100%; object-fit: cover } @media screen and (max-width: 1280px) { .video-dialog-3RfZvy .container-3-3v6V .close-v9BKa7 { display: none } } @media screen and (max-width: 992px) { .video-dialog-3RfZvy .container-3-3v6V { width: 100%; height: auto } .video-dialog-3RfZvy .dialog-bg-n4e-JH { height: 100%; width: 100%; inset: 0; transform: none } } .video-display-dialog-hBYriZ { display: flex; width: 360px; max-width: calc(100% - 32px); flex-direction: column; align-items: flex-start; border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1); border: none } .video-display-dialog-hBYriZ .content-gF-640 { display: flex; flex-direction: column; width: 100% } .video-display-dialog-hBYriZ .content-gF-640 .image-wrapper-d9wMMy { width: 100%; padding-bottom: 100%; position: relative } .video-display-dialog-hBYriZ .content-gF-640 .image-wrapper-d9wMMy .inner-Gp-AVW { position: absolute; left: 0; top: 0; width: 100%; height: 100% } .video-display-dialog-hBYriZ .content-gF-640 .image-wrapper-d9wMMy .inner-Gp-AVW .image-6ZuTXO { width: 100%; height: 100% } .video-display-dialog-hBYriZ .content-gF-640 .image-wrapper-d9wMMy .inner-Gp-AVW .msg-uNPYeA { position: absolute; bottom: 0; width: 100%; padding: 0 20px } .video-display-dialog-hBYriZ .content-gF-640 .image-wrapper-d9wMMy .inner-Gp-AVW .msg-uNPYeA .title-hd4pGz { color: #fff; font-size: 18px; font-weight: 600; display: flex; gap: 8px; line-height: 24px } .video-display-dialog-hBYriZ .content-gF-640 .image-wrapper-d9wMMy .inner-Gp-AVW .msg-uNPYeA .title-hd4pGz .new-tag-HKVmcd { display: flex; height: 24px; padding: 4px 6px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; background: #fa494c; color: #fff; font-size: 13px; font-weight: 500; line-height: 18px } .video-display-dialog-hBYriZ .content-gF-640 .image-wrapper-d9wMMy .inner-Gp-AVW .msg-uNPYeA .desc-g4AAgL { color: #ffffffa6; font-size: 14px; font-weight: 400; margin-bottom: 8px; margin-top: 8px } .video-display-dialog-hBYriZ .footer-79IzeM { display: flex; width: 100%; flex-direction: column; padding: 0 20px 16px } .video-display-dialog-hBYriZ .footer-79IzeM .no-more-edr-6H { margin: 8px 0 26px; color: var(--theme-text-white-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 8px; font-size: 14px } .video-display-dialog-hBYriZ .footer-79IzeM .submit-m68t-U { background-color: var(--theme-fill-white-none); color: #252528 } .video-display-dialog-hBYriZ .footer-79IzeM .submit-m68t-U:hover { opacity: .85 } .video-display-dialog-hBYriZ .footer-79IzeM .cancel-L0AobD { height: 40px; text-align: center; width: 100%; justify-content: center; color: #ffffffa6 } .white-checkbox-BVhQj2 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: #ffffffa6; font-size: 14px; display: flex; gap: 8px; align-items: center } .white-checkbox-BVhQj2 .icon-M8-CDv { color: #ffffffa6 } .white-checkbox-BVhQj2:hover, .white-checkbox-BVhQj2:hover .icon-M8-CDv { color: #fff } .base-quick-panel-dW5thN { display: flex; flex-direction: column; border-radius: 12px; border: .5px solid var(--theme-border-quaternary); background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 1px 3px #00000014 } .gpt4-ads-vWIu-z { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start } .gpt4-ads-vWIu-z .fast-model-te3NFF { color: var(--theme-text-quaternary); font-size: 13px; font-weight: 400; line-height: 18px } .gpt4-ads-vWIu-z .split-Utpjrr { color: var(--theme-border-primary); margin-left: 12px; margin-right: 8px } .gpt4-ads-vWIu-z .gpt4-Q7FVwz { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 4px; padding: 3px 4px; color: var(--theme-text-brand); font-size: 13px; font-weight: 400; line-height: 18px; transition: all .2s } .gpt4-ads-vWIu-z .gpt4-Q7FVwz:hover { background-color: var(--theme-fill-tsp-components-secondary); border-radius: 8px } .gpt4-logo-2XMrqK { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px; color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; margin-bottom: 2px } .gpt4-logo-2XMrqK .icon-NXxEPj { color: var(--theme-icon-brand) } .content-box-5M8Vt2 { height: 100%; position: relative } .content-box-5M8Vt2 .edit-box-JVlvh4 { height: 100%; width: 100%; position: relative; display: flex; flex-direction: column; border-radius: 6px; border: 1px solid var(--theme-btn-border-secondary); background: var(--theme-bg-white) } .content-box-5M8Vt2 .edit-box-JVlvh4 .input-QVLM8a { background: none; min-height: 0; height: max-content; max-height: 1000%; line-height: 22px; padding: 12px; color: var(--theme-icon-quaternary); font-size: 14px; border-radius: 0; border: none } .content-box-5M8Vt2 .edit-box-JVlvh4 .input-QVLM8a:hover, .content-box-5M8Vt2 .edit-box-JVlvh4 .input-QVLM8a:focus { border: none !important } .content-box-5M8Vt2 .edit-box-JVlvh4 .toolbar-jdcZxX { display: flex; align-items: center; padding: 0 6px; gap: 2px } .icon-btn-T-G4kx { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; color: var(--theme-icon-quaternary); border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .icon-btn-T-G4kx:hover { background-color: var(--theme-fill-tsp-components-secondary) } .gpt4-logo-YZ-o67 { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px; color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; margin-bottom: 2px } .gpt4-logo-YZ-o67 .icon-kEH5GF { color: var(--theme-icon-brand) } .gpt4-ads-Dx2t3z { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 8px; justify-content: flex-start } .gpt4-ads-Dx2t3z .fast-model-4ZLaOL { color: var(--theme-text-quaternary); font-size: 13px; font-weight: 400; line-height: 18px } .gpt4-ads-Dx2t3z .split-4JbzCP { color: var(--theme-border-primary); margin-left: 12px; margin-right: 8px } .gpt4-ads-Dx2t3z .gpt4-mG7d1J { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 4px; padding: 3px 4px; color: var(--theme-text-brand); font-size: 13px; font-weight: 400; line-height: 18px; transition: all .2s } .gpt4-ads-Dx2t3z .gpt4-mG7d1J:hover { background-color: var(--theme-fill-tsp-components-secondary); border-radius: 8px } .quote-S7XLQu { position: relative; padding: 4px 0; border-radius: 6px; background: var(--theme-fill-tsp-components-secondary) } .quote-S7XLQu.fold-Zo7tcf .content-zpn5EJ { max-height: 110px; padding-bottom: 28px; overflow: unset; text-overflow: unset; word-wrap: unset; -webkit-line-clamp: unset; -webkit-box-orient: unset; display: block; overflow-y: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .quote-S7XLQu.fold-Zo7tcf .content-zpn5EJ::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .quote-S7XLQu.fold-Zo7tcf .content-zpn5EJ::-webkit-scrollbar-track { background: transparent } .quote-S7XLQu.fold-Zo7tcf .content-zpn5EJ::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .quote-S7XLQu.fold-Zo7tcf .content-zpn5EJ::-webkit-scrollbar-thumb:hover { background: #00000062 } .quote-S7XLQu.fold-Zo7tcf .content-zpn5EJ::-webkit-scrollbar-corner { background: transparent } .quote-S7XLQu.fold-Zo7tcf .operation-fi4fpl .arrow-icon-UKkqMS { transform: rotate(180deg) } .quote-S7XLQu .content-zpn5EJ { padding: 0 12px; color: var(--theme-icon-quaternary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; max-height: 44px; white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .quote-S7XLQu .content-zpn5EJ .input-D4iMfC { background: none; min-height: 0; max-height: 80px; line-height: 22px; color: var(--theme-icon-quaternary); font-size: 14px; padding: 0; border-radius: 0; border: none } .quote-S7XLQu .content-zpn5EJ .input-D4iMfC:hover, .quote-S7XLQu .content-zpn5EJ .input-D4iMfC:focus { border: none !important } .quote-S7XLQu .operation-fi4fpl { position: absolute; right: 6px; bottom: 0; z-index: 1; padding: 0 6px 4px 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px; color: var(--theme-text-tertiary); background: linear-gradient(271deg, #f5f5f5 80.69%, rgba(245, 245, 245, 0) 121.48%); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .toolbar-p7ctS4 { position: absolute; left: 0; bottom: 0; padding: 6px; border-radius: 6px; width: 100%; display: flex; align-items: center; justify-content: space-between; background: var(--theme-bg-menu-gray) } .toolbar-p7ctS4 .lt-O0Tbxi, .toolbar-p7ctS4 .rt-d1UEOM { display: flex; align-items: center } .toolbar-p7ctS4 .operation-fi4fpl { position: relative; padding: 0 } .icon-btn-UOC-q9 { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; color: var(--theme-icon-quaternary); border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .icon-btn-UOC-q9.disabled-p9m8eo { cursor: not-allowed } .icon-btn-UOC-q9:hover { background-color: var(--theme-fill-tsp-components-secondary) } ._monica-dark .quote-S7XLQu.fold-Zo7tcf .operation-fi4fpl { background: none } ._monica-dark .quote-S7XLQu .operation-fi4fpl { background: linear-gradient(90deg, #2b2b2d 0%, #2b2b2d 100%) !important } .common-card-QiYlMf { display: flex; flex-direction: column; gap: 10px; height: 100%; flex: 1; min-height: 0 } .common-card-QiYlMf .result-XpKTPf { height: 100%; max-height: 100%; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .common-card-QiYlMf .result-XpKTPf::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .common-card-QiYlMf .result-XpKTPf::-webkit-scrollbar-track { background: transparent } .common-card-QiYlMf .result-XpKTPf::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .common-card-QiYlMf .result-XpKTPf::-webkit-scrollbar-thumb:hover { background: #00000062 } .common-card-QiYlMf .result-XpKTPf::-webkit-scrollbar-corner { background: transparent } .common-card-QiYlMf .loading-wrapper-CE-rb3 { margin-top: 10px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 6px; color: var(--theme-text-disable); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px } .common-card-QiYlMf .error-text-4F-zDk { margin-top: 10px; color: var(--theme-function-error); font-size: 12px; line-height: normal } .common-card-QiYlMf .web-access-WL6yky { display: flex; gap: 4px; align-items: center; margin-bottom: 2px } .common-card-QiYlMf .web-access-WL6yky .icon-dOY7Ye { color: var(--theme-icon-brand) } .common-card-QiYlMf .web-access-WL6yky .web-access-text-bt3EHk { color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .header-Rl1Mfi { position: relative; display: flex; align-items: center; justify-content: space-between; height: 32px; gap: 12px } .header-Rl1Mfi:hover .drag-icon-kpkRHC { display: flex } .header-Rl1Mfi .drag-icon-kpkRHC { position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; top: -10px; left: 50%; transform: translate(-50%); color: var(--theme-icon-disable); display: none } .header-Rl1Mfi .lt-rZ3Wzj, .header-Rl1Mfi .rt-826UZd { display: flex; align-items: center } .header-Rl1Mfi .lt-rZ3Wzj { gap: 4px; overflow: hidden; flex: 1; min-width: 0px } .header-Rl1Mfi .lt-rZ3Wzj .lt-title--Bx9C- { flex: 1; color: var(--theme-text-primary); font-size: 14px; font-weight: 600; line-height: 22px; width: max-content; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .header-Rl1Mfi .rt-826UZd { flex-shrink: 0; -webkit-app-region: no-drag; gap: 2px } .icon-btn-G-jTeW { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; color: var(--theme-icon-quaternary); border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .icon-btn-G-jTeW.pin-btn-qIAQP8 { margin-left: 8px } .icon-btn-G-jTeW:hover { background-color: var(--theme-fill-tsp-components-secondary) } .icon-btn-G-jTeW .pinned-MOPpsQ { color: var(--theme-icon-brand) } .icon-btn-G-jTeW.back-634KVC { color: var(--theme-icon-primary) } .icon-btn-G-jTeW.back-634KVC svg { opacity: .8 } .back-block-LjOiop { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px } .back-block-LjOiop .esc-block-FLloqB { padding: 4px; border-radius: 6px; background: var(--theme-btn-fill-secondary-hover); box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 8px 40px 0 var(--theme-shadow-s2); color: var(--theme-icon-secondary); font-size: 12px; font-weight: 500; line-height: 18px } .operation-panel-wrapper--yPX3J { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; font-size: 14px; white-space: normal; color: var(--theme-text-primary); box-sizing: border-box } .operation-panel-wrapper--yPX3J :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .operation-panel-wrapper--yPX3J :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .operation-panel-wrapper--yPX3J .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } .operation-panel-wrapper--yPX3J ::selection { background-color: #96c8fab3 } .operation-panel-wrapper--yPX3J.pinned-qwuXSs .operation-panel-rQPrVv { position: fixed } .operation-panel-wrapper--yPX3J.pinned-qwuXSs .mask-bB4Zp6 { display: none } .operation-panel-wrapper--yPX3J.fixed-M3FZNU .operation-panel-rQPrVv { position: fixed } .operation-panel-rQPrVv { position: absolute; background: var(--theme-bg-menu-gray); border: 1px solid var(--theme-border-white); border-radius: 16px; box-shadow: 0 14px 40px -4px var(--theme-shadow-s2), 0 12px 40px -4px var(--theme-shadow-s2); font-size: 14px; line-height: normal; padding: 10px; overflow: hidden; display: flex; flex-direction: column; z-index: 5; gap: 6px; justify-content: space-between } .operation-panel-rQPrVv .main-yHNrQp { flex: 1; overflow: hidden; background-color: var(--theme-bg-white); border-radius: 8px; box-shadow: var(--theme-box-shadow-s1); display: flex; flex-direction: column; cursor: default; -webkit-app-region: no-drag; user-select: text } .operation-panel-rQPrVv .main-yHNrQp .content-YqN9sf { display: flex; flex-direction: column; flex: 1; padding: 10px 12px 12px; min-height: 80px } .operation-panel-rQPrVv .footer-MQ3rM0 { margin-top: 5px; -webkit-app-region: no-drag } .mask-bB4Zp6 { z-index: 1; position: fixed; inset: 0; background-color: transparent; cursor: default } .gpt4-dropdown-qPN94e { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2px; padding: 2px 4px 2px 2px; border-radius: 99px; background: var(--theme-fill-tsp-components-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .gpt4-dropdown-qPN94e .arrow-IAzYxF { transition: transform .3s; color: var(--theme-icon-quaternary) } .logo-GMDngj { width: 20px; height: 20px; border-radius: 50%; padding: 2px; overflow: hidden; background: var(--theme-bg-white); box-shadow: 0 1px 8px 0 var(--theme-shadow-s2) } .logo-GMDngj img { width: 100%; height: 100%; -webkit-user-drag: none } .menu-item-8Wyzvp { padding: 8px; display: flex; gap: 8px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px } .gpt4-dropdown-PoA1-- { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2px; padding: 2px 4px 2px 2px; border-radius: 99px; background: var(--theme-fill-tsp-components-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .gpt4-dropdown-PoA1-- .arrow-zrC5q- { transition: transform .3s; color: var(--theme-icon-quaternary) } .logo-T-svzu { width: 20px; height: 20px; border-radius: 50%; padding: 2px; overflow: hidden; background: var(--theme-bg-white); box-shadow: 0 1px 8px 0 var(--theme-shadow-s2) } .logo-T-svzu img { width: 100%; height: 100%; -webkit-user-drag: none } .menu-item-sCkNUe { padding: 8px; display: flex; gap: 8px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px } .web-access-switch-oppXJb { flex-shrink: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative } .web-access-switch-oppXJb.size-default-D1P8Jp { width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .web-access-switch-oppXJb.size-default-D1P8Jp:hover { background-color: var(--theme-fill-tsp-components-secondary) } .web-access-switch-oppXJb.size-small-hfhAwN { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .web-access-switch-oppXJb.size-small-hfhAwN:hover { background-color: var(--theme-fill-tsp-components-secondary) } .web-access-checked-hXjQ7j { position: absolute; height: 10px; width: 10px; border-radius: 50%; left: calc(50% + 5px); top: calc(50% + 5px); transform: translate(-50%, -50%); background: var(--theme-bg-white); display: flex; justify-content: center; align-items: center } .web-access-checked-hXjQ7j .icon-ZmTf77 { color: var(--theme-icon-brand) } .complete-list-NiPfsj { margin-bottom: 10px; max-height: 294px; padding: 8px 4px; width: max-content; max-width: 192px; display: flex; margin-right: -4px; flex-direction: column; gap: 4px; border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .complete-list-NiPfsj::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .complete-list-NiPfsj::-webkit-scrollbar-track { background: transparent } .complete-list-NiPfsj::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .complete-list-NiPfsj::-webkit-scrollbar-thumb:hover { background: #00000062 } .complete-list-NiPfsj::-webkit-scrollbar-corner { background: transparent } .complete-list-NiPfsj .complete-item-jgSVSK { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 12px; gap: 8px; justify-content: left; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .complete-list-NiPfsj .complete-item-jgSVSK .icon-AWcuON { display: flex; align-items: center } .complete-list-NiPfsj .complete-item-jgSVSK.active-4j0u5E { background-color: var(--theme-fill-tsp-components-secondary) } .complete-list-NiPfsj .complete-item-jgSVSK:hover { background-color: var(--theme-fill-tsp-components-tertiary) } .complete-list-NiPfsj .complete-item-jgSVSK .item-icon-k7Mj6S { display: flex; flex-direction: row; justify-content: center; align-items: center } .complete-list-NiPfsj .complete-item-jgSVSK .item-content-qH4ta2 { flex: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .toolbar-ArMJ2L { padding: 6px 0; display: flex; border-top: 1px solid var(--theme-border-primary); position: relative } .toolbar-ArMJ2L .tools-G4UkWb { flex: 1; height: 32px; padding: 0 12px; display: flex; align-items: center; gap: 20px; justify-content: space-between } .toolbar-ArMJ2L .tools-G4UkWb .lt-sC0z43, .toolbar-ArMJ2L .tools-G4UkWb .rt-UgWLho { display: flex; align-items: center } .toolbar-ArMJ2L .tools-G4UkWb .lt-sC0z43 { flex: 1; display: flex } .toolbar-ArMJ2L .tools-G4UkWb .lt-sC0z43 .continue-chat-mvpX7e { display: flex; align-items: center; cursor: pointer; gap: 4px } .toolbar-ArMJ2L .tools-G4UkWb .lt-sC0z43 .continue-chat-mvpX7e .logo-flvtCn { display: inline-flex; color: var(--theme-icon-brand); margin-right: 2px } .toolbar-ArMJ2L .tools-G4UkWb .lt-sC0z43 .continue-chat-mvpX7e .input-zKaRPf { color: var(--theme-text-quaternary); font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .toolbar-ArMJ2L .tools-G4UkWb .lt-sC0z43 .continue-chat-mvpX7e .enter-icon-kHX8Ip { padding: 3px } .toolbar-ArMJ2L .tools-G4UkWb .lt-sC0z43 .continue-chat-mvpX7e:hover .input-zKaRPf { color: var(--theme-text-tertiary) } .toolbar-ArMJ2L .tools-G4UkWb .rt-UgWLho { gap: 2px } .toolbar-ArMJ2L .tools-G4UkWb .rt-UgWLho .pagination-L1t6c6 { margin-left: 4px } .toolbar-ArMJ2L .tools-G4UkWb .rt-UgWLho .vip-toolbar-VTeREy { margin-left: 4px; margin-right: -12px } .toolbar-ArMJ2L .tools-G4UkWb .rt-UgWLho .model-select-1f3FG4, .toolbar-ArMJ2L .tools-G4UkWb .rt-UgWLho .gpt4-switch-4F-tvZ { display: flex; flex-direction: row; justify-content: center; align-items: center; padding-left: 4px } .toolbar-ArMJ2L .input-box-Jvf-TX { flex: 1; height: 32px; padding-left: 4px; padding-right: 12px; display: flex; align-items: center; gap: 2px; position: relative } .toolbar-ArMJ2L .input-box-Jvf-TX .back-tsapYN { display: inline-flex; cursor: pointer; flex-shrink: 0 } .toolbar-ArMJ2L .input-box-Jvf-TX .input-zKaRPf { flex: 1; border: none; padding: 0 4px; background: none; font-size: 14px; margin-bottom: -1px } .toolbar-ArMJ2L .input-box-Jvf-TX .input-zKaRPf::placeholder { color: var(--theme-text-quaternary) } .toolbar-ArMJ2L .input-box-Jvf-TX .send-29D0-h { flex-shrink: 0; color: var(--theme-icon-brand); width: 32px; height: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .toolbar-ArMJ2L .input-box-Jvf-TX .send-29D0-h:hover { background-color: var(--theme-fill-tsp-components-secondary) } .toolbar-ArMJ2L .input-box-Jvf-TX .send-29D0-h.disabled-XeVjNA { color: var(--theme-icon-disable); cursor: not-allowed } .icon-btn-zrSmKt { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; color: var(--theme-icon-secondary); border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .icon-btn-zrSmKt.pin-btn-6RgoP5 { margin-left: 8px } .icon-btn-zrSmKt:hover { background-color: var(--theme-fill-tsp-components-secondary) } .icon-btn-zrSmKt .pinned-NG3KYz { color: var(--theme-icon-brand) } .more-tools-umnWr0 { padding: 8px; border-radius: 12px; background: var(--theme-bg-white); box-shadow: 0 4px 24px 0 var(--theme-shadow-s1), 0 0 2px 0 var(--theme-shadow-s1); display: flex; align-items: center; gap: 2px } .copy-tooltips-lmZDFA { display: flex; align-items: center; gap: 8px } .copy-tooltips-lmZDFA .hotkey-3gUeeV { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px; gap: 10px; border-radius: 6px; background: var(--theme-btn-fill-secondary-hover); box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 8px 40px 0 var(--theme-shadow-s2) } .quick-panel-content-wrapper-w7RzTX { display: flex; flex-direction: column; gap: 4px } .quick-panel-content-Yn03dh { width: 100%; --md-paragraph-spacing: 10px; --md-heading-margin-top: 10px; --md-h1-margin-top: var(--md-heading-margin-top); --md-h2-margin-top: var(--md-heading-margin-top); --md-h3-margin-top: var(--md-heading-margin-top); --md-h4-margin-top: var(--md-heading-margin-top); --md-h1-font-size: 18px; --md-h1-line-height: 24px; --md-h2-font-size: 17px; --md-h2-line-height: 24px; --md-h3-font-size: 16px; --md-h3-line-height: 22px; --md-h4-font-size: 15px; --md-h4-line-height: 22px; --md-normal-text-font-size: 14px; --md-normal-text-line-height: 22px } .quick-panel-content-Yn03dh>*:first-child:where(h1, h2) { margin-top: 10px } .quick-panel-content-Yn03dh h1, .quick-panel-content-Yn03dh h2, .quick-panel-content-Yn03dh h3, .quick-panel-content-Yn03dh h4, .quick-panel-content-Yn03dh h5, .quick-panel-content-Yn03dh h6 { margin-bottom: 10px } .quick-panel-content-Yn03dh .error-text-XzHGRo { color: var(--theme-function-error) } .quick-panel-content-Yn03dh .content-box-YZpZM2 { background: transparent; border-color: transparent; overflow: hidden } .quick-panel-content-Yn03dh .content-box-YZpZM2 .ant-input { background: transparent; height: auto !important; flex: 1; border: none } .quick-panel-content-Yn03dh .content-box-YZpZM2 .toolbar-I6gW4f { padding: 12px; gap: 4px } .markdown-style-X2IkQj { --md-paragraph-spacing: 10px; --md-heading-margin-top: 10px; --md-h1-margin-top: var(--md-heading-margin-top); --md-h2-margin-top: var(--md-heading-margin-top); --md-h3-margin-top: var(--md-heading-margin-top); --md-h4-margin-top: var(--md-heading-margin-top); --md-h1-font-size: 18px; --md-h1-line-height: 24px; --md-h2-font-size: 17px; --md-h2-line-height: 24px; --md-h3-font-size: 16px; --md-h3-line-height: 22px; --md-h4-font-size: 15px; --md-h4-line-height: 22px; --md-normal-text-font-size: 14px; --md-normal-text-line-height: 22px } .markdown-style-X2IkQj>*:first-child:where(h1, h2) { margin-top: 10px } .markdown-style-X2IkQj h1, .markdown-style-X2IkQj h2, .markdown-style-X2IkQj h3, .markdown-style-X2IkQj h4, .markdown-style-X2IkQj h5, .markdown-style-X2IkQj h6 { margin-bottom: 10px } .quick-panel-header-S19uNc { width: 100%; flex-shrink: 0; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 12px; border-bottom: 1px solid var(--theme-border-primary); min-height: 30px; cursor: grab } .quick-panel-header-S19uNc:hover .drag-icon-3-ulri { display: flex } .quick-panel-header-S19uNc .drag-icon-3-ulri { position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; top: 0; left: 50%; transform: translate(-50%); display: none } .quick-panel-header-S19uNc .drag-icon-3-ulri.dragging-OZtbAR { display: flex } .quick-panel-header-S19uNc .lt-nJ5p8e { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px } .quick-panel-header-S19uNc .rt-PDh5R3 { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-shrink: 0; gap: 2px } .quick-panel-header-S19uNc .action-btn-jHde0p { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .quick-panel-header-S19uNc .action-btn-jHde0p:hover { background-color: var(--theme-fill-tsp-components-secondary) } .quick-panel-quote-7Ubg9r { width: 100%; max-height: 100%; position: relative; display: flex; gap: 4px; padding-bottom: 8px; border-bottom: 1px solid var(--theme-border-light) } .quick-panel-quote-7Ubg9r .wrapper-jqUaXH { display: flex; min-width: 0; flex-direction: column; gap: 4px; flex: 1 } .quick-panel-quote-7Ubg9r .collapse-btn-KTEYU5 { width: 22px; height: 22px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; flex-shrink: 0 } .quick-panel-quote-7Ubg9r .collapse-btn-KTEYU5:hover { background-color: var(--theme-fill-tsp-components-secondary) } .quick-panel-quote-7Ubg9r .collapse-btn-KTEYU5 .arrow-icon-N5o3FQ { transition: transform .3s ease } .quick-panel-quote-7Ubg9r .content-k1DSIp { width: 100%; transition: max-height .3s ease; line-height: 22px; font-size: 14px; color: var(--theme-text-quaternary) } .quick-panel-quote-7Ubg9r .content-k1DSIp:not(.fold-G5QPd6 .content-k1DSIp) { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .quick-panel-quote-7Ubg9r .content-k1DSIp .input-MUT8Ul { background: none; color: var(--theme-text-quaternary); padding: 0; border-radius: 0; border: none; height: 100%; line-height: 22px } .quick-panel-quote-7Ubg9r .content-k1DSIp .input-MUT8Ul:hover, .quick-panel-quote-7Ubg9r .content-k1DSIp .input-MUT8Ul:focus { border: none !important } .quick-panel-quote-7Ubg9r.fold-G5QPd6 .content-k1DSIp { height: max-content; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; min-height: 22px; max-height: 80px } .quick-panel-quote-7Ubg9r.fold-G5QPd6 .content-k1DSIp::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .quick-panel-quote-7Ubg9r.fold-G5QPd6 .content-k1DSIp::-webkit-scrollbar-track { background: transparent } .quick-panel-quote-7Ubg9r.fold-G5QPd6 .content-k1DSIp::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .quick-panel-quote-7Ubg9r.fold-G5QPd6 .content-k1DSIp::-webkit-scrollbar-thumb:hover { background: #00000062 } .quick-panel-quote-7Ubg9r.fold-G5QPd6 .content-k1DSIp::-webkit-scrollbar-corner { background: transparent } .quick-panel-quote-7Ubg9r.fold-G5QPd6 .content-k1DSIp .input-MUT8Ul { min-height: 22px; max-height: 80px } .toolbar-9A-Lh2 { position: sticky; width: 100%; bottom: 0; display: flex; align-items: center; gap: 4px; background: var(--theme-bg-menu-white); margin-left: -4px } .toolbar-9A-Lh2 .operation-ePRk8o { position: relative; padding: 0 } .icon-btn-ed5yFW { width: 24px; height: 24px; flex-direction: row; display: inline-flex; border-radius: 8px; display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; color: var(--theme-icon-quaternary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .icon-btn-ed5yFW.disabled-9ytrQH { cursor: not-allowed } .icon-btn-ed5yFW:hover { background-color: var(--theme-fill-tsp-components-secondary) } .hotkey-tooltips-DaXE14 { visibility: visible } .hotkeyTitle-2VTh72 { display: flex; align-items: center; gap: 8px } .hotkeyTitle-2VTh72 .hotkey-2DH1M- { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px; gap: 10px; border-radius: 6px; background: var(--theme-fill-tsp-components-primary); box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 8px 40px 0 var(--theme-shadow-s2) } .quick-panel-tool-action-list-1tz-cy { display: flex; align-items: center; height: 100%; gap: 6px } .quick-panel-tool-action-list-1tz-cy .icon-btn-W2me35 { width: 24px; height: 24px; flex-direction: row; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; justify-content: center; align-items: center; flex-direction: column; flex-shrink: 0; color: var(--theme-icon-secondary) } .quick-panel-tool-action-list-1tz-cy .icon-btn-W2me35:hover { background-color: var(--theme-fill-tsp-components-secondary) } .dropdown-menu-item-aIUz11 { width: 150px } .suggestion-list-NYxhO8 { margin-bottom: 10px; max-height: 294px; padding: 8px 4px; width: max-content; display: flex; margin-right: -4px; flex-direction: column; gap: 4px; border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2); overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .suggestion-list-NYxhO8::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .suggestion-list-NYxhO8::-webkit-scrollbar-track { background: transparent } .suggestion-list-NYxhO8::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .suggestion-list-NYxhO8::-webkit-scrollbar-thumb:hover { background: #00000062 } .suggestion-list-NYxhO8::-webkit-scrollbar-corner { background: transparent } .suggestion-list-NYxhO8 .suggestion-item-SN-fGI { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 12px; gap: 8px; justify-content: left; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; border-radius: 8px; width: 100%; max-width: 200px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .suggestion-list-NYxhO8 .suggestion-item-SN-fGI .icon-8LKQ1y { display: flex; align-items: center } .suggestion-list-NYxhO8 .suggestion-item-SN-fGI.active-64F3Hd { background-color: var(--theme-fill-tsp-components-secondary) } .suggestion-list-NYxhO8 .suggestion-item-SN-fGI:hover { background-color: var(--theme-fill-tsp-components-tertiary) } .suggestion-list-NYxhO8 .suggestion-item-SN-fGI .item-icon-Qyj-2b { display: flex; flex-direction: row; justify-content: center; align-items: center } .suggestion-list-NYxhO8 .suggestion-item-SN-fGI .item-content-TnTJUp { flex: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .quick-panel-toolbar-jocTcT { flex-shrink: 0; border-top: 1px solid var(--theme-border-primary); padding: 14px 16px; height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 8px } .quick-panel-toolbar-jocTcT .lt-HXsvWt { display: flex; align-items: center; flex: 1 } .quick-panel-toolbar-jocTcT .lt-HXsvWt .action-item-A4-KfM { display: flex; align-items: center; gap: 6px; margin-left: -8px } .quick-panel-toolbar-jocTcT .input-box-8D5-E8 { flex: 1; height: 32px; display: flex; align-items: center; gap: 4px; position: relative } .quick-panel-toolbar-jocTcT .input-box-8D5-E8 .back-jRn3Dy { flex-shrink: 0; width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .quick-panel-toolbar-jocTcT .input-box-8D5-E8 .back-jRn3Dy:hover { background-color: var(--theme-fill-tsp-components-secondary) } .quick-panel-toolbar-jocTcT .input-box-8D5-E8 .input-NLVMIm { flex: 1; border: none; padding: 0; border-radius: 0; background: none; font-size: 14px; margin-bottom: -1px } .quick-panel-toolbar-jocTcT .input-box-8D5-E8 .input-NLVMIm::placeholder { color: var(--theme-text-quaternary) } .quick-panel-toolbar-jocTcT .input-box-8D5-E8 .send-u7fjrI { flex-shrink: 0; color: var(--theme-icon-brand); width: 32px; height: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .quick-panel-toolbar-jocTcT .input-box-8D5-E8 .send-u7fjrI:hover { background-color: var(--theme-fill-tsp-components-secondary) } .quick-panel-toolbar-jocTcT .input-box-8D5-E8 .send-u7fjrI.disabled-nHqETE { color: var(--theme-icon-disable); cursor: not-allowed } .quick-panel-toolbar-jocTcT .continue-chat-aT98xe { display: flex; align-items: center; cursor: pointer; gap: 4px } .quick-panel-toolbar-jocTcT .continue-chat-aT98xe .logo-NNmN5R { display: inline-flex; color: var(--theme-icon-brand); margin-right: 2px } .quick-panel-toolbar-jocTcT .continue-chat-aT98xe .input-NLVMIm { color: var(--theme-text-quaternary); font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .quick-panel-toolbar-jocTcT .continue-chat-aT98xe .enter-icon-6a0-Jo { margin-top: 2px; padding: 3px } .quick-panel-toolbar-jocTcT .continue-chat-aT98xe:hover .input-NLVMIm { color: var(--theme-text-tertiary) } .web-access-switch-VJxDFa { flex-shrink: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative } .web-access-switch-VJxDFa.size-default-zuTe6j { width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .web-access-switch-VJxDFa.size-default-zuTe6j:hover { background-color: var(--theme-fill-tsp-components-secondary) } .web-access-switch-VJxDFa.size-small-aN5RnY { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .web-access-switch-VJxDFa.size-small-aN5RnY:hover { background-color: var(--theme-fill-tsp-components-secondary) } .web-access-checked-OEztyL { position: absolute; height: 10px; width: 10px; border-radius: 50%; left: calc(50% + 5px); top: calc(50% + 5px); transform: translate(-50%, -50%); background: var(--theme-bg-white); display: flex; justify-content: center; align-items: center } .web-access-checked-OEztyL .icon-XBi1cQ { color: var(--theme-icon-brand) } .gpt4-dropdown-lIEgWT { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2px; padding: 2px 4px 2px 2px; border-radius: 99px; background: var(--theme-fill-tsp-components-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .gpt4-dropdown-lIEgWT .arrow-dCjE-G { transition: transform .3s; color: var(--theme-icon-quaternary) } .logo-tvLS8n { width: 20px; height: 20px; border-radius: 50%; padding: 2px; overflow: hidden; background: var(--theme-bg-white); box-shadow: 0 1px 8px 0 var(--theme-shadow-s2) } .logo-tvLS8n img { width: 100%; height: 100%; -webkit-user-drag: none } .menu-item-3-aAhn { padding: 8px; display: flex; gap: 8px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px } .quick-panel-scroll-container-9xsGqF { flex: 1; min-height: 0; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding: 12px 16px 8px; display: flex; flex-direction: column; gap: 8px; margin-right: 4px } .quick-panel-scroll-container-9xsGqF::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .quick-panel-scroll-container-9xsGqF::-webkit-scrollbar-track { background: transparent } .quick-panel-scroll-container-9xsGqF::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .quick-panel-scroll-container-9xsGqF::-webkit-scrollbar-thumb:hover { background: #00000062 } .quick-panel-scroll-container-9xsGqF::-webkit-scrollbar-corner { background: transparent } .quick-panel-scroll-container-9xsGqF.hide-scroll-bar-uB2w50::-webkit-scrollbar { display: none; scrollbar-width: none } .quick-action-panel-wbnz8- { visibility: visible } .quick-action-panel-wbnz8- .quick-action-title-U7EiSY { display: flex; gap: 4px; align-items: center } .quick-action-panel-wbnz8- .quick-action-title-U7EiSY .quick-action-title-inner-iZPLEg { display: flex; gap: 8px; align-items: center; padding: 0 8px 0 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .quick-action-panel-wbnz8- .quick-action-title-U7EiSY .quick-action-title-inner-iZPLEg .title-Z9pPqc { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 22px } .quick-action-panel-wbnz8- .quick-action-title-U7EiSY .back-icon-T4UbH0 { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .quick-action-panel-wbnz8- .quick-action-title-U7EiSY .back-icon-T4UbH0:hover { background-color: var(--theme-fill-tsp-components-secondary) } .quick-action-panel-wbnz8- .language-select-label-aYzbzP { display: flex; color: var(--theme-text-primary); font-size: 14px; line-height: 22px; background: transparent; padding: 0; gap: 8px } .quick-action-panel-wbnz8- .language-select-vHrmCw { margin-right: 8px; padding: 5px 12px; border-radius: 16px; background: var(--theme-fill-tsp-components-secondary) } .quick-action-translate-card-NjpvML { display: flex; flex-direction: column; height: 100%; min-height: 0; max-height: 100%; flex: 1; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .quick-action-translate-card-NjpvML::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .quick-action-translate-card-NjpvML::-webkit-scrollbar-track { background: transparent } .quick-action-translate-card-NjpvML::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .quick-action-translate-card-NjpvML::-webkit-scrollbar-thumb:hover { background: #00000062 } .quick-action-translate-card-NjpvML::-webkit-scrollbar-corner { background: transparent } .quick-action-translate-card-NjpvML .logo-wrapper-TAhGES { display: flex; align-items: center; gap: 6px } .quick-action-translate-card-NjpvML .logo-wrapper-TAhGES .hints-37wdOq { flex: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-disable); font-size: 12px; line-height: 22px } .quick-action-translate-card-NjpvML .word-DF8yk7 { display: flex; flex-direction: column; justify-content: flex-start; gap: 4px } .quick-action-translate-card-NjpvML .word-DF8yk7 .output-KXP-Wu { color: var(--theme-text-primary); font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px } .quick-action-translate-card-NjpvML .word-DF8yk7 .input-wrapper-zIjUCP { display: inline-block } .quick-action-translate-card-NjpvML .word-DF8yk7 .input-wrapper-zIjUCP .input-CkjiGI { color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px } .quick-action-translate-card-NjpvML .word-DF8yk7 .input-wrapper-zIjUCP .sound-icon-I9AyZv { margin-left: 4px; width: 24px; height: 24px; padding: 2px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; color: var(--theme-icon-brand); border-radius: 8px; vertical-align: bottom; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .quick-action-translate-card-NjpvML .word-DF8yk7 .input-wrapper-zIjUCP .sound-icon-I9AyZv:hover { background: var(--theme-fill-tsp-components-secondary) } .quick-action-translate-card-NjpvML .pronounce-ymqbfZ { margin-top: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; color: var(--theme-text-tertiary); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal } .quick-action-translate-card-NjpvML .pronounce-ymqbfZ .slash-6hyKLr { color: var(--theme-text-disable) } .quick-action-translate-card-NjpvML .divider--SVjSI { margin: 12px 0; height: 1px; background: var(--theme-fill-tsp-components-secondary) } .quick-action-translate-card-NjpvML .definition-K2VYFC { margin-top: 8px } .quick-action-translate-card-NjpvML .error-text-R37feM { margin-top: 10px; color: var(--theme-function-error); font-size: 12px; line-height: normal } .quick-action-translate-card-NjpvML .hint-0TmChX { margin-top: 2px; color: var(--theme-text-disable); font-size: 12px; font-style: normal; font-weight: 400; line-height: 24px } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB { display: flex; gap: 8px; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB:hover .title-inner-azAC-q .icon-btn-tIwe6i { opacity: 1 } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB .title-wzKuD4 { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; flex: 1 } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB .back-icon-u2alk7 { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; flex-shrink: 0 } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB .back-icon-u2alk7:hover { background-color: var(--theme-fill-tsp-components-secondary) } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB .title-inner-azAC-q { display: flex; align-items: center; gap: 4px; font-size: 16px; font-weight: 600; color: var(--theme-text-primary) } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB .title-inner-azAC-q .icon-btn-tIwe6i { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; opacity: 0 } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB .title-inner-azAC-q .icon-btn-tIwe6i:hover { background-color: var(--theme-fill-tsp-components-secondary) } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB .input-lGz6Pc { flex: 1; min-width: 0px; font-size: 16px; font-weight: 600; color: var(--theme-text-primary); border: unset; background-color: transparent; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB .input-lGz6Pc :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB .input-lGz6Pc :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .quick-ask-panel-qbDFmx .quick-ask-title-LTNjxB .input-lGz6Pc::placeholder { color: var(--theme-text-quaternary); font-weight: 400 } .quick-ask-panel-qbDFmx .quick-ask-inner-SEaxMN { display: flex; flex-direction: column; flex: 1; gap: 2px } .quick-ask-panel-qbDFmx .web-access-NnIj6f { width: 100%; display: flex; gap: 4px; align-items: center; margin-bottom: 2px } .quick-ask-panel-qbDFmx .web-access-NnIj6f .icon-pI5wgs { color: var(--theme-icon-brand) } .quick-ask-panel-qbDFmx .web-access-NnIj6f .web-access-text-M1Ofrx { color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .quick-compose-detect-details-4gyer9 { visibility: visible } .wrapper-qRj2yx { display: inline-flex; overflow: hidden } .writing-tone-GOxX0i { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; gap: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .writing-tone-GOxX0i:hover .text-erhji- { color: var(--theme-text-primary) } .writing-tone-GOxX0i .text-erhji- { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-tertiary); font-size: 13px; font-weight: 400; line-height: 18px } .content-2KMceC { position: relative; min-width: 456px; max-width: 456px; width: max-content; display: flex; flex-direction: column; gap: 8px; padding: 8px; border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .content-2KMceC .tone-item-iouMsw { display: flex; flex-direction: column; padding: 0 12px } .content-2KMceC .tone-item-iouMsw .tone-title-UpfiLv { display: inline-flex; justify-content: space-between; padding: 8px 0 4px; font-size: 14px; font-weight: 500; line-height: 22px } .content-2KMceC .tone-item-iouMsw .tone-title-UpfiLv .tone-title-left-6-1pjJ { display: flex; gap: 8px; align-items: center; color: var(--theme-text-primary) } .content-2KMceC .tone-item-iouMsw .tone-title-UpfiLv .tone-title-right-yhUS37 { color: var(--theme-text-quaternary) } .content-2KMceC .tone-item-iouMsw .tab-list-OfiY43 { display: flex; gap: 8px; padding: 4px 0 8px; flex-wrap: wrap } .close-btn-XbdfGn { position: absolute; width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-icon-tertiary); top: 12px; right: 8px } .close-btn-XbdfGn:hover { background-color: var(--theme-fill-tsp-components-secondary) } .writing-toolbar-JBq8Up { display: flex; align-items: center; gap: 10px; padding: 14px 16px } .writing-toolbar-JBq8Up.as-footer-child-NeQrkK { padding: 0 } .writing-toolbar-JBq8Up .driver-Pusz8R { width: 1px; height: 12px; background: var(--theme-border-primary) } .writing-toolbar-JBq8Up .lang-select-trigger-node-cfnTPh { width: max-content; display: flex; align-items: center; gap: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .writing-toolbar-JBq8Up .lang-select-trigger-node-cfnTPh:hover .text-e9IAG1 { color: var(--theme-text-primary) } .writing-toolbar-JBq8Up .lang-select-trigger-node-cfnTPh .text-e9IAG1 { color: var(--theme-text-tertiary); font-size: 13px; font-weight: 400; line-height: 18px } .quick-compose-action-list-NMGYxz { position: relative; margin-top: 4px; display: flex; gap: 8px; flex-shrink: 0; overflow: hidden } .quick-compose-action-list-NMGYxz .action-list-FPHiUL { display: flex; gap: 8px } .action-btn-5I9x7y { display: flex; align-items: center; flex-shrink: 0; height: 32px; gap: 6px; background-color: var(--theme-bg-white); border: 1px solid var(--theme-border-primary); border-radius: 12px; padding: 4px 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .action-btn-5I9x7y .action-btn-text-mUzrvj { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .action-btn-5I9x7y:hover { background: var(--theme-fill-tsp-components-secondary) } .action-btn-5I9x7y:active { background: var(--theme-btn-fill-secondary-active) } .calc-render-count-MA-KLV { width: 100%; position: absolute; left: 0; top: 0; z-index: -1; visibility: hidden } .quick-compose-action-panel-bU6RQE .textarea-inner-TGB1qA { border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); padding: 12px 16px; flex: 1; min-height: 100px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .quick-compose-action-panel-bU6RQE .textarea-inner-TGB1qA::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .quick-compose-action-panel-bU6RQE .textarea-inner-TGB1qA::-webkit-scrollbar-track { background: transparent } .quick-compose-action-panel-bU6RQE .textarea-inner-TGB1qA::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .quick-compose-action-panel-bU6RQE .textarea-inner-TGB1qA::-webkit-scrollbar-thumb:hover { background: #00000062 } .quick-compose-action-panel-bU6RQE .textarea-inner-TGB1qA::-webkit-scrollbar-corner { background: transparent } .quick-compose-action-panel-bU6RQE .textarea-inner-TGB1qA .ant-input { padding: 0; width: 100%; height: 100% !important } .footer-Oxmql4 { padding: 6px 16px 14px; display: flex; justify-content: space-between; gap: 16px } .footer-Oxmql4 .footer-left-mk4DnX { display: flex; gap: 8px } .footer-Oxmql4 .send-btn-MFHLh6 { flex-shrink: 0; display: flex; gap: 6px; border-radius: 8px } .quick-compose-email-summary-ulaSft { padding-top: 4px; width: 100%; display: flex; flex-direction: column; gap: 8px; padding-bottom: 16px; border-bottom: 1px solid var(--theme-border-primary) } .quick-compose-email-summary-ulaSft .title-QB6dju { width: 100%; color: var(--theme-text-quaternary); font-size: 14px; font-weight: 500; line-height: 20px } .quick-compose-email-summary-ulaSft .content-lxNMp5 { width: 100%; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px; min-width: 100px } .quick-compose-email-summary-ulaSft .content-lxNMp5 .loading-W19MAK { justify-content: flex-start } .quick-compose-email-summary-ulaSft .markdown-W1Vjgy { --md-paragraph-spacing: 6px; --md-heading-margin-top: 6px; --md-h1-margin-top: var(--md-heading-margin-top); --md-h2-margin-top: var(--md-heading-margin-top); --md-h3-margin-top: var(--md-heading-margin-top); --md-h4-margin-top: var(--md-heading-margin-top); --md-h1-font-size: 18px; --md-h1-line-height: 24px; --md-h2-font-size: 17px; --md-h2-line-height: 24px; --md-h3-font-size: 16px; --md-h3-line-height: 22px; --md-h4-font-size: 15px; --md-h4-line-height: 22px; --md-normal-text-font-size: 14px; --md-normal-text-line-height: 22px } .quick-compose-email-summary-ulaSft .markdown-W1Vjgy>*:first-child:where(h1, h2) { margin-top: 10px } .quick-compose-email-summary-ulaSft .markdown-W1Vjgy h1, .quick-compose-email-summary-ulaSft .markdown-W1Vjgy h2, .quick-compose-email-summary-ulaSft .markdown-W1Vjgy h3, .quick-compose-email-summary-ulaSft .markdown-W1Vjgy h4, .quick-compose-email-summary-ulaSft .markdown-W1Vjgy h5, .quick-compose-email-summary-ulaSft .markdown-W1Vjgy h6 { margin-bottom: 6px } .quick-compose-email-summary-ulaSft .markdown-W1Vjgy li { margin: 4px 0 } .markdown-style-Esxaup { --md-paragraph-spacing: 6px; --md-heading-margin-top: 6px; --md-h1-margin-top: var(--md-heading-margin-top); --md-h2-margin-top: var(--md-heading-margin-top); --md-h3-margin-top: var(--md-heading-margin-top); --md-h4-margin-top: var(--md-heading-margin-top); --md-h1-font-size: 18px; --md-h1-line-height: 24px; --md-h2-font-size: 17px; --md-h2-line-height: 24px; --md-h3-font-size: 16px; --md-h3-line-height: 22px; --md-h4-font-size: 15px; --md-h4-line-height: 22px; --md-normal-text-font-size: 14px; --md-normal-text-line-height: 22px } .markdown-style-Esxaup>*:first-child:where(h1, h2) { margin-top: 10px } .markdown-style-Esxaup h1, .markdown-style-Esxaup h2, .markdown-style-Esxaup h3, .markdown-style-Esxaup h4, .markdown-style-Esxaup h5, .markdown-style-Esxaup h6 { margin-bottom: 6px } .markdown-style-Esxaup li { margin: 4px 0 } .quick-compose-ai-reply-panel-thzFiO { padding-top: 8px } .quick-compose-ai-reply-panel-thzFiO .ai-reply-content--xuxzw { flex: 1; display: flex; flex-direction: column; gap: 8px; padding-top: 8px } .quick-compose-ai-reply-panel-thzFiO .ai-reply-content--xuxzw .title-zwOxR5 { color: var(--theme-text-primary); font-size: 15px; font-weight: 500; line-height: 20px } .quick-compose-ai-reply-panel-thzFiO .ai-reply-content--xuxzw .textarea-inner-vOGywg { border-radius: 8px; min-height: 134px; background: var(--theme-fill-tsp-components-secondary); background: transparent; border: 1px solid var(--theme-border-primary); padding: 12px 16px; flex: 1; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .quick-compose-ai-reply-panel-thzFiO .ai-reply-content--xuxzw .textarea-inner-vOGywg::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .quick-compose-ai-reply-panel-thzFiO .ai-reply-content--xuxzw .textarea-inner-vOGywg::-webkit-scrollbar-track { background: transparent } .quick-compose-ai-reply-panel-thzFiO .ai-reply-content--xuxzw .textarea-inner-vOGywg::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .quick-compose-ai-reply-panel-thzFiO .ai-reply-content--xuxzw .textarea-inner-vOGywg::-webkit-scrollbar-thumb:hover { background: #00000062 } .quick-compose-ai-reply-panel-thzFiO .ai-reply-content--xuxzw .textarea-inner-vOGywg::-webkit-scrollbar-corner { background: transparent } .quick-compose-ai-reply-panel-thzFiO .ai-reply-content--xuxzw .textarea-inner-vOGywg .ant-input { padding: 0; width: 100%; height: 100% !important } .footer-L4vkVE { padding: 6px 16px 14px; display: flex; flex-shrink: 0; justify-content: space-between; gap: 16px } .footer-L4vkVE .footer-left-cau0Xv { display: flex; gap: 8px } .footer-L4vkVE .send-btn-JW5R0s { flex-shrink: 0; display: flex; gap: 6px; border-radius: 8px } .quick-panel-header-XeYwrJ { min-height: 54px } .quick-panel-header-XeYwrJ .template-inner-BWXLuC { border-radius: 6px; border: 1px solid var(--theme-border-primary); box-shadow: 0 1px 3px #00000014; display: flex; min-width: 76px; padding: 4px 12px; justify-content: center; align-items: center; gap: 12px; margin-right: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .quick-panel-header-XeYwrJ .template-inner-BWXLuC .template-inner-text-5SXR7P { position: relative } .quick-panel-header-XeYwrJ .template-inner-BWXLuC .template-inner-text-5SXR7P .badge-BV0MyA { position: absolute; top: 2px; right: -3px; width: 5px; height: 5px; border-radius: 50%; overflow: hidden; background-color: var(--theme-text-btn-tertiary) } .quick-panel-header-XeYwrJ .template-inner-BWXLuC .text--2-CSH { color: var(--theme-text-primary); font-size: 14px; line-height: 22px } .quick-panel-header-XeYwrJ .template-inner-BWXLuC:hover { box-shadow: 0 0 3px #0000001f } .quick-compose-title-S1hYX0 { max-width: 100%; display: flex; align-items: center; gap: 8px } .title-wrapper-DqfVDO { flex: 1; display: flex; align-items: center; gap: 10px } .title-cdG57h { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 22px } .action-btn-lu6w3Z { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .action-btn-lu6w3Z:hover { background-color: var(--theme-fill-tsp-components-secondary) } .template-select-wrapper-sNTOAf { display: flex; padding: 4px 12px; width: 200px } .template-select-wrapper-sNTOAf .template-select-content-6EuNRj { display: flex; align-items: center; gap: 16px; justify-content: space-between } .template-select-wrapper-sNTOAf .template-select-content-6EuNRj .template-select-content-left-eSZ8-K { display: flex; align-items: center; gap: 8px; flex: 1 } .template-select-wrapper-sNTOAf .template-select-content-6EuNRj .template-select-content-left-eSZ8-K .template-icon-hRQenX { display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-icon-primary) } .template-select-wrapper-sNTOAf .template-select-content-6EuNRj .template-select-content-left-eSZ8-K .template-name-ohw53Q { color: var(--theme-text-primary); font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .template-select-wrapper-sNTOAf .template-select-content-6EuNRj .template-select-content-left-eSZ8-K .template-new--z7YeI { flex-shrink: 0; padding: 1px 4px; border-radius: 4px; background: rgba(104, 65, 234, .12); color: var(--theme-text-btn-tertiary); font-size: 12px; font-weight: 400; line-height: 16px } .template-select-wrapper-sNTOAf .template-select-content-6EuNRj .pin-btn-ABHiBw { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 6px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .template-select-wrapper-sNTOAf .template-select-content-6EuNRj .pin-btn-ABHiBw:hover { background-color: var(--theme-fill-tsp-components-secondary) } .template-select-4vjE0s { margin-right: 8px } .template-info-XojvQT { width: 100%; display: flex; align-items: center; gap: 4px } .template-info-XojvQT .template-name-XG67e9 { color: var(--theme-text-quaternary); font-size: 14px; line-height: 22px; flex: 1; min-width: 0px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .action-inner-bFnLlq { display: flex; gap: 8px; align-items: center; padding: 0 8px 0 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .action-inner-bFnLlq .title-gzxjKU { color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 22px } .insert-item-cODIWG { color: var(--theme-text-brand); display: flex; font-size: 14px; align-items: center; gap: 4px } .insert-item-cODIWG:hover .arrow-icon-myC1QM { transform: rotate(180deg) } .insert-item-cODIWG .arrow-icon-myC1QM { transform: rotate(0); transition: transform .3s ease-in-out } .divider-JkcbI- { width: 1px; height: 16px; border-radius: 1px; background: var(--theme-border-primary) } .quick-compose-template-panel-10Nwfq .tips-ONgBti { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; white-space: pre-wrap; word-wrap: break-word } .quick-compose-template-panel-10Nwfq .textarea-inner-QUtoIQ { border-radius: 8px; background: var(--theme-fill-tsp-components-secondary); padding: 12px 16px; flex: 1; min-height: 100px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .quick-compose-template-panel-10Nwfq .textarea-inner-QUtoIQ::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .quick-compose-template-panel-10Nwfq .textarea-inner-QUtoIQ::-webkit-scrollbar-track { background: transparent } .quick-compose-template-panel-10Nwfq .textarea-inner-QUtoIQ::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .quick-compose-template-panel-10Nwfq .textarea-inner-QUtoIQ::-webkit-scrollbar-thumb:hover { background: #00000062 } .quick-compose-template-panel-10Nwfq .textarea-inner-QUtoIQ::-webkit-scrollbar-corner { background: transparent } .quick-compose-template-panel-10Nwfq .textarea-inner-QUtoIQ .ant-input { padding: 0; width: 100%; height: 100% !important } .footer-kuib6l { padding: 6px 16px 14px; flex-shrink: 0; display: flex; justify-content: space-between; gap: 16px } .footer-kuib6l .footer-left-1JphP6 { display: flex; gap: 8px } .footer-kuib6l .send-btn-YCxP8d { flex-shrink: 0; display: flex; gap: 6px; border-radius: 8px } .realtime-dialog-RMKb5u { border-radius: 16px; border: 1px solid var(--theme-border-white, rgba(255, 255, 255, .04)); background: var(--theme-bg-gray-nav); box-shadow: 0 0 1px #919eab4d, 0 4px 24px #919eab24, 0 9px 30px -6px #0003, 0 0 1px #919eab4d; backdrop-filter: blur(40px); position: relative } .realtime-dialog-RMKb5u .close-qK3bIL { z-index: 1; right: 10px; position: absolute; top: 12px } html, body, #root { width: 100%; height: 100% } body { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; font-size: 14px; white-space: normal; color: var(--theme-text-primary); box-sizing: border-box; --common-white: #fff; --common-black: #000; --text-title: #232329; --text-body: #545c66; --icon-disable: #dadee3; --text-secondary: #8a939d; --border-weak: rgba(79, 89, 102, .08); --text-primary: #212b36; --btn-border: #4f596614; --border-medium: rgba(79, 89, 102, .12); --border-brand: #6841ea; --border-light: rgba(79, 89, 102, .08); --border-light-hover: #e6e7e8; --text-brand: #6841ea; --text-white-secondary: #ffffffa6; --bg-lv1: #f5f5f5; --bg-lv2: #ffffff; --bg-lv3: #f9fafb; --bg-lv4: #fafafa; --bg-nav: #ececee; --bg-yellow: #eb9001; --bg-lv1-hover: #f1f2f3; --bg-lv2-hover: #f2f2f2; --text-tertiary: #595959; --text-disable: #c0c5cc; --fill-tsp-components: rgba(48, 57, 68, .08); --fill-tsp-components-v2: rgba(79, 89, 102, .08); --fill-components: #ececee; --btn-fill-secondary-hover: #e7eaee; --btn-fill-primary-hover: #9373ff; --btn-fill-secondary-active: #c0c5cc; --btn-fill-secondary: #dadee3; --icon-brand: #6841ea; --label-fill-brand: rgba(104, 65, 234, .08); --btn-fill-brand-primary: #6841ea; --transparent-brand-dark-8: rgba(118, 90, 208, .08); --text-white-primary: #fff; --btn-fill-brand-secondary-default: #f0ebff; --label-fill-primary: #edeff2; --icon-quaternary: #20262e; --border-active: #6841ea; --border-quaternary: rgba(79, 89, 102, .24); --icon-nav: #8a939d; --function-warning: #ffab00; --function-success: #00aa5b; --web-text-on-light-3-grey-600: #637381; --web-text-on-light-1-grey-800: #212b36; --fill-btn-dark: rgba(0, 0, 0, .05); --web-text-on-light-4-grey-500: #919eab; --icon-free: #00c514; --common-85: rgba(0, 0, 0, .85); --btn-fill-brand-primary-default: #6841ea; --btn-fill-brand-secondary: #dfd5fe; --btn-fill-brand-secondary-hover: #f0ebff; --btn-fill-brand-secondary-hover2: #d5cbf2; --btn-fill-brand-secondary-active: #b8a3fb; --tab-fill: rgba(79, 89, 102, .08); --tab-fill-brand-active: #f0ebff; --tooltips-fill: rgba(0, 0, 0, .85); --transparent-white-8: rgba(255, 255, 255, .08); --transparent-white-24: rgba(255, 255, 255, .24); --transparent-white-30: rgba(255, 255, 255, .3); --transparent-white-32: hsla(0, 0%, 100%, .32); --transparent-white-40: rgba(255, 255, 255, .4); --transparent-white-45: rgba(255, 255, 255, .45); --transparent-white-65: rgba(255, 255, 255, .65); --transparent-white-80: rgba(255, 255, 255, .8); --transparent-white-82: rgba(255, 255, 255, .82); --transparent-white-85: rgba(255, 255, 255, .85); --transparent-white-95: rgba(255, 255, 255, .95); --transparent-white-12: rgba(255, 255, 255, .12); --transparent-black-5: rgba(0, 0, 0, .05); --transparent-black-8: rgba(0, 0, 0, .08); --transparent-black-25: rgba(0, 0, 0, .25); --transparent-black-30: rgba(0, 0, 0, .3); --transparent-black-32: rgba(0, 0, 0, .32); --transparent-black-40: rgba(0, 0, 0, .4); --transparent-black-45: rgba(0, 0, 0, .45); --transparent-black-55: rgba(0, 0, 0, .55); --transparent-black-60: rgba(0, 0, 0, .6); --transparent-black-65: rgba(0, 0, 0, .65); --transparent-black-80: rgba(0, 0, 0, .8); --transparent-black-85: rgba(0, 0, 0, .85); --transparent-black-90: rgba(0, 0, 0, .9); --primaryblue-25: #fafcff; --primaryblue-50: #edf3ff; --primaryblue-30: #5d98ff; --primaryblue-300: #5d98ff; --primaryblue-400: #1e6fff; --primaryblue-500: #185ceb; --red-900: #420505; --red-800: #761212; --red-700: #c61f1e; --red-600: #e02423; --red-500: #ea3639; --red-400: #ff4747; --red-300: #ff7271; --red-200: #ffa4a3; --red-100: #ffcccb; --red-50: #ffeeee; --red-25: #fff7f7; --function-error: #ff4747; --light-red-400: #ff4747; --brand-900: #15044c; --brand-800: #220876; --brand-700: #3818a1; --brand-600: #4a26bf; --brand-500: #522bd6; --brand-400: #6841ea; --brand-300: #9373ff; --brand-200: #b8a3fb; --brand-100: #dfd5fe; --brand-50: #f0ebff; --brand-25: #fcfbfe; --light-brand-400: #6841ea; --light-acidblue-400: #3bbfff; --light-acidblue-500: #2ca1e6; --light-cyan-400: #00c5e6; --light-orange-100: #ffd7be; --light-orange-400: #ff5e2f; --light-orange-600: #e04a18; --transparent-brand-8: rgba(142, 108, 255, .08); --transparent-brand-24: rgba(106, 67, 234, .24); --transparent-brand-45: rgba(106, 67, 234, .45); --transparent-brand-65: rgba(106, 67, 234, .65); --grayblue-900: #191e24; --grayblue-800: #20262e; --grayblue-700: #3c434d; --grayblue-600: #545c66; --grayblue-500: #858e99; --grayblue-400: #c0c5cc; --grayblue-300: #dadee3; --grayblue-200: #ebeef2; --grayblue-100: #f4f6f8; --grayblue-50: #f9fafb; --grayblue-8: #eff0f1; --transparent-grayblue-4: rgba(3, 46, 103, .04); --transparent-grayblue-6: rgba(3, 46, 103, .06); --transparent-grayblue-8: rgba(79, 89, 102, .08); --transparent-grayblue-12: rgba(79, 89, 102, .12); --transparent-grayblue-16: rgba(79, 89, 102, .16); --transparent-grayblue-32: rgba(79, 89, 102, .32); --transparent-grayblue-45: rgba(79, 89, 102, .45); --transparent-grayblue-65: rgba(79, 89, 102, .65); --transparent-grayblue-24: rgba(79, 89, 102, .24); --transparent-grayblue-light-8: rgba(79, 89, 102, .08); --transparent-grayblue-dark-24: rgba(162, 177, 215, .24); --transparent-brand-light-8: rgba(104, 65, 234, .08); --transparent-brand-light-24: rgba(104, 65, 234, .24); --transparent-brand-light-45: rgba(104, 65, 234, .45); --light-grayblue-300: #dadee3; --light-grayblue-400: #c0c5cc; --light-grayblue-800: #20262e; --light-grayblue-500: #69707e; --light-grayblue-500-8: rgba(79, 89, 102, .08); --light-gray-200: #ececee; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #f4f6f8; --gray-300: #dbdbdb; --gray-400: #c2c2c2; --gray-500: #8c8c8c; --gray-600: #595959; --gray-800: #242424; --gray-900: #1a1a1a; --indigoblue-400: #546dfe; --green-50: #e9fbf5; --green-400: #00aa5b; --green-500: #3ca373; --purple-50: #fcf2fd; --purple-400: #a55bf6; --purple-200: #deb3fb; --purple-100: #f0d5fe; --purple-500: #c37ff1; --yellow-300: #ffcd00; --yellow-400: #ffab00; --yellow-600: #e07800; --yellow-50: #fdfae9; --yellow-800: #ff6b00; --light-yellow-50: #fdfae9; --border-yellow: #ffe5a3; --icon-secondary: #8a939d; --icon-primary: #545c66; --text-link: #1e6fff; --border-primary: #4f59661f; --text-white: #ffffff; --box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --theme-shadow-s1: rgba(0, 0, 0, .04); --theme-shadow-s2: rgba(0, 0, 0, .08); --theme-shadow-s3: rgba(0, 0, 0, .24); --theme-box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --theme-box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --theme-box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --box-shadow-s4: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --shadow-s2: rgba(0, 0, 0, .08); --light-card: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --light-indigoblue-50: #f1f3ff; --bg-linear-brand: linear-gradient(90deg, #f1e8ff 0%, #e6d9ff 100%); --bg-linear-brand-hover: linear-gradient(90deg, #dfd5f2 0%, #dfd5f2 100%); --bg-mask: rgba(0, 0, 0, .45); --box-shadow-color1: rgba(0, 0, 0, .04); --markdown-text-light: #24292f; --bill-dialog-bg: linear-gradient(180deg, #f3efff 0%, #fff 50%); --text-quaternary: #8c8c8c; --bg-gray-primary: #f5f5f5; margin: 0 } body :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } body :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } body .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } body ::selection { background-color: #96c8fab3 } .prompt-operation-J058HH { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100% } .prompt-operation-J058HH .header-229Wxh { display: flex; width: 100%; padding-top: 20px; padding-bottom: 12px; text-align: center; font-size: 16px; color: var(--theme-text-primary); line-height: 24px; font-weight: 700 } .prompt-operation-J058HH .header-229Wxh.selection-action-header-qI9N8L { text-align: left } .prompt-operation-J058HH .hint-wrapper-U0LdHC { width: 100%; display: flex; padding: 0 20px; margin-bottom: 12px; text-align: center } .prompt-operation-J058HH .hint-wrapper-U0LdHC .hint-T1TKNT { width: 100%; padding: 6px 16px; font-size: 14px; line-height: 22px; color: var(--theme-text-primary); border-radius: 8px; background: var(--theme-btn-fill-tertiary-hover) } .prompt-operation-J058HH .content-W25Wyw { width: 100%; display: flex; padding: 0 20px; flex-direction: column; gap: 12px } .prompt-operation-J058HH .content-W25Wyw .radio-group-wrapper-Zf8Vem { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: left } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU { display: flex; flex-direction: column } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .label-CcLKRR { display: flex; color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; margin-bottom: 4px } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .content-W25Wyw { width: 100%; padding: 0; display: flex; flex-direction: row; align-items: center; gap: 10px } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .content-W25Wyw .input-box-J7OTHk { flex: 1 } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .content-W25Wyw .input-box-J7OTHk .input-urVQDy { background: var(--theme-fill-tsp-components-secondary) } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .input-urVQDy { flex: 1 } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .description-CBw7Yu { display: flex; color: var(--theme-text-tertiary); font-size: 12px; font-style: normal; font-weight: 500; line-height: 20px; margin-top: -2px; margin-bottom: 4px } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .prompt-hint-WfFF7E { font-weight: 400; font-size: 12px; line-height: 18px; color: var(--theme-text-secondary); background: var(--theme-btn-fill-tertiary-hover); border-radius: 4px; padding: 6px 12px; margin-bottom: 6px } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .prompt-hint-WfFF7E .tag-DNkQ9r { display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; background-color: #7bb8d345; padding: 2px; border-radius: 2px } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .select-C-hneD { justify-content: flex-start } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .input-overwrite-h0od43 { word-wrap: break-word; white-space: pre-wrap; border: 1.5px solid var(--theme-border-light); box-shadow: unset !important; padding: 4px 12px; outline: 0; font-size: 14px; color: var(--theme-text-primary); background: var(--theme-fill-tsp-components-secondary); border-radius: 8px } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .input-overwrite-h0od43::placeholder { color: var(--theme-text-disable) } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .input-overwrite-h0od43:hover { border-color: var(--theme-border-active) } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .input-overwrite-h0od43:focus { border-color: var(--theme-border-active) } .prompt-operation-J058HH .content-W25Wyw .item-j0DWFU .input-overwrite-h0od43[disabled] { background-color: var(--theme-btn-fill-secondary-hover); border-color: var(--theme-btn-fill-secondary); color: var(--theme-text-quaternary); cursor: not-allowed } .prompt-operation-J058HH .content-W25Wyw .icon-list-yMN6zd { max-height: 140px } .prompt-operation-J058HH .footer-F2K-Er { width: 100%; box-sizing: border-box; padding: 16px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-end; gap: 12px } .prompt-operation-J058HH .footer-F2K-Er>div { min-width: 104px } .link-k0-xRd { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .link-k0-xRd:hover, .link-k0-xRd:active { opacity: .8 } .question-icon-KI5ziv { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 16px; height: 16px; margin-left: -12px } .checkbox-group-VSDbDP { display: flex; gap: 8px } .checkbox-group-VSDbDP .checkbox-item-xE11eP { display: flex; flex-direction: row; justify-content: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; align-items: center; gap: 8px } .prompt-tutorial-dialog-iejgpM { flex-direction: column; display: flex; padding: 0 24px 24px; max-height: 460px } .prompt-tutorial-dialog-iejgpM .header-qrcecw { font-weight: 600; font-size: 16px; line-height: 20px; color: var(--theme-text-primary); padding: 18px 0; text-align: center } .prompt-tutorial-dialog-iejgpM .tutorials-TvT9FI { display: flex; flex-direction: column; gap: 20px; max-height: 80vh; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; margin: 0 -18px 0 -24px; padding: 0 24px } .prompt-tutorial-dialog-iejgpM .tutorials-TvT9FI::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .prompt-tutorial-dialog-iejgpM .tutorials-TvT9FI::-webkit-scrollbar-track { background: transparent } .prompt-tutorial-dialog-iejgpM .tutorials-TvT9FI::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .prompt-tutorial-dialog-iejgpM .tutorials-TvT9FI::-webkit-scrollbar-thumb:hover { background: #00000062 } .prompt-tutorial-dialog-iejgpM .tutorials-TvT9FI::-webkit-scrollbar-corner { background: transparent } .prompt-tutorial-dialog-iejgpM .tutorials-TvT9FI .tutorial-item-Koq7pT { display: flex; flex-direction: column; gap: 8px } .prompt-tutorial-dialog-iejgpM .tutorials-TvT9FI .tutorial-item-Koq7pT .guide-AKY5cX { font-weight: 400; font-size: 14px; line-height: 24px; color: var(--theme-text-primary) } .prompt-tutorial-dialog-iejgpM .tutorials-TvT9FI .tutorial-item-Koq7pT .guide-AKY5cX b { background: rgba(255, 171, 0, .16); border-radius: 4px; display: flex; align-items: center; height: 22px; line-height: 22px; display: inline-flex; color: var(--theme-text-primary); font-weight: 700; padding: 0 4px; margin: 3px 0 } .prompt-tutorial-dialog-iejgpM .tutorials-TvT9FI .tutorial-item-Koq7pT .example-TSq9OD { background: var(--theme-btn-fill-secondary-hover); border: 1.5px solid var(--theme-btn-fill-secondary); border-radius: 4px; padding: 8px; font-size: 14px; line-height: 24px; color: #000000a6; font-weight: 400; white-space: pre-wrap } .prompt-menu-K5KawL { width: 100%; position: relative; padding: 0 4px; overflow-x: hidden } .prompt-menu-K5KawL .item-LZog70 { cursor: pointer; font-size: 14px; width: 100%; box-sizing: border-box; padding: 5px 8px 5px 4px; color: var(--theme-text-primary); display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px; border-radius: 8px } .prompt-menu-K5KawL .item-LZog70+.item-LZog70 { margin-top: 2px } .prompt-menu-K5KawL .item-LZog70 .label-wrapper-L95vwa { flex: 1; cursor: pointer; user-select: none; min-width: 0; gap: 6px; display: flex; align-items: center; color: var(--theme-text-primary) } .prompt-menu-K5KawL .item-LZog70 .label-wrapper-L95vwa .label-LELY67 { color: var(--theme-text-primary); font-size: 14px; line-height: 22px } .prompt-menu-K5KawL .item-LZog70 .label-wrapper-L95vwa span:last-of-type { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; flex: 1; min-width: 0 } .prompt-menu-K5KawL .item-LZog70 .to-lang-pJrthI { color: var(--theme-text-quaternary); font-size: 12px; line-height: 22px } .prompt-menu-K5KawL .item-LZog70 .action-btn-VBt3Rg { cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; color: var(--theme-icon-tertiary) } .prompt-menu-K5KawL .item-LZog70 .action-btn-VBt3Rg:hover { color: var(--theme-icon-primary) } .prompt-menu-K5KawL .item-LZog70 .action-btn-VBt3Rg .icon-wrapper-7iaHJg { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px } .prompt-menu-K5KawL .item-LZog70 .action-btn-VBt3Rg .icon-wrapper-7iaHJg.disable-edit-XRjmIB { cursor: not-allowed } .prompt-menu-K5KawL .item-LZog70 .action-btn-VBt3Rg.pin-PEeYRH { cursor: pointer; user-select: none; display: inline-flex; align-items: center } .prompt-menu-K5KawL .item-LZog70 .action-btn-VBt3Rg.pin-PEeYRH.pinned-eBEvXr { color: var(--theme-icon-brand) } .prompt-menu-K5KawL .item-LZog70 .action-btn-VBt3Rg.auto-hide-HgCa9y { visibility: hidden } .prompt-menu-K5KawL .item-LZog70 .drag-action-btn-ta-78Y { cursor: grab; color: var(--theme-icon-quaternary) } .prompt-menu-K5KawL .item-LZog70 .drag-action-btn-ta-78Y:hover { opacity: 1; color: var(--theme-icon-primary) } .prompt-menu-K5KawL .item-LZog70:hover { background: var(--theme-fill-tsp-components-secondary) } .prompt-menu-K5KawL .item-LZog70:hover .action-btn-VBt3Rg.auto-hide-HgCa9y { visibility: visible } .prompt-menu-K5KawL .item-LZog70.active-TpGJ8a { background: var(--theme-btn-fill-secondary-hover) } .user-prompt-ik-gIT { position: relative; width: 260px; min-width: 195px; max-height: 250px; padding: 4px 0; display: flex; flex-direction: column; font-size: 12px; border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); z-index: 900 } .user-prompt-ik-gIT .hr-ySx-RF { border: none; border-bottom: 1px solid var(--theme-border-light); margin: 4px 8px 0; height: 0 } .user-prompt-ik-gIT .content-3L3WWG { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .user-prompt-ik-gIT .content-3L3WWG::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .user-prompt-ik-gIT .content-3L3WWG::-webkit-scrollbar-track { background: transparent } .user-prompt-ik-gIT .content-3L3WWG::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .user-prompt-ik-gIT .content-3L3WWG::-webkit-scrollbar-thumb:hover { background: #00000062 } .user-prompt-ik-gIT .content-3L3WWG::-webkit-scrollbar-corner { background: transparent } .user-prompt-ik-gIT .content-3L3WWG .group-title-21YeBq { padding: 8px 20px; color: var(--theme-text-disable); font-size: 14px; line-height: 20px } .user-prompt-ik-gIT .content-3L3WWG .group-title-21YeBq:first-child { padding-top: 4px } .user-prompt-ik-gIT .content-3L3WWG .memo-actions-cy-h7h { padding: 0 8px } .user-prompt-ik-gIT .content-3L3WWG .memo-action-item-HDxZXT { padding: 4px 12px 4px 16px; line-height: 24px; display: flex; gap: 4px; font-size: 14px; font-weight: 500; align-items: center; border-radius: 8px; cursor: pointer } .user-prompt-ik-gIT .content-3L3WWG .memo-action-item-HDxZXT:hover { background: var(--theme-fill-tsp-components-secondary) } .user-prompt-ik-gIT .content-3L3WWG .memo-action-icon-wrapper-VYXvGs { display: flex; justify-content: center; width: 24px; height: 24px; align-items: center; margin-left: auto; border-radius: 8px; color: var(--theme-icon-brand) } .user-prompt-ik-gIT .content-3L3WWG .memo-action-icon-wrapper-VYXvGs:hover { background: var(--theme-fill-tsp-components-primary) } .user-prompt-ik-gIT .content-3L3WWG .footer-hint-C903Y- { margin: 4px 8px 0; padding-top: 4px; font-size: 14px; border-top: 1px solid var(--theme-border-light); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px } .user-prompt-ik-gIT .content-3L3WWG .footer-hint-C903Y- .action-WHLpPD { width: 100%; height: 34px; padding: 4px 12px 4px 14px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; gap: 4px } .user-prompt-ik-gIT .content-3L3WWG .footer-hint-C903Y- .action-WHLpPD:hover { background-color: var(--theme-fill-tsp-components-secondary) } .user-prompt-ik-gIT .content-3L3WWG .footer-hint-C903Y- .action-WHLpPD .label-L0qbt6 { flex: 1; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; line-height: 18px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .user-prompt-ik-gIT .content-3L3WWG .footer-hint-C903Y- .action-WHLpPD .icon-wrapper-QWYHKt { border-radius: 8px; color: var(--theme-icon--secondary); display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .user-prompt-ik-gIT .content-3L3WWG .footer-hint-C903Y- .action-WHLpPD .icon-wrapper-QWYHKt:hover { color: var(--theme-icon-primary) } .dialog-root-ZbJNQk { position: fixed; left: 0; top: 0; z-index: 5001 } .side-panel-page-Ldcfp- { --common-white: #fff; --common-black: #000; --text-title: #232329; --text-body: #545c66; --icon-disable: #dadee3; --text-secondary: #8a939d; --border-weak: rgba(79, 89, 102, .08); --text-primary: #212b36; --btn-border: #4f596614; --border-medium: rgba(79, 89, 102, .12); --border-brand: #6841ea; --border-light: rgba(79, 89, 102, .08); --border-light-hover: #e6e7e8; --text-brand: #6841ea; --text-white-secondary: #ffffffa6; --bg-lv1: #f5f5f5; --bg-lv2: #ffffff; --bg-lv3: #f9fafb; --bg-lv4: #fafafa; --bg-nav: #ececee; --bg-yellow: #eb9001; --bg-lv1-hover: #f1f2f3; --bg-lv2-hover: #f2f2f2; --text-tertiary: #595959; --text-disable: #c0c5cc; --fill-tsp-components: rgba(48, 57, 68, .08); --fill-tsp-components-v2: rgba(79, 89, 102, .08); --fill-components: #ececee; --btn-fill-secondary-hover: #e7eaee; --btn-fill-primary-hover: #9373ff; --btn-fill-secondary-active: #c0c5cc; --btn-fill-secondary: #dadee3; --icon-brand: #6841ea; --label-fill-brand: rgba(104, 65, 234, .08); --btn-fill-brand-primary: #6841ea; --transparent-brand-dark-8: rgba(118, 90, 208, .08); --text-white-primary: #fff; --btn-fill-brand-secondary-default: #f0ebff; --label-fill-primary: #edeff2; --icon-quaternary: #20262e; --border-active: #6841ea; --border-quaternary: rgba(79, 89, 102, .24); --icon-nav: #8a939d; --function-warning: #ffab00; --function-success: #00aa5b; --web-text-on-light-3-grey-600: #637381; --web-text-on-light-1-grey-800: #212b36; --fill-btn-dark: rgba(0, 0, 0, .05); --web-text-on-light-4-grey-500: #919eab; --icon-free: #00c514; --common-85: rgba(0, 0, 0, .85); --btn-fill-brand-primary-default: #6841ea; --btn-fill-brand-secondary: #dfd5fe; --btn-fill-brand-secondary-hover: #f0ebff; --btn-fill-brand-secondary-hover2: #d5cbf2; --btn-fill-brand-secondary-active: #b8a3fb; --tab-fill: rgba(79, 89, 102, .08); --tab-fill-brand-active: #f0ebff; --tooltips-fill: rgba(0, 0, 0, .85); --transparent-white-8: rgba(255, 255, 255, .08); --transparent-white-24: rgba(255, 255, 255, .24); --transparent-white-30: rgba(255, 255, 255, .3); --transparent-white-32: hsla(0, 0%, 100%, .32); --transparent-white-40: rgba(255, 255, 255, .4); --transparent-white-45: rgba(255, 255, 255, .45); --transparent-white-65: rgba(255, 255, 255, .65); --transparent-white-80: rgba(255, 255, 255, .8); --transparent-white-82: rgba(255, 255, 255, .82); --transparent-white-85: rgba(255, 255, 255, .85); --transparent-white-95: rgba(255, 255, 255, .95); --transparent-white-12: rgba(255, 255, 255, .12); --transparent-black-5: rgba(0, 0, 0, .05); --transparent-black-8: rgba(0, 0, 0, .08); --transparent-black-25: rgba(0, 0, 0, .25); --transparent-black-30: rgba(0, 0, 0, .3); --transparent-black-32: rgba(0, 0, 0, .32); --transparent-black-40: rgba(0, 0, 0, .4); --transparent-black-45: rgba(0, 0, 0, .45); --transparent-black-55: rgba(0, 0, 0, .55); --transparent-black-60: rgba(0, 0, 0, .6); --transparent-black-65: rgba(0, 0, 0, .65); --transparent-black-80: rgba(0, 0, 0, .8); --transparent-black-85: rgba(0, 0, 0, .85); --transparent-black-90: rgba(0, 0, 0, .9); --primaryblue-25: #fafcff; --primaryblue-50: #edf3ff; --primaryblue-30: #5d98ff; --primaryblue-300: #5d98ff; --primaryblue-400: #1e6fff; --primaryblue-500: #185ceb; --red-900: #420505; --red-800: #761212; --red-700: #c61f1e; --red-600: #e02423; --red-500: #ea3639; --red-400: #ff4747; --red-300: #ff7271; --red-200: #ffa4a3; --red-100: #ffcccb; --red-50: #ffeeee; --red-25: #fff7f7; --function-error: #ff4747; --light-red-400: #ff4747; --brand-900: #15044c; --brand-800: #220876; --brand-700: #3818a1; --brand-600: #4a26bf; --brand-500: #522bd6; --brand-400: #6841ea; --brand-300: #9373ff; --brand-200: #b8a3fb; --brand-100: #dfd5fe; --brand-50: #f0ebff; --brand-25: #fcfbfe; --light-brand-400: #6841ea; --light-acidblue-400: #3bbfff; --light-acidblue-500: #2ca1e6; --light-cyan-400: #00c5e6; --light-orange-100: #ffd7be; --light-orange-400: #ff5e2f; --light-orange-600: #e04a18; --transparent-brand-8: rgba(142, 108, 255, .08); --transparent-brand-24: rgba(106, 67, 234, .24); --transparent-brand-45: rgba(106, 67, 234, .45); --transparent-brand-65: rgba(106, 67, 234, .65); --grayblue-900: #191e24; --grayblue-800: #20262e; --grayblue-700: #3c434d; --grayblue-600: #545c66; --grayblue-500: #858e99; --grayblue-400: #c0c5cc; --grayblue-300: #dadee3; --grayblue-200: #ebeef2; --grayblue-100: #f4f6f8; --grayblue-50: #f9fafb; --grayblue-8: #eff0f1; --transparent-grayblue-4: rgba(3, 46, 103, .04); --transparent-grayblue-6: rgba(3, 46, 103, .06); --transparent-grayblue-8: rgba(79, 89, 102, .08); --transparent-grayblue-12: rgba(79, 89, 102, .12); --transparent-grayblue-16: rgba(79, 89, 102, .16); --transparent-grayblue-32: rgba(79, 89, 102, .32); --transparent-grayblue-45: rgba(79, 89, 102, .45); --transparent-grayblue-65: rgba(79, 89, 102, .65); --transparent-grayblue-24: rgba(79, 89, 102, .24); --transparent-grayblue-light-8: rgba(79, 89, 102, .08); --transparent-grayblue-dark-24: rgba(162, 177, 215, .24); --transparent-brand-light-8: rgba(104, 65, 234, .08); --transparent-brand-light-24: rgba(104, 65, 234, .24); --transparent-brand-light-45: rgba(104, 65, 234, .45); --light-grayblue-300: #dadee3; --light-grayblue-400: #c0c5cc; --light-grayblue-800: #20262e; --light-grayblue-500: #69707e; --light-grayblue-500-8: rgba(79, 89, 102, .08); --light-gray-200: #ececee; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #f4f6f8; --gray-300: #dbdbdb; --gray-400: #c2c2c2; --gray-500: #8c8c8c; --gray-600: #595959; --gray-800: #242424; --gray-900: #1a1a1a; --indigoblue-400: #546dfe; --green-50: #e9fbf5; --green-400: #00aa5b; --green-500: #3ca373; --purple-50: #fcf2fd; --purple-400: #a55bf6; --purple-200: #deb3fb; --purple-100: #f0d5fe; --purple-500: #c37ff1; --yellow-300: #ffcd00; --yellow-400: #ffab00; --yellow-600: #e07800; --yellow-50: #fdfae9; --yellow-800: #ff6b00; --light-yellow-50: #fdfae9; --border-yellow: #ffe5a3; --icon-secondary: #8a939d; --icon-primary: #545c66; --text-link: #1e6fff; --border-primary: #4f59661f; --text-white: #ffffff; --box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --theme-shadow-s1: rgba(0, 0, 0, .04); --theme-shadow-s2: rgba(0, 0, 0, .08); --theme-shadow-s3: rgba(0, 0, 0, .24); --theme-box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --theme-box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --theme-box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --box-shadow-s4: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --shadow-s2: rgba(0, 0, 0, .08); --light-card: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --light-indigoblue-50: #f1f3ff; --bg-linear-brand: linear-gradient(90deg, #f1e8ff 0%, #e6d9ff 100%); --bg-linear-brand-hover: linear-gradient(90deg, #dfd5f2 0%, #dfd5f2 100%); --bg-mask: rgba(0, 0, 0, .45); --box-shadow-color1: rgba(0, 0, 0, .04); --markdown-text-light: #24292f; --bill-dialog-bg: linear-gradient(180deg, #f3efff 0%, #fff 50%); --text-quaternary: #8c8c8c; --bg-gray-primary: #f5f5f5; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; font-size: 14px; white-space: normal; color: var(--theme-text-primary); box-sizing: border-box } .side-panel-page-Ldcfp- :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .side-panel-page-Ldcfp- :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .side-panel-page-Ldcfp- .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } .side-panel-page-Ldcfp- ::selection { background-color: #96c8fab3 } .chat-tab-page-N9nWfn { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; font-size: 14px; white-space: normal; color: var(--theme-text-primary); --common-white: #fff; --common-black: #000; --text-title: #232329; --text-body: #545c66; --icon-disable: #dadee3; --text-secondary: #8a939d; --border-weak: rgba(79, 89, 102, .08); --text-primary: #212b36; --btn-border: #4f596614; --border-medium: rgba(79, 89, 102, .12); --border-brand: #6841ea; --border-light: rgba(79, 89, 102, .08); --border-light-hover: #e6e7e8; --text-brand: #6841ea; --text-white-secondary: #ffffffa6; --bg-lv1: #f5f5f5; --bg-lv2: #ffffff; --bg-lv3: #f9fafb; --bg-lv4: #fafafa; --bg-nav: #ececee; --bg-yellow: #eb9001; --bg-lv1-hover: #f1f2f3; --bg-lv2-hover: #f2f2f2; --text-tertiary: #595959; --text-disable: #c0c5cc; --fill-tsp-components: rgba(48, 57, 68, .08); --fill-tsp-components-v2: rgba(79, 89, 102, .08); --fill-components: #ececee; --btn-fill-secondary-hover: #e7eaee; --btn-fill-primary-hover: #9373ff; --btn-fill-secondary-active: #c0c5cc; --btn-fill-secondary: #dadee3; --icon-brand: #6841ea; --label-fill-brand: rgba(104, 65, 234, .08); --btn-fill-brand-primary: #6841ea; --transparent-brand-dark-8: rgba(118, 90, 208, .08); --text-white-primary: #fff; --btn-fill-brand-secondary-default: #f0ebff; --label-fill-primary: #edeff2; --icon-quaternary: #20262e; --border-active: #6841ea; --border-quaternary: rgba(79, 89, 102, .24); --icon-nav: #8a939d; --function-warning: #ffab00; --function-success: #00aa5b; --web-text-on-light-3-grey-600: #637381; --web-text-on-light-1-grey-800: #212b36; --fill-btn-dark: rgba(0, 0, 0, .05); --web-text-on-light-4-grey-500: #919eab; --icon-free: #00c514; --common-85: rgba(0, 0, 0, .85); --btn-fill-brand-primary-default: #6841ea; --btn-fill-brand-secondary: #dfd5fe; --btn-fill-brand-secondary-hover: #f0ebff; --btn-fill-brand-secondary-hover2: #d5cbf2; --btn-fill-brand-secondary-active: #b8a3fb; --tab-fill: rgba(79, 89, 102, .08); --tab-fill-brand-active: #f0ebff; --tooltips-fill: rgba(0, 0, 0, .85); --transparent-white-8: rgba(255, 255, 255, .08); --transparent-white-24: rgba(255, 255, 255, .24); --transparent-white-30: rgba(255, 255, 255, .3); --transparent-white-32: hsla(0, 0%, 100%, .32); --transparent-white-40: rgba(255, 255, 255, .4); --transparent-white-45: rgba(255, 255, 255, .45); --transparent-white-65: rgba(255, 255, 255, .65); --transparent-white-80: rgba(255, 255, 255, .8); --transparent-white-82: rgba(255, 255, 255, .82); --transparent-white-85: rgba(255, 255, 255, .85); --transparent-white-95: rgba(255, 255, 255, .95); --transparent-white-12: rgba(255, 255, 255, .12); --transparent-black-5: rgba(0, 0, 0, .05); --transparent-black-8: rgba(0, 0, 0, .08); --transparent-black-25: rgba(0, 0, 0, .25); --transparent-black-30: rgba(0, 0, 0, .3); --transparent-black-32: rgba(0, 0, 0, .32); --transparent-black-40: rgba(0, 0, 0, .4); --transparent-black-45: rgba(0, 0, 0, .45); --transparent-black-55: rgba(0, 0, 0, .55); --transparent-black-60: rgba(0, 0, 0, .6); --transparent-black-65: rgba(0, 0, 0, .65); --transparent-black-80: rgba(0, 0, 0, .8); --transparent-black-85: rgba(0, 0, 0, .85); --transparent-black-90: rgba(0, 0, 0, .9); --primaryblue-25: #fafcff; --primaryblue-50: #edf3ff; --primaryblue-30: #5d98ff; --primaryblue-300: #5d98ff; --primaryblue-400: #1e6fff; --primaryblue-500: #185ceb; --red-900: #420505; --red-800: #761212; --red-700: #c61f1e; --red-600: #e02423; --red-500: #ea3639; --red-400: #ff4747; --red-300: #ff7271; --red-200: #ffa4a3; --red-100: #ffcccb; --red-50: #ffeeee; --red-25: #fff7f7; --function-error: #ff4747; --light-red-400: #ff4747; --brand-900: #15044c; --brand-800: #220876; --brand-700: #3818a1; --brand-600: #4a26bf; --brand-500: #522bd6; --brand-400: #6841ea; --brand-300: #9373ff; --brand-200: #b8a3fb; --brand-100: #dfd5fe; --brand-50: #f0ebff; --brand-25: #fcfbfe; --light-brand-400: #6841ea; --light-acidblue-400: #3bbfff; --light-acidblue-500: #2ca1e6; --light-cyan-400: #00c5e6; --light-orange-100: #ffd7be; --light-orange-400: #ff5e2f; --light-orange-600: #e04a18; --transparent-brand-8: rgba(142, 108, 255, .08); --transparent-brand-24: rgba(106, 67, 234, .24); --transparent-brand-45: rgba(106, 67, 234, .45); --transparent-brand-65: rgba(106, 67, 234, .65); --grayblue-900: #191e24; --grayblue-800: #20262e; --grayblue-700: #3c434d; --grayblue-600: #545c66; --grayblue-500: #858e99; --grayblue-400: #c0c5cc; --grayblue-300: #dadee3; --grayblue-200: #ebeef2; --grayblue-100: #f4f6f8; --grayblue-50: #f9fafb; --grayblue-8: #eff0f1; --transparent-grayblue-4: rgba(3, 46, 103, .04); --transparent-grayblue-6: rgba(3, 46, 103, .06); --transparent-grayblue-8: rgba(79, 89, 102, .08); --transparent-grayblue-12: rgba(79, 89, 102, .12); --transparent-grayblue-16: rgba(79, 89, 102, .16); --transparent-grayblue-32: rgba(79, 89, 102, .32); --transparent-grayblue-45: rgba(79, 89, 102, .45); --transparent-grayblue-65: rgba(79, 89, 102, .65); --transparent-grayblue-24: rgba(79, 89, 102, .24); --transparent-grayblue-light-8: rgba(79, 89, 102, .08); --transparent-grayblue-dark-24: rgba(162, 177, 215, .24); --transparent-brand-light-8: rgba(104, 65, 234, .08); --transparent-brand-light-24: rgba(104, 65, 234, .24); --transparent-brand-light-45: rgba(104, 65, 234, .45); --light-grayblue-300: #dadee3; --light-grayblue-400: #c0c5cc; --light-grayblue-800: #20262e; --light-grayblue-500: #69707e; --light-grayblue-500-8: rgba(79, 89, 102, .08); --light-gray-200: #ececee; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #f4f6f8; --gray-300: #dbdbdb; --gray-400: #c2c2c2; --gray-500: #8c8c8c; --gray-600: #595959; --gray-800: #242424; --gray-900: #1a1a1a; --indigoblue-400: #546dfe; --green-50: #e9fbf5; --green-400: #00aa5b; --green-500: #3ca373; --purple-50: #fcf2fd; --purple-400: #a55bf6; --purple-200: #deb3fb; --purple-100: #f0d5fe; --purple-500: #c37ff1; --yellow-300: #ffcd00; --yellow-400: #ffab00; --yellow-600: #e07800; --yellow-50: #fdfae9; --yellow-800: #ff6b00; --light-yellow-50: #fdfae9; --border-yellow: #ffe5a3; --icon-secondary: #8a939d; --icon-primary: #545c66; --text-link: #1e6fff; --border-primary: #4f59661f; --text-white: #ffffff; --box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --theme-shadow-s1: rgba(0, 0, 0, .04); --theme-shadow-s2: rgba(0, 0, 0, .08); --theme-shadow-s3: rgba(0, 0, 0, .24); --theme-box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --theme-box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --theme-box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --box-shadow-s4: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --shadow-s2: rgba(0, 0, 0, .08); --light-card: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --light-indigoblue-50: #f1f3ff; --bg-linear-brand: linear-gradient(90deg, #f1e8ff 0%, #e6d9ff 100%); --bg-linear-brand-hover: linear-gradient(90deg, #dfd5f2 0%, #dfd5f2 100%); --bg-mask: rgba(0, 0, 0, .45); --box-shadow-color1: rgba(0, 0, 0, .04); --markdown-text-light: #24292f; --bill-dialog-bg: linear-gradient(180deg, #f3efff 0%, #fff 50%); --text-quaternary: #8c8c8c; --bg-gray-primary: #f5f5f5; position: relative; width: 100%; height: 100%; box-sizing: border-box } .chat-tab-page-N9nWfn :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .chat-tab-page-N9nWfn :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .chat-tab-page-N9nWfn .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } .chat-tab-page-N9nWfn ::selection { background-color: #96c8fab3 } .chat-tab-page-N9nWfn .container-gcZAXc { position: absolute; inset: 0; display: flex } .close-confirmation-popover-ck3J0S { visibility: visible } .close-icon-5-Vv4f { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; background-color: var(--theme-fill-tsp-gray); display: flex; color: var(--theme-icon-white-primary); transition: backgroundColor .2s ease-in-out; z-index: 2 } .close-icon-5-Vv4f:hover { background-color: var(--theme-icon-quaternary) } .option-popover-nj66zb { width: max-content; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); padding: 8px; display: flex; flex-direction: column; gap: 4px } .option-popover-nj66zb .option-item-gpgfgr { color: var(--theme-text-primary); font-size: 14px; line-height: 18px; padding: 9px 10px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .option-popover-nj66zb .option-item-gpgfgr:hover { background-color: var(--theme-fill-tsp-components-secondary) } .option-popover-nj66zb .footer-Sbin13 { border-top: 1px solid var(--theme-btn-border-primary); color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; padding-top: 8px } .option-popover-nj66zb .footer-Sbin13 .link-y0qrES { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .option-popover-nj66zb .footer-Sbin13 .link-y0qrES:hover, .option-popover-nj66zb .footer-Sbin13 .link-y0qrES:active { opacity: .8 } .grammar-box-7AdnPm { display: flex; flex-direction: column; z-index: 1; background: var(--theme-bg-white); border-radius: 16px; box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2) } .grammar-box-7AdnPm .inner-Krs8Me { position: relative; display: flex; flex-direction: column; flex: 1; min-height: 0px } .enable-auto-check-notice-B6oDJm { align-items: center; gap: 10px; border-radius: 10px; background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); display: flex; padding: 16px 20px 20px; flex-direction: column; align-items: flex-start } .enable-auto-check-notice-B6oDJm .title-CbN4g- { width: 100%; display: flex; align-items: center; gap: 4px; color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 24px } .enable-auto-check-notice-B6oDJm .title-CbN4g- .iconBtn--ohbaa { margin-left: auto; width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .enable-auto-check-notice-B6oDJm .title-CbN4g- .iconBtn--ohbaa:hover { background-color: var(--theme-fill-tsp-components-secondary) } .enable-auto-check-notice-B6oDJm .notice-C7Ha9f { color: var(--theme-text-secondary); font-size: 14px; font-weight: 400; line-height: 22px } .enable-auto-check-notice-B6oDJm .video-apAxBs video { width: 260px } .enable-auto-check-notice-B6oDJm .btn-50gQAc, .enable-auto-check-notice-B6oDJm .btn-50gQAc .subscribe-ZoYZb7 { width: 100% } .grammar-checking-1MAEz7 { display: flex; flex-direction: column; gap: 8px; height: 100% } .grammar-checking-1MAEz7 .checking-content-ttUuLZ { margin: auto 0 } .grammar-checking-1MAEz7 .loading-6LcUl7 { width: 50px; height: 50px; position: relative; display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 8px } .grammar-checking-1MAEz7 .loading-6LcUl7 .spinner-UKxbeo { position: absolute; top: 0; left: 0; width: 50px; height: 50px; border: 3px solid var(--theme-fill-tsp-components-primary); border-top: 2px solid var(--theme-border-active); border-radius: 50%; animation: spin-peEA-z 1s linear infinite; display: flex; align-items: center; justify-items: center } .grammar-checking-1MAEz7 .loading-6LcUl7 .spinner-UKxbeo .inner-P8ov53 { width: 36px; height: 36px; background-color: var(--theme-border-active) } @keyframes spin-peEA-z { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .grammar-checking-1MAEz7 .loading-6LcUl7 .inner-P8ov53 { position: relative; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center } .grammar-checking-1MAEz7 .loading-6LcUl7 .loading-inner-LeKbUp { width: 36px; height: 36px; border-radius: 50%; background-color: #7a55f4; display: flex; justify-content: center; align-items: center } .loading-text-o18sUw { color: var(--theme-text-primary); text-align: center; font-size: 18px; font-weight: 600; line-height: 24px } .loading-text-o18sUw .dots-TdfaZb { display: inline-block } .loading-text-o18sUw .dots-TdfaZb:after { content: "..."; animation: dots-TdfaZb 1.5s steps(4, end) infinite } @keyframes dots-TdfaZb { 0%, 20% { content: "" } 40% { content: "." } 60% { content: ".." } 80%, to { content: "..." } } .ignore-content-yLPqiS { width: 245px; padding: 10px 8px 8px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); color: var(--theme-text-primary); border-radius: 12px; font-size: 14px } .ignore-content-yLPqiS .list-qPSkXL { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; margin-bottom: 4px } .ignore-content-yLPqiS .list-qPSkXL .item-ZDXq2i { display: flex; padding: 4px 8px; flex-direction: row; align-items: center; gap: 8px; align-self: stretch; cursor: pointer; border-radius: 8px } .ignore-content-yLPqiS .list-qPSkXL .item-ZDXq2i .icon-hi1p3Y { display: flex } .ignore-content-yLPqiS .list-qPSkXL .item-ZDXq2i:hover { background-color: var(--theme-fill-tsp-components-secondary) } .ignore-content-yLPqiS .desc-rYPizJ { color: var(--theme-text-quaternary); padding: 8px 4px 0 8px; border-top: 1px solid var(--theme-border-light); font-size: 12px } .ignore-content-yLPqiS .desc-rYPizJ .link-zMSmwI { color: var(--theme-text-link); cursor: pointer } .grammar-result-5zgL0t { height: 100% } .grammar-result-5zgL0t .suggestion-panel-UP0sNA { position: relative; height: 100%; z-index: 1; display: flex; flex-direction: column; background-color: var(--theme-bg-white); border-radius: 12px; overflow: hidden; box-shadow: var(--theme-box-shadow-s1); cursor: default } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD { flex: 1; width: 100%; padding: 12px 12px 20px; display: flex; flex-direction: column; gap: 12px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-header-5Ycxci { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-header-5Ycxci .reason-XEMhfn { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px; line-height: 22px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-header-5Ycxci .reason-XEMhfn .point-WAKZ4o { width: 8px; height: 8px; border-radius: 4px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-header-5Ycxci .reason-XEMhfn .title-lAiEbb { flex: 1; font-size: 14px; font-weight: 400; color: var(--theme-text-disable); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-header-5Ycxci .bad-text-I2Adaa { font-size: 16px; font-weight: 500; color: var(--theme-text-primary) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-content-iJhYig { display: flex; flex-direction: column; justify-content: center; gap: 12px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-content-iJhYig .text-seg-Khw41j { line-height: 22px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-text-primary) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-content-iJhYig .text-seg-Khw41j .bad-text-I2Adaa { color: var(--theme-function-error); font-weight: 600; text-decoration: line-through } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-content-iJhYig .text-seg-Khw41j .sug-text-p43PvJ { color: var(--theme-text-brand); font-weight: 600 } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-content-iJhYig .replacements-yeGNF3 { display: flex; align-items: center; flex-wrap: wrap; gap: 8px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-content-iJhYig .replacements-yeGNF3 .replacement-VgHJ4w { line-height: 28px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: 12px; background: var(--theme-fill-tsp-components-primary); color: var(--theme-text-primary); font-size: 14px; font-weight: 500; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .content-XJ6dqD .suggestion-content-iJhYig .replacements-yeGNF3 .replacement-VgHJ4w.active-lOVd7x { background: var(--theme-btn-fill-tertiary-hover); color: var(--theme-text-brand) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .msg-eDc-LP, .grammar-result-5zgL0t .suggestion-panel-UP0sNA .all-clear-G7qKK1 { padding-top: 6px; text-align: center; color: var(--theme-text-tertiary); font-size: 14px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .link-hJPiQ2 { margin-top: 8px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .link-hJPiQ2 .button-ARU3e8 { border-radius: 8px; background: var(--theme-btn-fill-tertiary); display: flex; height: 28px; padding: 4px 16px; justify-content: center; align-items: center; gap: 4px; flex-shrink: 0; font-size: 14px; color: var(--theme-text-brand); cursor: pointer } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .link-hJPiQ2 .button-ARU3e8:hover { background: var(--theme-btn-fill-tertiary-hover) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .link-hJPiQ2 .button-ARU3e8:active { background: var(--theme-btn-fill-tertiary-active) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe { width: 100%; padding: 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--theme-border-primary) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe .operations-Nlz8D5 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe .operations-Nlz8D5 .grammar-times--j5DMw { display: flex; height: 24px; padding: 0 8px 0 6px; align-items: center; gap: 2px; border-radius: 16px; background: var(--theme-fill-tsp-components-secondary); color: var(--theme-text-secondary); font-size: 12px; font-weight: 700; line-height: 18px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe .operations-Nlz8D5 .divider-8WxvNy { width: 1px; height: 12px; background-color: var(--theme-border-primary); margin: 0 2px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe .operations-Nlz8D5 .add-to-dict-TCseYS { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; color: var(--theme-text-tertiary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe .operations-Nlz8D5 .add-to-dict-TCseYS:hover { background-color: var(--theme-fill-tsp-components-primary) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe .operations-Nlz8D5 .ignore-BlfMa5 { display: flex; align-items: center; gap: 6px; align-self: stretch; border-radius: 12px; font-size: 14px; color: var(--theme-text-tertiary); cursor: pointer; padding: 0 8px; height: 32px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe .operations-Nlz8D5 .ignore-BlfMa5 .icon-Gn2j85 { transition: all .2s ease-in-out; transform: rotate(-90deg) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe .operations-Nlz8D5 .ignore-BlfMa5:hover { background: var(--theme-fill-tsp-components-secondary) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe .operations-Nlz8D5 .ignore-BlfMa5:hover .icon-Gn2j85 { transform: rotate(90deg) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe .fix-all-5xLRVF { color: var(--theme-text-brand) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .footer-U8Nqwe .fix-all-5xLRVF:hover { opacity: .7 } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .all-resolved-9kFNqQ { padding: 36px 20px; display: flex; justify-content: center; align-items: center; flex-direction: column } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .all-resolved-9kFNqQ .finish-icon-HcbmGz { width: 36px; height: 36px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .all-resolved-9kFNqQ .success-icon-B5eWF8 { color: var(--theme-function-success) } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .all-resolved-9kFNqQ .issue-count-M1dQfH { margin-top: 12px; color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 600; line-height: 22px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .all-resolved-9kFNqQ .clear-w1RkDW { margin-top: 2px; color: var(--theme-text-tertiary); font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .all-resolved-9kFNqQ .title-lAiEbb { margin-top: 12px; color: var(--theme-text-primary); font-size: 20px; font-weight: 600; line-height: 30px } .grammar-result-5zgL0t .suggestion-panel-UP0sNA .all-resolved-9kFNqQ .content-XJ6dqD { margin-top: 2px; color: var(--theme-text-tertiary); font-size: 14px; font-style: normal; text-align: center } .grammar-empty-unbf9r { display: flex; gap: 4px; flex-direction: column; padding: 32px 20px 36px; height: 100%; align-items: center; justify-content: center } .grammar-empty-unbf9r.no-error-Vinr2v { gap: 0 } .grammar-empty-unbf9r.no-error-Vinr2v .title-lAiEbb { margin-top: 0 } .grammar-empty-unbf9r.no-error-Vinr2v .notice-Ag6N-Z { margin-top: 4px } .grammar-empty-unbf9r .title-lAiEbb { color: var(--theme-text-primary); text-align: center; font-weight: 600; line-height: 24px; margin-top: 6px } .grammar-empty-unbf9r .notice-Ag6N-Z { color: var(--theme-text-tertiary); font-size: 14px; line-height: 22px; text-align: center } .grammar-empty-unbf9r .notice-Ag6N-Z .link-hJPiQ2 { color: var(--theme-text-brand); text-align: center; font-size: 14px; line-height: 22px; text-decoration-line: underline; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .grammar-empty-unbf9r .notice-Ag6N-Z .link-hJPiQ2:hover { opacity: .7 } .subscribe-button--LqSEd { visibility: visible } .grammar-upgrade-sSWyGo { display: flex; padding: 24px 28px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; height: 100% } .grammar-upgrade-sSWyGo .title-FmShBG { margin-bottom: 4px; color: var(--theme-text-primary); text-align: center; font-size: 18px; font-weight: 600; line-height: 24px; display: flex; flex-direction: row; gap: 4px } .grammar-upgrade-sSWyGo .content-qCyEnj { margin-bottom: 12px; color: var(--theme-text-tertiary); text-align: center; font-size: 14px; line-height: 22px } .grammar-upgrade-sSWyGo .primary-btn-PY0bZQ { box-sizing: border-box; padding: 4px 8px; font-size: 14px; line-height: 24px; color: var(--theme-text-white-primary); background: var(--theme-btn-fill-primary); border-radius: 8px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all .2s ease-in-out; width: 264px } .grammar-upgrade-sSWyGo .primary-btn-PY0bZQ:hover { background: var(--theme-btn-fill-primary-hover) } .grammar-upgrade-sSWyGo .primary-btn-PY0bZQ:active { background: var(--theme-btn-fill-primary-active) } .grammar-upgrade-sSWyGo .modify-wrapper-jglSKv { display: flex; gap: 12px; flex-direction: column } .grammar-upgrade-sSWyGo .modify-wrapper-jglSKv .header--KYwHL { padding-bottom: 10px; border-bottom: 1px dashed var(--theme-border-primary); display: flex; gap: 12px; flex-direction: row; align-items: center } .grammar-upgrade-sSWyGo .modify-wrapper-jglSKv .header--KYwHL .modify-title-M3U7-L { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .grammar-upgrade-sSWyGo .modify-wrapper-jglSKv .header--KYwHL .modify-title-M3U7-L .error-1s1aAR { line-height: 22px; font-weight: 400; color: var(--theme-text-primary); font-size: 14px } .grammar-upgrade-sSWyGo .modify-wrapper-jglSKv .header--KYwHL .modify-title-M3U7-L .error-1s1aAR .num-kifZTo { color: var(--theme-function-error) } .grammar-upgrade-sSWyGo .modify-wrapper-jglSKv .content-qCyEnj { color: var(--theme-text-tertiary); font-size: 12px; line-height: 16px; display: flex; gap: 2px; flex-direction: column } .language-list-uxZBMJ { width: 200px; padding: 8px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); color: var(--theme-text-primary); border-radius: 12px; font-size: 14px } .language-list-uxZBMJ .list-ZlsAL8 { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; margin-bottom: 4px } .language-list-uxZBMJ .list-ZlsAL8 .item-NZQxLn { display: flex; padding: 4px 8px; height: 30px; flex-direction: row; align-items: center; gap: 8px; align-self: stretch; cursor: pointer; border-radius: 8px; color: var(--theme-text-primary); justify-content: space-between; width: 100% } .language-list-uxZBMJ .list-ZlsAL8 .item-NZQxLn .icon-7wzf8i { display: flex } .language-list-uxZBMJ .list-ZlsAL8 .item-NZQxLn:hover { background-color: var(--theme-fill-tsp-components-secondary) } .language-list-uxZBMJ .list-ZlsAL8 .item-NZQxLn.active-LTMX30 { color: var(--theme-text-brand) } .grammar-setting-Bn0m6k { display: flex; flex-direction: column } .grammar-setting-Bn0m6k .content-ZUIsh- { width: 100%; display: flex; flex-direction: column } .grammar-setting-Bn0m6k .language-UuDEgl { display: flex; width: 100%; height: 28px; padding: 5px 12px; justify-content: center; align-items: center; gap: 8px; background-color: var(--theme-fill-tsp-components-secondary); cursor: pointer; border-radius: 16px; justify-content: space-between; color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .grammar-setting-Bn0m6k .language-UuDEgl:hover { background-color: var(--theme-fill-tsp-components-primary) } .grammar-header-Y86tWD { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px 12px; border-bottom: 1px solid var(--theme-border-primary) } .grammar-header-Y86tWD .title-aPGzNV { display: flex; align-items: center; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--theme-text-primary); gap: 4px } .grammar-header-Y86tWD .grammar-language-setting-9VB7dC { margin-right: auto; margin-left: 8px } .grammar-header-Y86tWD .switch-Wrapper-r5p6KG { font-size: 14px; display: flex; align-items: center; color: var(--theme-text-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .grammar-header-Y86tWD .icon-btn-L5sTgg { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-icon-quaternary); border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin-left: 6px } .grammar-header-Y86tWD .icon-btn-L5sTgg:hover { background-color: var(--theme-fill-tsp-components-secondary) } .grammar-header-Y86tWD .divider-6AC7SP { width: 1px; height: 12px; background-color: var(--theme-border-primary); margin-left: 8px } .grammar-card-Gr8Dgv { position: fixed; min-width: 180px; max-width: 300px; padding: 8px 0; background: var(--theme-bg-white); border-radius: 12px; box-shadow: var(--theme-box-shadow-s2); overflow: hidden; z-index: 9999 } .grammar-card-Gr8Dgv .header-goomoo { padding: 0 8px; display: flex; align-items: center; line-height: 30px } .grammar-card-Gr8Dgv .header-goomoo .type-K3EhaE { display: inline-block; width: 6px; height: 6px; border-radius: 3px; margin-right: 5px; flex-shrink: 0 } .grammar-card-Gr8Dgv .header-goomoo .title-inA4IB { font-size: 14px; color: var(--theme-text-disable); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .grammar-card-Gr8Dgv .content-I-iV4M { padding: 0 8px; display: flex; flex-direction: column } .grammar-card-Gr8Dgv .content-I-iV4M .item-cb962w { width: 100%; padding: 4px 6px 4px 12px; font-size: 14px; line-height: 22px; color: var(--theme-text-tertiary); border-radius: 8px; transition: all .2s ease-in-out; display: flex; align-items: center; gap: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .grammar-card-Gr8Dgv .content-I-iV4M .item-cb962w:hover { background: var(--theme-fill-tsp-components-primary) } .grammar-card-Gr8Dgv .content-I-iV4M .item-cb962w.replacement-HyWdFe { font-size: 16px; font-weight: 600; color: var(--theme-text-brand) } .grammar-card-Gr8Dgv .content-I-iV4M .item-cb962w .icon-Nh88DS { width: 16px; display: inline-flex; flex-shrink: 0 } .grammar-card-Gr8Dgv .content-I-iV4M .item-cb962w .text-HjnHYr { flex: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .grammar-card-Gr8Dgv .content-I-iV4M .item-cb962w .ignore--T7CLD { display: flex; justify-content: space-between; align-items: center; width: 100% } .grammar-card-Gr8Dgv .content-I-iV4M .divider-s--wP8 { width: 100%; height: 1px; background: var(--theme-border-primary); margin: 8px 0 4px } .grammar-status-button-goHbRk { display: flex } .tooltip_wrapper-qKcvCD { z-index: 9999 } .clickable-item-V9qmDx { cursor: pointer; user-select: none; -webkit-user-drag: none; display: flex; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box; height: 28px; padding: 3px; border-radius: 30px; min-width: 28px; color: var(--theme-icon-disable); border: 1px solid var(--border-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)), 0 0 1px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)); transition: all .2s ease-in-out } .grammar-checking-content-iy9fo2 { min-width: 18px; height: 18px; display: flex; box-sizing: border-box; flex-direction: column; justify-content: center; align-items: center; border-radius: 16px 16px 6px; color: var(--theme-text-white-primary); white-space: nowrap } .grammar-checking-content-iy9fo2.grammar-checking-has-result-dHl-W3 { background: var(--theme-function-error); padding: 2px } .grammar-checking-content-iy9fo2.grammar-checking-result-over-QRyLiV { border-radius: 16px 8px 3px 16px; padding: 2px } .grammar-checking-result-yUJTQo { color: var(--theme-text-white-primary); font-size: 12px; font-style: normal; font-weight: 600; line-height: 16px } .grammar-checking-loading-L1GJSF { background: var(--theme-icon-brand) } .clickable-item-bg-px0OLM:hover { background: var(--theme-border-primary) } .grammar-checking-icon-krvUL3 { animation: monica-grammar-checking-icon-rotate-VhPiMa 1s linear infinite } @keyframes monica-grammar-checking-icon-rotate-VhPiMa { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .box-wrapper-GJmGL7 { visibility: visible; position: fixed; display: flex; flex-direction: column; z-index: 1; border-radius: 12px; box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); cursor: grab; background: var(--theme-bg-menu-white) } .box-wrapper-GJmGL7 .box-header-jngIWw { display: flex; padding: 8px 12px; justify-content: space-between; align-items: center; align-self: stretch; background-color: var(--theme-fill-tsp-components-tertiary); border-top-left-radius: 12px; border-top-right-radius: 12px } .box-wrapper-GJmGL7 .box-header-jngIWw .box-title-JMiFTy { display: flex; align-items: center; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--theme-text-primary); gap: 4px; flex: 1 } .box-wrapper-GJmGL7 .box-header-jngIWw .close-icon-UnFa8I { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; color: var(--theme-icon-quaternary); border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; margin-left: 6px } .box-wrapper-GJmGL7 .box-header-jngIWw .close-icon-UnFa8I:hover { background-color: var(--theme-fill-tsp-components-secondary) } .box-wrapper-GJmGL7 .inner-Qxlbgx { position: relative } .box-wrapper-GJmGL7 .grammar-check-U93u9I { position: relative; z-index: 1; flex: 1; display: flex; flex-direction: column; border-radius: 12px; overflow: hidden; cursor: default } .box-wrapper-GJmGL7 .grammar-check-U93u9I .content-wDgB1v { flex: 1; width: 100%; display: flex; flex-direction: column; gap: 12px } .box-wrapper-GJmGL7 .grammar-check-U93u9I .content-wDgB1v .textarea-QUK8aF { height: 290px; background: inherit; border-color: transparent !important } .box-wrapper-GJmGL7 .grammar-check-U93u9I .content-wDgB1v .textarea-QUK8aF:hover { border-color: transparent !important } .box-wrapper-GJmGL7 .grammar-check-U93u9I .grammar-footer-CPOI9G { width: 100%; padding: 12px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--theme-border-primary) } .grammar-check-2yjmU8 { background: transparent } .grammar-guide-0tZN-H { position: absolute; width: 300px; min-height: 100px; border-radius: 20px; background: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s2); padding: 16px; display: flex; flex-direction: column; gap: 12px; user-select: unset } .ask-gpt4-btn-caIjGP { position: relative } .ask-gpt4-btn-caIjGP .btn-nL1BMe { padding: 0 12px; display: inline-flex; font-size: 13px; font-weight: 500 } .disable-options-QDoAdY .open-S6PWsK { background: var(--theme-fill-tsp-components-secondary) } .item-gdGmaS { display: flex; align-items: center } .ask-option-sywFIC { font-weight: 400 } .gpt4-tag-iwU-PX { position: relative; display: inline-flex; align-items: center; gap: 2px } .gpt4-tag-iwU-PX .label-F5bAQZ { font-size: 13px; color: var(--theme-text-tertiary) } .high-traffic-card-7Wd16k { position: relative; padding: 12px 16px; border-radius: 12px; background: var(--theme-fill-tsp-components-primary); display: flex; flex-direction: column; gap: 20px } .high-traffic-card-7Wd16k .msg-4HOdFY { font-size: 14px; line-height: 22px; color: var(--theme-text-primary) } .search-enhance-box-lXbXxw { --common-white: #fff; --common-black: #000; --text-title: #232329; --text-body: #545c66; --icon-disable: #dadee3; --text-secondary: #8a939d; --border-weak: rgba(79, 89, 102, .08); --text-primary: #212b36; --btn-border: #4f596614; --border-medium: rgba(79, 89, 102, .12); --border-brand: #6841ea; --border-light: rgba(79, 89, 102, .08); --border-light-hover: #e6e7e8; --text-brand: #6841ea; --text-white-secondary: #ffffffa6; --bg-lv1: #f5f5f5; --bg-lv2: #ffffff; --bg-lv3: #f9fafb; --bg-lv4: #fafafa; --bg-nav: #ececee; --bg-yellow: #eb9001; --bg-lv1-hover: #f1f2f3; --bg-lv2-hover: #f2f2f2; --text-tertiary: #595959; --text-disable: #c0c5cc; --fill-tsp-components: rgba(48, 57, 68, .08); --fill-tsp-components-v2: rgba(79, 89, 102, .08); --fill-components: #ececee; --btn-fill-secondary-hover: #e7eaee; --btn-fill-primary-hover: #9373ff; --btn-fill-secondary-active: #c0c5cc; --btn-fill-secondary: #dadee3; --icon-brand: #6841ea; --label-fill-brand: rgba(104, 65, 234, .08); --btn-fill-brand-primary: #6841ea; --transparent-brand-dark-8: rgba(118, 90, 208, .08); --text-white-primary: #fff; --btn-fill-brand-secondary-default: #f0ebff; --label-fill-primary: #edeff2; --icon-quaternary: #20262e; --border-active: #6841ea; --border-quaternary: rgba(79, 89, 102, .24); --icon-nav: #8a939d; --function-warning: #ffab00; --function-success: #00aa5b; --web-text-on-light-3-grey-600: #637381; --web-text-on-light-1-grey-800: #212b36; --fill-btn-dark: rgba(0, 0, 0, .05); --web-text-on-light-4-grey-500: #919eab; --icon-free: #00c514; --common-85: rgba(0, 0, 0, .85); --btn-fill-brand-primary-default: #6841ea; --btn-fill-brand-secondary: #dfd5fe; --btn-fill-brand-secondary-hover: #f0ebff; --btn-fill-brand-secondary-hover2: #d5cbf2; --btn-fill-brand-secondary-active: #b8a3fb; --tab-fill: rgba(79, 89, 102, .08); --tab-fill-brand-active: #f0ebff; --tooltips-fill: rgba(0, 0, 0, .85); --transparent-white-8: rgba(255, 255, 255, .08); --transparent-white-24: rgba(255, 255, 255, .24); --transparent-white-30: rgba(255, 255, 255, .3); --transparent-white-32: hsla(0, 0%, 100%, .32); --transparent-white-40: rgba(255, 255, 255, .4); --transparent-white-45: rgba(255, 255, 255, .45); --transparent-white-65: rgba(255, 255, 255, .65); --transparent-white-80: rgba(255, 255, 255, .8); --transparent-white-82: rgba(255, 255, 255, .82); --transparent-white-85: rgba(255, 255, 255, .85); --transparent-white-95: rgba(255, 255, 255, .95); --transparent-white-12: rgba(255, 255, 255, .12); --transparent-black-5: rgba(0, 0, 0, .05); --transparent-black-8: rgba(0, 0, 0, .08); --transparent-black-25: rgba(0, 0, 0, .25); --transparent-black-30: rgba(0, 0, 0, .3); --transparent-black-32: rgba(0, 0, 0, .32); --transparent-black-40: rgba(0, 0, 0, .4); --transparent-black-45: rgba(0, 0, 0, .45); --transparent-black-55: rgba(0, 0, 0, .55); --transparent-black-60: rgba(0, 0, 0, .6); --transparent-black-65: rgba(0, 0, 0, .65); --transparent-black-80: rgba(0, 0, 0, .8); --transparent-black-85: rgba(0, 0, 0, .85); --transparent-black-90: rgba(0, 0, 0, .9); --primaryblue-25: #fafcff; --primaryblue-50: #edf3ff; --primaryblue-30: #5d98ff; --primaryblue-300: #5d98ff; --primaryblue-400: #1e6fff; --primaryblue-500: #185ceb; --red-900: #420505; --red-800: #761212; --red-700: #c61f1e; --red-600: #e02423; --red-500: #ea3639; --red-400: #ff4747; --red-300: #ff7271; --red-200: #ffa4a3; --red-100: #ffcccb; --red-50: #ffeeee; --red-25: #fff7f7; --function-error: #ff4747; --light-red-400: #ff4747; --brand-900: #15044c; --brand-800: #220876; --brand-700: #3818a1; --brand-600: #4a26bf; --brand-500: #522bd6; --brand-400: #6841ea; --brand-300: #9373ff; --brand-200: #b8a3fb; --brand-100: #dfd5fe; --brand-50: #f0ebff; --brand-25: #fcfbfe; --light-brand-400: #6841ea; --light-acidblue-400: #3bbfff; --light-acidblue-500: #2ca1e6; --light-cyan-400: #00c5e6; --light-orange-100: #ffd7be; --light-orange-400: #ff5e2f; --light-orange-600: #e04a18; --transparent-brand-8: rgba(142, 108, 255, .08); --transparent-brand-24: rgba(106, 67, 234, .24); --transparent-brand-45: rgba(106, 67, 234, .45); --transparent-brand-65: rgba(106, 67, 234, .65); --grayblue-900: #191e24; --grayblue-800: #20262e; --grayblue-700: #3c434d; --grayblue-600: #545c66; --grayblue-500: #858e99; --grayblue-400: #c0c5cc; --grayblue-300: #dadee3; --grayblue-200: #ebeef2; --grayblue-100: #f4f6f8; --grayblue-50: #f9fafb; --grayblue-8: #eff0f1; --transparent-grayblue-4: rgba(3, 46, 103, .04); --transparent-grayblue-6: rgba(3, 46, 103, .06); --transparent-grayblue-8: rgba(79, 89, 102, .08); --transparent-grayblue-12: rgba(79, 89, 102, .12); --transparent-grayblue-16: rgba(79, 89, 102, .16); --transparent-grayblue-32: rgba(79, 89, 102, .32); --transparent-grayblue-45: rgba(79, 89, 102, .45); --transparent-grayblue-65: rgba(79, 89, 102, .65); --transparent-grayblue-24: rgba(79, 89, 102, .24); --transparent-grayblue-light-8: rgba(79, 89, 102, .08); --transparent-grayblue-dark-24: rgba(162, 177, 215, .24); --transparent-brand-light-8: rgba(104, 65, 234, .08); --transparent-brand-light-24: rgba(104, 65, 234, .24); --transparent-brand-light-45: rgba(104, 65, 234, .45); --light-grayblue-300: #dadee3; --light-grayblue-400: #c0c5cc; --light-grayblue-800: #20262e; --light-grayblue-500: #69707e; --light-grayblue-500-8: rgba(79, 89, 102, .08); --light-gray-200: #ececee; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #f4f6f8; --gray-300: #dbdbdb; --gray-400: #c2c2c2; --gray-500: #8c8c8c; --gray-600: #595959; --gray-800: #242424; --gray-900: #1a1a1a; --indigoblue-400: #546dfe; --green-50: #e9fbf5; --green-400: #00aa5b; --green-500: #3ca373; --purple-50: #fcf2fd; --purple-400: #a55bf6; --purple-200: #deb3fb; --purple-100: #f0d5fe; --purple-500: #c37ff1; --yellow-300: #ffcd00; --yellow-400: #ffab00; --yellow-600: #e07800; --yellow-50: #fdfae9; --yellow-800: #ff6b00; --light-yellow-50: #fdfae9; --border-yellow: #ffe5a3; --icon-secondary: #8a939d; --icon-primary: #545c66; --text-link: #1e6fff; --border-primary: #4f59661f; --text-white: #ffffff; --box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --theme-shadow-s1: rgba(0, 0, 0, .04); --theme-shadow-s2: rgba(0, 0, 0, .08); --theme-shadow-s3: rgba(0, 0, 0, .24); --theme-box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --theme-box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --theme-box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --box-shadow-s4: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --shadow-s2: rgba(0, 0, 0, .08); --light-card: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --light-indigoblue-50: #f1f3ff; --bg-linear-brand: linear-gradient(90deg, #f1e8ff 0%, #e6d9ff 100%); --bg-linear-brand-hover: linear-gradient(90deg, #dfd5f2 0%, #dfd5f2 100%); --bg-mask: rgba(0, 0, 0, .45); --box-shadow-color1: rgba(0, 0, 0, .04); --markdown-text-light: #24292f; --bill-dialog-bg: linear-gradient(180deg, #f3efff 0%, #fff 50%); --text-quaternary: #8c8c8c; --bg-gray-primary: #f5f5f5 } .search-enhance-XOmw6j { position: relative; width: 369px; border-radius: 12px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); display: flex; flex-direction: column; gap: 12px; padding: 16px 0 } .search-enhance-XOmw6j .go-login-mask-PbfOzz { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; inset: 0; z-index: 2 } .search-enhance-XOmw6j.show-resize-bar-wTxyCP .resize-bar-dddzQC { opacity: .85 } .search-enhance-XOmw6j .resize-bar-dddzQC { opacity: 0; transition: opacity .15s; position: absolute; top: 4px; bottom: 4px; width: 4px; right: 0; border-radius: 10px; background-color: var(--theme-btn-fill-primary-hover); pointer-events: none; z-index: 10; cursor: ew-resize } .search-enhance-XOmw6j .header-7QHGYk { padding: 0 16px; display: flex; box-sizing: border-box; line-height: 24px } .search-enhance-XOmw6j .header-7QHGYk .lt-znd2I9 { display: inline-flex; align-items: center; gap: 6px } .search-enhance-XOmw6j .header-7QHGYk .lt-znd2I9 .title-N8X-fJ { display: inline-flex; align-items: center; cursor: pointer; gap: 6px } .search-enhance-XOmw6j .header-7QHGYk .lt-znd2I9 .title-N8X-fJ span { font-size: 16px; color: var(--theme-text-primary); font-weight: 600 } .search-enhance-XOmw6j .header-7QHGYk .rt-FR4JFM { flex: 1; display: flex; justify-content: flex-end; align-items: center } .search-enhance-XOmw6j .header-7QHGYk .model-switcher-lNIRTr { margin-left: 8px } .search-enhance-XOmw6j .content-4sP-oG { width: 100%; padding: 0 16px; position: relative; display: flex; flex-direction: column; gap: 12px } .search-enhance-XOmw6j .footer-I8bWjA { width: 100%; padding-top: 16px; position: relative; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--theme-border-primary) } .search-enhance-XOmw6j .model-select-uAcms1 { position: relative } .search-enhance-XOmw6j .model-select-uAcms1 .tabs-Y9QIar { max-width: 390px } .search-enhance-XOmw6j .loading-wT4Oun { width: 32px } .search-enhance-XOmw6j .reply-box-60GKly { position: relative } .search-enhance-XOmw6j .reply-box-60GKly .content-4sP-oG { box-sizing: border-box; padding: 0; line-height: 24px; font-size: 16px; color: var(--theme-text-primary) } .search-enhance-XOmw6j .reply-box-60GKly .reply-normal-KxwOcY { position: relative } .search-enhance-XOmw6j .reply-box-60GKly .reply-bullet-ask-zbBGNL { position: relative; display: flex; flex-direction: column; gap: 8px } .search-enhance-XOmw6j .reply-box-60GKly .reply-bullet-ask-zbBGNL ul { padding-left: 1em !important } .search-enhance-XOmw6j .reply-box-60GKly .reply-bullet-ask-zbBGNL p { margin: 0 !important } .search-enhance-XOmw6j .reply-box-60GKly .reply-bullet-ask-zbBGNL li { margin: 0 0 5px !important } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr { position: relative; display: flex; flex-direction: column; gap: 12px } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr .module-XOjsqQ { display: flex; flex-direction: column; gap: 8px } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr .module-XOjsqQ .module-header-BBnRpC { height: 22px; display: flex; align-items: center; gap: 4px } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr .module-XOjsqQ .module-header-BBnRpC span { font-size: 14px; font-weight: 500; color: var(--theme-text-primary) } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr .module-XOjsqQ .module-content-8qcZM0 { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr .module-XOjsqQ .module-content-8qcZM0 .source-item-EWAQpH { width: calc((100% - 12px)/2); box-sizing: border-box; padding: 4px 8px; border-radius: 8px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); display: flex; flex-direction: column; justify-content: space-between; gap: 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr .module-XOjsqQ .module-content-8qcZM0 .source-item-EWAQpH:hover { background: var(--theme-fill-tsp-components-primary) } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr .module-XOjsqQ .module-content-8qcZM0 .source-item-EWAQpH .source-title-l2oC3d { font-size: 13px; line-height: 18px; color: var(--theme-text-primary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr .module-XOjsqQ .module-content-8qcZM0 .source-item-EWAQpH .source-info-9QnHMR { display: flex; align-items: center; gap: 4px } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr .module-XOjsqQ .module-content-8qcZM0 .source-item-EWAQpH .source-info-9QnHMR .source-favicon-rL9T-K { width: 14px; height: 14px } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr .module-XOjsqQ .module-content-8qcZM0 .source-item-EWAQpH .source-info-9QnHMR .source-name-1nLOIb { font-size: 12px; line-height: 18px; color: var(--theme-text-secondary); overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .search-enhance-XOmw6j .reply-box-60GKly .reply-copilot-zMwBOr .module-XOjsqQ .module-content-8qcZM0 .source-item-EWAQpH .source-info-9QnHMR .source-index--GGvC1 { font-size: 12px; line-height: 18px; color: var(--theme-text-secondary); white-space: nowrap } .search-enhance-XOmw6j .reply-box-60GKly .reply-keyword-gBH3Oi { position: relative } .search-enhance-XOmw6j .reply-box-60GKly .gpt4-action-xJYZ-X { margin-top: 8px } .search-enhance-XOmw6j .reply-box-60GKly .related-questions-a55Sr1 { display: flex; flex-direction: column; gap: 8px } .search-enhance-XOmw6j .reply-box-60GKly .related-questions-a55Sr1 .related-questions-text-Nrhyzi { color: var(--theme-text-secondary); font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: -4px; word-wrap: break-word } .search-enhance-XOmw6j .reply-box-60GKly .related-questions-a55Sr1 .related-question-ZH3uy8 { border-radius: 4px 12px 12px; border: 1px solid var(--theme-border-primary); color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; padding: 4px 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; background-color: var(--theme-bg-white) } .search-enhance-XOmw6j .reply-box-60GKly .related-questions-a55Sr1 .related-question-ZH3uy8:hover { background-color: var(--theme-fill-tsp-components-primary) } .search-enhance-XOmw6j .actions-AZ7lex { box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px } .search-enhance-XOmw6j .actions-AZ7lex .ask-btn-PnUpbC { width: 100%; gap: 4px; max-width: 390px } .search-enhance-XOmw6j .actions-AZ7lex .continue-chat-Q-w7is { height: 32px; border-radius: 16px; font-weight: 400; padding: 0 8px } .search-enhance-XOmw6j .actions-AZ7lex .continue-chat-Q-w7is .text-ArXkmY { margin-left: 8px } .search-enhance-XOmw6j .tabs-Y9QIar { margin: 0 16px; width: auto } .search-enhance-XOmw6j .search-agent-guide-rVgS5t { width: auto; margin: 0 16px } .search-enhance-XOmw6j .search-agent-guide-rVgS5t .box-JGnVtJ { width: 100%; border-radius: 8px; padding: 12px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); display: flex; flex-direction: column; gap: 8px } .search-enhance-XOmw6j .search-agent-guide-rVgS5t .box-JGnVtJ .msg-YGQR-T { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-primary) } .search-enhance-XOmw6j .search-agent-guide-rVgS5t .box-JGnVtJ .try-btn-S3n11I { display: inline-flex; gap: 4px } .search-enhance-XOmw6j .corner-box-gDKue4 { position: absolute; top: -7px; right: -4px; z-index: 20; visibility: hidden } .search-enhance-XOmw6j .corner-box-gDKue4.close-popover-open-iEq5P9, .search-enhance-XOmw6j:hover .corner-box-gDKue4 { visibility: visible } .monica-collapse-VcI6sX .ant-collapse-header { padding: 0 !important } .monica-collapse-VcI6sX .ant-collapse-header-text { color: var(--theme-text-primary); font-weight: 700; font-size: 14px; overflow: hidden } .monica-collapse-VcI6sX .ant-collapse-content-box { padding: 0 !important } .monica-collapse-VcI6sX .ant-collapse-expand-icon { height: 20px !important; padding-inline-start: 4px !important } .collapse-extra-mEhcgs { display: inline-flex; align-items: center; gap: 4px } .collapse-extra-mEhcgs .action-btn-I6SetU { width: 20px; height: 20px; border: 1px solid var(--theme-border-primary); border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; user-select: none; color: var(--theme-text-secondary); cursor: pointer } .collapse-extra-mEhcgs .action-btn-I6SetU .arrow-down-7SPKZG { transform: rotate(0) !important; transition: all .2s ease !important } .collapse-extra-mEhcgs .action-btn-I6SetU .active-PiegU9 { transform: rotate(-180deg) !important } .collapse-extra-mEhcgs .action-btn-I6SetU:hover { background: linear-gradient(0deg, var(--theme-shadow-s1), var(--theme-shadow-s1)), var(--theme-text-white-primary) } .collapse-extra-mEhcgs .stop-btn-JNIARM { width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; color: var(--theme-text-secondary) } .collapse-extra-mEhcgs .stop-btn-JNIARM:hover { color: var(--theme-text-brand) } .collapse-reply-m0D-y0 { color: var(--theme-text-secondary); line-height: 20px; font-size: 14px } .collapse-reply-m0D-y0 .collapse-toolbar-Bd9QUt { margin-top: 16px } .toolbar-BIHfA- { display: inline-flex; align-items: center; position: relative } .toolbar-item-EhZYV5 { color: var(--theme-icon-secondary); width: 28px; height: 28px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .toolbar-item-EhZYV5:hover { background-color: var(--theme-fill-tsp-components-secondary) } .toolbar-item-EhZYV5.text-btn-ezxIFq { width: auto; padding: 0 8px; gap: 4px } .toolbar-item-EhZYV5.text-btn-ezxIFq .text-ArXkmY { max-width: 60px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .toolbar-item-EhZYV5.active-PiegU9 { background-color: var(--theme-fill-tsp-components-secondary) } .suggestion-box-PrxF23 { display: flex; flex-direction: column; gap: 8px; margin-top: 8px } .suggestion-box-PrxF23 .suggestion-3BrDvQ { display: flex; align-items: flex-start; gap: 4px } .suggestion-box-PrxF23 .suggestion-3BrDvQ .title-N8X-fJ { flex: 1; font-size: 14px; font-weight: 700; color: var(--theme-text-primary); line-height: 22px } .suggestion-box-PrxF23 .suggestion-3BrDvQ .actions-AZ7lex { display: inline-flex; align-items: center; gap: 4px } .suggestion-box-PrxF23 .suggestion-3BrDvQ .actions-AZ7lex .action-btn-I6SetU { height: 20px; box-sizing: border-box; padding: 0 2px; border: 1px solid var(--theme-border-primary); border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; user-select: none; cursor: pointer } .suggestion-box-PrxF23 .suggestion-3BrDvQ .actions-AZ7lex .action-btn-I6SetU span { font-size: 12px; color: var(--theme-text-primary) } .suggestion-box-PrxF23 .suggestion-3BrDvQ .actions-AZ7lex .action-btn-I6SetU:hover { background: var(--theme-fill-tsp-components-secondary) } .ads-banner-T50i9Y { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; justify-content: space-between; align-items: flex-start; gap: 4px; width: 100%; padding: 8px 12px; margin-bottom: 4px; border-radius: 12px; background: var(--theme-fill-tsp-brand) } .ads-banner-T50i9Y:hover { opacity: .8 } .ads-banner-T50i9Y .banner-content-xyAA2D { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; align-items: flex-start; flex: 1 } .ads-banner-T50i9Y .banner-content-xyAA2D .icon-L2k4WA { display: inline-flex; margin-top: 5px } .ads-banner-T50i9Y .banner-content-xyAA2D .ads-text-hO4vfv { color: var(--theme-text-brand); font-size: 14px; font-weight: 400; margin-left: 4px } .ads-banner-T50i9Y .arrow-QSNplW { color: var(--theme-text-brand); display: inline-flex; margin-top: 6px } @media print { .search-enhance-XOmw6j { display: none } } .search-enhance-model-switch-EBl7X2 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; padding: 2px 4px; border-radius: 99px; background: var(--theme-fill-btn-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .search-enhance-model-switch-EBl7X2 .logo-a1tEr4 { width: 20px; height: 20px; border-radius: 50%; padding: 2px; overflow: hidden } .search-enhance-model-switch-EBl7X2 .logo-a1tEr4 img { width: 100%; height: 100%; -webkit-user-drag: none } .search-enhance-model-switch-EBl7X2 .name-GWXk4b { font-size: 12px; font-weight: 500; line-height: 18px; color: var(--theme-text-primary); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .search-enhance-model-switch-EBl7X2 .arrow-dPTqFt { transition: transform .3s; color: var(--theme-icon-secondary) } .dropdown-menu-oqCavO { min-width: 180px; width: max-content; padding: 8px; border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2); border: 1px solid var(--theme-border-white); display: flex; flex-direction: column; gap: 4px } .dropdown-menu-oqCavO .item-rNgA0Q { padding: 8px 12px; display: flex; align-items: center; border-radius: 8px; transition: all .2s ease-in-out; cursor: pointer; gap: 8px } .dropdown-menu-oqCavO .item-rNgA0Q .logo-a1tEr4 { width: 24px; height: 24px; border-radius: 50%; overflow: hidden } .dropdown-menu-oqCavO .item-rNgA0Q .logo-a1tEr4 img { width: 100%; height: 100%; -webkit-user-drag: none } .dropdown-menu-oqCavO .item-rNgA0Q .name-GWXk4b { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-primary) } .dropdown-menu-oqCavO .item-rNgA0Q .checked-x1-F0V { display: none } .dropdown-menu-oqCavO .item-rNgA0Q:hover { background: var(--theme-bg-menu-gray) } .dropdown-menu-oqCavO .item-rNgA0Q.active-Ao-Bt7 .checked-x1-F0V { display: block } .search-enhance-promotion-i0B4f4 { visibility: visible; padding: 0 16px } .search-enhance-promotion-i0B4f4 .card-1vaMNN { position: relative; padding: 10px; border-radius: 10px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-gray-secondary); cursor: pointer; display: flex; align-items: center; gap: 16px } .search-enhance-promotion-i0B4f4 .card-1vaMNN .lt-hTDwLa { display: flex } .search-enhance-promotion-i0B4f4 .card-1vaMNN .lt-hTDwLa .icon-VstER2 { width: 48px; height: 48px; object-fit: fill } .search-enhance-promotion-i0B4f4 .card-1vaMNN .rt-aU0wIM { display: flex; flex-direction: column; justify-content: center; font-size: 14px; line-height: 22px } .search-enhance-promotion-i0B4f4 .card-1vaMNN .rt-aU0wIM .message-N0dJ4- { font-weight: 600; color: var(--theme-text-primary) } .search-enhance-promotion-i0B4f4 .card-1vaMNN .rt-aU0wIM .action-btn-WTXLfs { color: var(--theme-text-tertiary) } .search-enhance-promotion-i0B4f4 .card-1vaMNN .close-btn-ixeDhL { position: absolute; top: -8px; right: -8px; width: 16px; height: 16px; border-radius: 50%; background-color: var(--theme-fill-tsp-gray); display: flex; color: var(--theme-icon-white-primary); transition: all .2s ease-in-out; visibility: hidden; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .search-enhance-promotion-i0B4f4 .card-1vaMNN .close-btn-ixeDhL:hover { background-color: var(--theme-icon-quaternary) } .search-enhance-promotion-i0B4f4 .card-1vaMNN:hover .close-btn-ixeDhL { visibility: visible } .search-enhance-settings-uUeK-v { position: relative; width: 348px; border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: 0 8px 40px #00000014, 0 0 1px #00000014; padding: 16px; display: flex; flex-direction: column; gap: 12px; z-index: 2147483647 } .search-enhance-settings-uUeK-v .title-HDwRB3 { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; line-height: 16px; color: var(--theme-text-secondary) } .search-enhance-settings-uUeK-v .item-I8ro4f { position: relative; padding: 12px; border: 1px solid var(--theme-border-primary); border-radius: 12px; display: flex; flex-direction: column; gap: 4px; transition: all .2s ease-in-out; cursor: pointer } .search-enhance-settings-uUeK-v .item-I8ro4f:hover { border: 1px solid var(--theme-border-active) } .search-enhance-settings-uUeK-v .item-I8ro4f .title-HDwRB3 { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-primary) } .search-enhance-settings-uUeK-v .item-I8ro4f .desc-v0ZwXD { font-size: 14px; font-weight: 400; line-height: 18px; color: var(--theme-text-secondary) } .search-enhance-settings-uUeK-v .item-I8ro4f .active-icon-9AIK0d { position: absolute; top: 0; right: 0; height: 24px; padding: 0 10px; text-align: center; line-height: 24px; background: var(--theme-btn-fill-primary); border-radius: 0 6px 0 12px; font-size: 12px; color: var(--theme-text-white-primary) } .search-enhance-settings-uUeK-v .item-I8ro4f.active-ATeaGG { background: var(--theme-btn-fill-tertiary-hover); border: 1px solid var(--theme-border-active) } .search-enhance-settings-uUeK-v .language-nBJNjW { width: 100%; position: relative; margin-top: -6px } .search-enhance-settings-uUeK-v .divider-24XIhb { width: 100%; height: 1px; background: var(--theme-border-primary) } .search-enhance-settings-uUeK-v .setting-FoEZhk { display: flex; align-items: center; gap: 8px; padding: 8px 0; font-size: 14px; font-weight: 500; line-height: 22px; border-radius: 12px; color: var(--theme-text-primary); transition: all .2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .search-enhance-settings-uUeK-v .setting-FoEZhk:hover { color: var(--theme-btn-fill-primary) } ._monica-dark .answer-type-iyTGLh { background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3) !important; border: 1px solid var(--theme-border-white) } .upgrade-to-access-dwI4lL { position: relative; padding: 16px; display: flex; flex-direction: column; border-radius: 12px; background: linear-gradient(278deg, var(--theme-btn-fill-tertiary-hover) 1.73%, var(--theme-bg-gray-secondary) 93.27%) } .upgrade-to-access-dwI4lL .header-XkL5HV { font-size: 16px; font-weight: 600; line-height: 24px; color: var(--theme-icon-primary); margin-bottom: 6px } .upgrade-to-access-dwI4lL .desc-7ic23l { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-icon-primary) } .upgrade-to-access-dwI4lL .features-bP4QzN { margin-top: 12px; padding: 12px; border-radius: 12px; background: var(--theme-bg-white) } .upgrade-to-access-dwI4lL .features-bP4QzN .name-2-Wu9E { display: inline-flex; align-items: center; color: var(--theme-icon-brand); font-size: 18px; font-weight: 500; line-height: 28px; gap: 4px } .upgrade-to-access-dwI4lL .features-bP4QzN .feature-GL1eP- { margin-top: 6px; display: flex; align-items: center; gap: 4px } .upgrade-to-access-dwI4lL .features-bP4QzN .feature-GL1eP- .feature-icon-iMw1hD { display: flex; color: var(--theme-function-success) } .upgrade-to-access-dwI4lL .features-bP4QzN .feature-GL1eP- .feature-text-Uy8h51 { font-size: 14px; line-height: 22px; color: var(--theme-icon-tertiary) } .upgrade-to-access-dwI4lL .features-bP4QzN .feature-GL1eP- .feature-text-Uy8h51 span { font-weight: 600 } .upgrade-to-access-dwI4lL .features-bP4QzN .feature-GL1eP- .feature-text-Uy8h51 .qs-KPNrwK { transform: translateY(3px); line-height: 0px; width: 16px; height: 16px; display: inline-block; margin-left: 4px; cursor: help } .upgrade-to-access-dwI4lL .features-bP4QzN .feature-GL1eP- .feature-text-Uy8h51 .qs-KPNrwK path, .upgrade-to-access-dwI4lL .features-bP4QzN .feature-GL1eP- .feature-text-Uy8h51 .qs-KPNrwK circle { stroke-opacity: 1 !important; fill-opacity: 1 !important } .upgrade-to-access-dwI4lL .actions-PS-anO { display: flex } .upgrade-to-access-dwI4lL .actions-PS-anO .action-btn-8vTOlD { width: 100%; max-width: 390px; position: relative; margin-top: 20px } .link-MIZ-at { color: var(--theme-text-btn-tertiary) } .link-MIZ-at:hover { text-decoration: underline; color: var(--theme-text-brand) } ._monica-dark .upgrade-to-access-dwI4lL { opacity: .9 } .search-enhance-ads-wrapper-OZ9kbQ { position: relative; width: max-content } .search-enhance-ads-wrapper-OZ9kbQ .corner-box-Qb6mam { position: absolute; top: -8px; right: -8px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 16px; visibility: hidden } .search-enhance-ads-wrapper-OZ9kbQ .corner-box-Qb6mam .icon-btn-lFJXzR { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; z-index: 500; width: 20px; height: 20px; box-sizing: border-box; border-radius: 10px; background: var(--theme-btn-fill-secondary); color: var(--theme-text-secondary); padding: 0 4px; transition: background .25s linear } .search-enhance-ads-wrapper-OZ9kbQ .corner-box-Qb6mam .icon-btn-lFJXzR:hover { background: var(--theme-btn-fill-primary); color: var(--theme-text-white-primary) } .search-enhance-ads-wrapper-OZ9kbQ:hover .corner-box-Qb6mam { visibility: visible } .search-enhance-ads-ljW6D7 { width: 369px; border-radius: 16px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white); margin-top: 16px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: background .25s ease } .search-enhance-ads-ljW6D7:hover { background-color: var(--theme-fill-tsp-components-secondary) } .search-enhance-ads-ljW6D7 .card-Bu53CI { width: 100%; height: 100%; display: flex; align-items: center; box-sizing: border-box; padding: 20px 16px 16px; gap: 12px; position: relative } .search-enhance-ads-ljW6D7 .card-Bu53CI .banner--UGFw- { width: 48px; height: 60px } .search-enhance-ads-ljW6D7 .card-Bu53CI .cont-bYk3rQ { flex: 1 1 auto; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; gap: 4px } .search-enhance-ads-ljW6D7 .card-Bu53CI .header-lyfC9T { width: 100%; color: var(--theme-text-primary); font-size: 14px; font-weight: 600; line-height: 22px } .search-enhance-ads-ljW6D7 .card-Bu53CI .hint-7IOe-T { width: 100%; font-size: 14px; line-height: 22px; font-weight: 400; color: var(--theme-text-primary) } .search-enhance-ads-ljW6D7 .card-Bu53CI .action-f2GDg5 .try-now-LCedwv { color: var(--theme-text-brand) } .search-enhance-ads-ljW6D7 .card-Bu53CI .action-f2GDg5 .try-now-LCedwv span { margin-right: 4px } .youtube-summary-highlights-8kwggm { display: flex; flex-direction: column } .youtube-summary-highlights-8kwggm .header-ll0OoY { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 8px } .youtube-summary-highlights-8kwggm .header-ll0OoY .title-lU6u-b { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 22px } .youtube-summary-highlights-8kwggm .header-ll0OoY .actions-4yeQDp { display: flex } .youtube-summary-highlights-8kwggm .header-ll0OoY .actions-4yeQDp .switch-gGtEIo { gap: 4px } .youtube-summary-highlights-8kwggm .header-ll0OoY .actions-4yeQDp .switch-label-MJypmg { color: var(--theme-text-quaternary); font-size: 12px; line-height: normal } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm { overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm::-webkit-scrollbar-track { background: transparent } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm::-webkit-scrollbar-thumb:hover { background: #00000062 } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm::-webkit-scrollbar-corner { background: transparent } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .loading-box-vDYSUK { width: 100%; display: flex; flex-direction: column; gap: 12px } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .loading-box-vDYSUK .ant-skeleton-input { width: 100% } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV { border-radius: 10px } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV.expanded-KdaTXl { padding-bottom: 12px } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV .highlight--DaJ7F { padding: 6px 8px; display: flex; align-items: flex-start; gap: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV .highlight--DaJ7F .time-Xj-7bp { border-radius: 6px; background: var(--theme-fill-tsp-components-secondary); color: var(--theme-text-tertiary); font-size: 12px; line-height: 18px; flex-shrink: 0; padding: 1px 10px; min-width: 52px } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV .highlight--DaJ7F .highlight-title-B10yRG { color: var(--theme-text-primary); font-size: 14px; line-height: 22px; flex: 1; min-width: 0 } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV .active-oZRZ5K { background: var(--theme-fill-tsp-components-secondary) } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV .active-oZRZ5K .highlight--DaJ7F .time-Xj-7bp { color: var(--theme-text-brand); background: var(--theme-fill-tsp-brand) } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV:hover { background: var(--theme-fill-tsp-components-secondary) } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV:hover .highlight--DaJ7F .time-Xj-7bp { color: var(--theme-text-brand); background: var(--theme-fill-tsp-brand) } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV .abstracts-wrap-WJamqT { padding: 0 8px } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV .abstracts-bq9FLO li { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-secondary); font-size: 14px; line-height: 22px; display: flex; align-items: flex-start; padding: 4px 16px 4px 8px } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV .abstracts-bq9FLO li:hover { border-radius: 10px; background: var(--theme-fill-tsp-components-secondary) } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV .abstracts-bq9FLO li .time-Xj-7bp { min-width: 52px; color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; margin-top: 2px; padding: 1px 10px; background: transparent; flex-shrink: 0 } .youtube-summary-highlights-8kwggm .highlights-wrap-v83kPm .highlight-item-ZQ69eV .expand-btn-7016b5 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-quaternary); font-size: 14px; line-height: 22px; display: inline-flex; align-items: center; gap: 4px; margin-left: 62px } .monica-video-summary-FAQw2l { --common-white: #fff; --common-black: #000; --text-title: #232329; --text-body: #545c66; --icon-disable: #dadee3; --text-secondary: #8a939d; --border-weak: rgba(79, 89, 102, .08); --text-primary: #212b36; --btn-border: #4f596614; --border-medium: rgba(79, 89, 102, .12); --border-brand: #6841ea; --border-light: rgba(79, 89, 102, .08); --border-light-hover: #e6e7e8; --text-brand: #6841ea; --text-white-secondary: #ffffffa6; --bg-lv1: #f5f5f5; --bg-lv2: #ffffff; --bg-lv3: #f9fafb; --bg-lv4: #fafafa; --bg-nav: #ececee; --bg-yellow: #eb9001; --bg-lv1-hover: #f1f2f3; --bg-lv2-hover: #f2f2f2; --text-tertiary: #595959; --text-disable: #c0c5cc; --fill-tsp-components: rgba(48, 57, 68, .08); --fill-tsp-components-v2: rgba(79, 89, 102, .08); --fill-components: #ececee; --btn-fill-secondary-hover: #e7eaee; --btn-fill-primary-hover: #9373ff; --btn-fill-secondary-active: #c0c5cc; --btn-fill-secondary: #dadee3; --icon-brand: #6841ea; --label-fill-brand: rgba(104, 65, 234, .08); --btn-fill-brand-primary: #6841ea; --transparent-brand-dark-8: rgba(118, 90, 208, .08); --text-white-primary: #fff; --btn-fill-brand-secondary-default: #f0ebff; --label-fill-primary: #edeff2; --icon-quaternary: #20262e; --border-active: #6841ea; --border-quaternary: rgba(79, 89, 102, .24); --icon-nav: #8a939d; --function-warning: #ffab00; --function-success: #00aa5b; --web-text-on-light-3-grey-600: #637381; --web-text-on-light-1-grey-800: #212b36; --fill-btn-dark: rgba(0, 0, 0, .05); --web-text-on-light-4-grey-500: #919eab; --icon-free: #00c514; --common-85: rgba(0, 0, 0, .85); --btn-fill-brand-primary-default: #6841ea; --btn-fill-brand-secondary: #dfd5fe; --btn-fill-brand-secondary-hover: #f0ebff; --btn-fill-brand-secondary-hover2: #d5cbf2; --btn-fill-brand-secondary-active: #b8a3fb; --tab-fill: rgba(79, 89, 102, .08); --tab-fill-brand-active: #f0ebff; --tooltips-fill: rgba(0, 0, 0, .85); --transparent-white-8: rgba(255, 255, 255, .08); --transparent-white-24: rgba(255, 255, 255, .24); --transparent-white-30: rgba(255, 255, 255, .3); --transparent-white-32: hsla(0, 0%, 100%, .32); --transparent-white-40: rgba(255, 255, 255, .4); --transparent-white-45: rgba(255, 255, 255, .45); --transparent-white-65: rgba(255, 255, 255, .65); --transparent-white-80: rgba(255, 255, 255, .8); --transparent-white-82: rgba(255, 255, 255, .82); --transparent-white-85: rgba(255, 255, 255, .85); --transparent-white-95: rgba(255, 255, 255, .95); --transparent-white-12: rgba(255, 255, 255, .12); --transparent-black-5: rgba(0, 0, 0, .05); --transparent-black-8: rgba(0, 0, 0, .08); --transparent-black-25: rgba(0, 0, 0, .25); --transparent-black-30: rgba(0, 0, 0, .3); --transparent-black-32: rgba(0, 0, 0, .32); --transparent-black-40: rgba(0, 0, 0, .4); --transparent-black-45: rgba(0, 0, 0, .45); --transparent-black-55: rgba(0, 0, 0, .55); --transparent-black-60: rgba(0, 0, 0, .6); --transparent-black-65: rgba(0, 0, 0, .65); --transparent-black-80: rgba(0, 0, 0, .8); --transparent-black-85: rgba(0, 0, 0, .85); --transparent-black-90: rgba(0, 0, 0, .9); --primaryblue-25: #fafcff; --primaryblue-50: #edf3ff; --primaryblue-30: #5d98ff; --primaryblue-300: #5d98ff; --primaryblue-400: #1e6fff; --primaryblue-500: #185ceb; --red-900: #420505; --red-800: #761212; --red-700: #c61f1e; --red-600: #e02423; --red-500: #ea3639; --red-400: #ff4747; --red-300: #ff7271; --red-200: #ffa4a3; --red-100: #ffcccb; --red-50: #ffeeee; --red-25: #fff7f7; --function-error: #ff4747; --light-red-400: #ff4747; --brand-900: #15044c; --brand-800: #220876; --brand-700: #3818a1; --brand-600: #4a26bf; --brand-500: #522bd6; --brand-400: #6841ea; --brand-300: #9373ff; --brand-200: #b8a3fb; --brand-100: #dfd5fe; --brand-50: #f0ebff; --brand-25: #fcfbfe; --light-brand-400: #6841ea; --light-acidblue-400: #3bbfff; --light-acidblue-500: #2ca1e6; --light-cyan-400: #00c5e6; --light-orange-100: #ffd7be; --light-orange-400: #ff5e2f; --light-orange-600: #e04a18; --transparent-brand-8: rgba(142, 108, 255, .08); --transparent-brand-24: rgba(106, 67, 234, .24); --transparent-brand-45: rgba(106, 67, 234, .45); --transparent-brand-65: rgba(106, 67, 234, .65); --grayblue-900: #191e24; --grayblue-800: #20262e; --grayblue-700: #3c434d; --grayblue-600: #545c66; --grayblue-500: #858e99; --grayblue-400: #c0c5cc; --grayblue-300: #dadee3; --grayblue-200: #ebeef2; --grayblue-100: #f4f6f8; --grayblue-50: #f9fafb; --grayblue-8: #eff0f1; --transparent-grayblue-4: rgba(3, 46, 103, .04); --transparent-grayblue-6: rgba(3, 46, 103, .06); --transparent-grayblue-8: rgba(79, 89, 102, .08); --transparent-grayblue-12: rgba(79, 89, 102, .12); --transparent-grayblue-16: rgba(79, 89, 102, .16); --transparent-grayblue-32: rgba(79, 89, 102, .32); --transparent-grayblue-45: rgba(79, 89, 102, .45); --transparent-grayblue-65: rgba(79, 89, 102, .65); --transparent-grayblue-24: rgba(79, 89, 102, .24); --transparent-grayblue-light-8: rgba(79, 89, 102, .08); --transparent-grayblue-dark-24: rgba(162, 177, 215, .24); --transparent-brand-light-8: rgba(104, 65, 234, .08); --transparent-brand-light-24: rgba(104, 65, 234, .24); --transparent-brand-light-45: rgba(104, 65, 234, .45); --light-grayblue-300: #dadee3; --light-grayblue-400: #c0c5cc; --light-grayblue-800: #20262e; --light-grayblue-500: #69707e; --light-grayblue-500-8: rgba(79, 89, 102, .08); --light-gray-200: #ececee; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #f4f6f8; --gray-300: #dbdbdb; --gray-400: #c2c2c2; --gray-500: #8c8c8c; --gray-600: #595959; --gray-800: #242424; --gray-900: #1a1a1a; --indigoblue-400: #546dfe; --green-50: #e9fbf5; --green-400: #00aa5b; --green-500: #3ca373; --purple-50: #fcf2fd; --purple-400: #a55bf6; --purple-200: #deb3fb; --purple-100: #f0d5fe; --purple-500: #c37ff1; --yellow-300: #ffcd00; --yellow-400: #ffab00; --yellow-600: #e07800; --yellow-50: #fdfae9; --yellow-800: #ff6b00; --light-yellow-50: #fdfae9; --border-yellow: #ffe5a3; --icon-secondary: #8a939d; --icon-primary: #545c66; --text-link: #1e6fff; --border-primary: #4f59661f; --text-white: #ffffff; --box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --theme-shadow-s1: rgba(0, 0, 0, .04); --theme-shadow-s2: rgba(0, 0, 0, .08); --theme-shadow-s3: rgba(0, 0, 0, .24); --theme-box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --theme-box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --theme-box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --box-shadow-s4: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --shadow-s2: rgba(0, 0, 0, .08); --light-card: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --light-indigoblue-50: #f1f3ff; --bg-linear-brand: linear-gradient(90deg, #f1e8ff 0%, #e6d9ff 100%); --bg-linear-brand-hover: linear-gradient(90deg, #dfd5f2 0%, #dfd5f2 100%); --bg-mask: rgba(0, 0, 0, .45); --box-shadow-color1: rgba(0, 0, 0, .04); --markdown-text-light: #24292f; --bill-dialog-bg: linear-gradient(180deg, #f3efff 0%, #fff 50%); --text-quaternary: #8c8c8c; --bg-gray-primary: #f5f5f5; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; position: relative; width: 100%; --padding-x: 16px } .monica-video-summary-FAQw2l :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .monica-video-summary-FAQw2l :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .monica-video-summary-FAQw2l .root-card-tQLvPR { width: 100%; border-radius: 10px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-menu-white) } .monica-video-summary-FAQw2l .root-card-tQLvPR .card-header-Qr8kvP { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: var(--padding-x) var(--padding-x) 0 } .monica-video-summary-FAQw2l .root-card-tQLvPR .card-header-Qr8kvP .rt-NIfOSM { display: flex; align-items: center; gap: 12px } .monica-video-summary-FAQw2l .root-card-tQLvPR .card-header-Qr8kvP .rt-NIfOSM .button-tab-item-okI2r3 { min-width: 65px; padding-top: 2px; padding-bottom: 2px } .monica-video-summary-FAQw2l .root-card-tQLvPR .card-content-Pioa39 { margin-top: 12px } .monica-video-summary-FAQw2l .root-card-tQLvPR .guide-box-iCiYQv .intro-93W0Fx { padding: 8px 0 24px; display: flex; justify-content: center; align-items: center; flex-direction: column } .monica-video-summary-FAQw2l .root-card-tQLvPR .guide-box-iCiYQv .intro-93W0Fx .title-suJS83 { margin-top: 12px; color: var(--theme-text-primary); text-align: center; font-size: 16px; font-weight: 600; line-height: 22px } .monica-video-summary-FAQw2l .root-card-tQLvPR .guide-box-iCiYQv .intro-93W0Fx .desc-U81Uag { margin-top: 4px; color: var(--theme-text-tertiary); text-align: center; font-size: 12px; line-height: 18px } .monica-video-summary-FAQw2l .root-card-tQLvPR .guide-box-iCiYQv .button-group-Grkek6 { display: flex; flex-direction: column; gap: 10px; margin-top: 12px } .monica-video-summary-FAQw2l .root-card-tQLvPR .guide-box-iCiYQv .button-group-Grkek6 .button-avJIi9 { border-radius: 8px } .monica-video-summary-FAQw2l .root-card-tQLvPR .guide-box-iCiYQv .button-group-Grkek6 .upgrade-zdbGAp { height: 32px; min-height: 32px; margin-bottom: 12px; color: var(--theme-text-white-primary); text-align: center; font-size: 14px; font-weight: 500; line-height: 20px } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-default-view-yGQXIK { padding: var(--padding-x) } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 { padding: 0 var(--padding-x); color: var(--theme-text-tertiary); font-size: 14px; position: relative } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1.mindmap-tab-3JBFLZ { padding-bottom: 12px } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 .skeleton-wrap-vw-Knl { padding: 0 4px; margin-bottom: 12px } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 .skeleton-wrap-vw-Knl .loading-desc-94-Tfv { margin-top: 12px; color: var(--theme-text-tertiary); text-align: center; font-size: 12px; line-height: 18px } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 .progress-zTaMj- { width: 100%; position: absolute; bottom: -12px; left: 0; height: 32px; border-radius: 10px; overflow: hidden; pointer-events: none } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 .out-progress-FjXq6O { position: absolute; left: 0; bottom: 0; display: flex; width: 100%; height: 4px; background-color: var(--theme-fill-tsp-blue); overflow: hidden } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 .out-progress-FjXq6O .inner-progress-d4zP33 { display: flex; width: 20%; background: var(--theme-tab-fill-active); border-radius: 20px } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 .summary-content-Le-u2D .divider-k1ouKq { border-top: 1px solid var(--theme-border-primary); margin: 12px 0 var(--padding-x) } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 .summary-content-Le-u2D .highlights-LMfffg { max-height: 350px } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 .summary-content-Le-u2D .highlights-LMfffg.loading-ki5EZ4 { margin-bottom: 12px } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 .summary-footer-BdnpHq { padding: 12px 0 var(--padding-x); display: flex; align-items: center; justify-content: space-between; gap: 12px } .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 .summary-footer-BdnpHq .lt-x9hrZ1, .monica-video-summary-FAQw2l .root-card-tQLvPR .summary-view--Tu5j1 .summary-footer-BdnpHq .rt-NIfOSM { display: flex; align-items: center; flex-wrap: wrap; gap: 12px } .monica-video-summary-FAQw2l:hover .corner-box-viJ-i8 { visibility: visible } @media print { .monica-video-summary-FAQw2l { display: none } } .share-popover-content-YvGpXn { border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); padding: 15px 20px 18px; width: 368px } .share-popover-content-YvGpXn .title-suJS83 { color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px } .share-popover-content-YvGpXn .input-group-5F2FBO { width: 100%; display: flex; flex-direction: row-reverse; margin-top: 10px } .share-popover-content-YvGpXn .input-group-5F2FBO .input-rh809- { flex: 1; min-width: 0; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; border-color: var(--theme-tab-fill-active) } .share-popover-content-YvGpXn .input-group-5F2FBO .input-rh809-:focus { background: var(--theme-fill-tsp-components-primary) } .share-popover-content-YvGpXn .input-group-5F2FBO .btn-5sSh8H:hover+input { border-color: var(--theme-border-primary) } .share-popover-content-YvGpXn .input-group-5F2FBO .copy-btn-aoeecc { border-top-left-radius: 0; border-bottom-left-radius: 0 } .share-tooltip-root-NNgwL6 { width: calc(100% - 32px) !important; max-width: unset } .share-tooltip-TuSL0D { position: absolute; left: 0; top: calc(100% + 10px); width: 100%; padding: 12px 16px; border-radius: 16px; background: var(--theme-bg-white); gap: 4px; color: var(--theme-icon-brand); font-size: 16px; font-weight: 600; box-shadow: var(--theme-box-shadow-s2); z-index: 1 } .share-tooltip-TuSL0D .arrow-top-XkNB0V { position: absolute; z-index: 2; top: -60px; left: 50%; transform: translate(-50%) scale(.2); width: 100px; height: 100px; overflow: hidden } .share-tooltip-TuSL0D .arrow-top-XkNB0V:after { content: ""; position: absolute; width: 50px; height: 50px; background: var(--theme-bg-white); transform: rotate(45deg); top: 75px; left: 25px; box-shadow: var(--theme-box-shadow-s3) } .share-tooltip-TuSL0D p { margin-top: 10px; color: var(--theme-icon-primary); font-size: 14px; line-height: 22px } .share-tooltip-TuSL0D .btn-wrap-TimXwc { display: flex; justify-content: flex-end } .err-msg--pE-Ak { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px; font-size: 14px; font-weight: 400; color: var(--theme-text-secondary) } .err-msg--pE-Ak .icon-Kzra0N { color: var(--theme-icon-quaternary) } .no-quota-ubjdgE .text-BCi-0X { font-size: 14px; line-height: 22px; color: var(--theme-text-primary) } .no-quota-ubjdgE .upgrade-zdbGAp { margin-top: 12px; display: inline-flex; height: 36px; min-height: 36px } .actions-x0F1-T { width: 100%; display: flex; align-items: center; gap: 10px } .actions-x0F1-T .action-btn-A-PI5y { height: auto; flex: 1; border-radius: 10px; padding: 6px 12px; line-height: 20px; white-space: wrap } .video-summary-toolbar-t8Qusd { display: inline-flex; align-items: center; gap: 4px } .video-summary-toolbar-t8Qusd .toolbar-btn-7vVu-U { padding: 4px; border-radius: 6px; color: var(--theme-icon-tertiary); cursor: pointer; font-size: 0 } .video-summary-toolbar-t8Qusd .toolbar-btn-7vVu-U svg path { fill-opacity: 1 } .video-summary-toolbar-t8Qusd .toolbar-btn-7vVu-U:hover { background-color: var(--theme-fill-tsp-components-secondary) } .video-summary-toolbar-t8Qusd .toolbar-btn-7vVu-U:active { background-color: var(--theme-fill-tsp-components-secondary-tertiary) } .video-summary-toolbar-t8Qusd .stop-btn-ogay-l { height: 28px; font-size: 14px; margin-right: 8px } .video-summary-toolbar-t8Qusd .stop-btn-ogay-l svg path { stroke: var(--theme-icon-tertiary) } .close-config-panel-729tBF { width: 202px; background: var(--theme-bg-menu-white); border-radius: 12px; border: 1px solid var(--theme-border-white); box-shadow: var(--theme-box-shadow-s2); padding: 10px 8px } .close-config-panel-729tBF .config-list-H6rG5r { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px } .close-config-panel-729tBF .config-item-AYMc4u { width: 100%; border-radius: 8px; cursor: pointer; font-size: 14px; line-height: 22px; padding: 4px 8px; color: var(--theme-text-primary) } .close-config-panel-729tBF .config-item-AYMc4u:hover { background-color: var(--theme-fill-tsp-components-secondary) } .close-config-panel-729tBF .config-item-AYMc4u:active { background-color: var(--theme-fill-tsp-components-tertiary) } .close-config-panel-729tBF .divider-i5F-5a { width: 100%; height: 1px; background: var(--theme-border-primary); margin: 4px 0 } .close-config-panel-729tBF .config-footer-0tiqvj { margin-top: 8px; padding: 4px 8px; font-size: 14px; line-height: 18px; color: var(--theme-text-quaternary) } .lang-select-5fHrb1 { width: 200px; height: 320px; padding: 8px; background: var(--theme-bg-menu-white); border-radius: 12px; border: 1px solid var(--theme-border-white); box-shadow: var(--theme-box-shadow-s2) } .pdf-toolbar-h8c5W9 { position: relative } .divider-CcBLze { width: 1px; height: 12px; flex: 0 0 1px; background: var(--theme-border-primary) } .toolbar-actions-r24fxI { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden } .toolbar-actions-r24fxI .tool-66pXQ9 { display: inline-flex; align-items: center; padding: 4px 6px; gap: 4px; font-size: 13px; font-weight: 500; line-height: 20px; color: var(--theme-text-secondary); cursor: pointer; white-space: nowrap; border-radius: 6px } .toolbar-actions-r24fxI .tool-66pXQ9:hover { background-color: var(--theme-fill-tsp-components-secondary) } .toolbar-actions-r24fxI .tool-66pXQ9:active { opacity: .8 } .toolbar-actions-r24fxI .tool-66pXQ9.uploading-xtdJ68 { opacity: .4; cursor: not-allowed } .scholar-toolbar-Y2ns2Y { position: absolute } .scholar-toolbar-Y2ns2Y .corner-box-qLChea { position: absolute; top: -7px; right: -4px; z-index: 20; visibility: hidden } .scholar-toolbar-Y2ns2Y .corner-box-qLChea.close-popover-open-M8xMR9, .scholar-toolbar-Y2ns2Y:hover .corner-box-qLChea { visibility: visible } .scholar-toolbar-Y2ns2Y .toolbar-actions-r24fxI { background-color: var(--theme-bg-white); border: 1px solid var(--theme-border-light); border-radius: 8px; padding: 2px 0 2px 2px; gap: 2px } .scholar-toolbar-Y2ns2Y .addon-logo-6jOGpt { border-left: 1px solid var(--theme-border-light); width: 32px; display: inline-flex; align-items: center; justify-content: center; align-self: stretch; margin-top: -2px; margin-bottom: -2px } .scholar-toolbar-Y2ns2Y .logo-btn-jmKyv0 { border-radius: 6px; width: 28px; height: 28px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center } .scholar-toolbar-Y2ns2Y .logo-btn-jmKyv0:hover { background-color: var(--theme-fill-tsp-components-secondary) } .scholar-toolbar-Y2ns2Y .logo-btn-jmKyv0:active { opacity: .8 } .arxiv-toolbar-SyBU2y { border: 1px solid var(--theme-border-primary); border-radius: 8px; overflow: hidden; margin: 10px -8px 0; background-color: var(--theme-bg-white) } .arxiv-toolbar-SyBU2y .close-box-dLRwDg { background-color: transparent; color: var(--theme-icon-quaternary) } .arxiv-toolbar-SyBU2y .close-box-dLRwDg:hover { color: var(--theme-icon-secondary) } .arxiv-toolbar-SyBU2y .close-box-dLRwDg:hover { color: var(--theme-icon-primary) } .arxiv-toolbar-SyBU2y .header--wNd8- { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: space-between; background-color: var(--theme-fill-tsp-components-secondary); padding: 4px 8px; border-bottom: 1px solid var(--theme-border-primary) } .arxiv-toolbar-SyBU2y .logo-mE-CME { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; line-height: 20px; color: var(--theme-text-secondary) } .arxiv-toolbar-SyBU2y .corner-box-qLChea { visibility: visible } .arxiv-toolbar-SyBU2y .toolbar-actions-r24fxI { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px } .arxiv-toolbar-SyBU2y .toolbar-actions-r24fxI .tool-66pXQ9 { flex: 1 1 40%; overflow: hidden } .arxiv-toolbar-SyBU2y .toolbar-actions-r24fxI .tool-66pXQ9 .name-IaSJIj { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis } .upload-file-alert-us-KrZ { border-radius: 12px; border: 1px solid var(--theme-btn-fill-tertiary-hover); background: var(--theme-bg-white); box-shadow: 0 7px 12px -4px #8288ba1f; position: fixed; right: 12px; top: 16px; z-index: 5000; padding: 12px 16px; min-width: 278px } .upload-file-alert-us-KrZ .title-CJ7cwo { color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; gap: 8px; display: flex; align-items: center } .upload-file-alert-us-KrZ .title-CJ7cwo .close-RxfZbH { margin-left: auto; color: var(--theme-btn-fill-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center } .upload-file-alert-us-KrZ .title-CJ7cwo .close-RxfZbH:hover { color: var(--transparent-black-45) } .upload-file-alert-us-KrZ .content-ug9Dxk { margin-top: 10px; border-top: 1px solid var(--theme-border-primary); padding-top: 8px } .upload-file-alert-us-KrZ .content-ug9Dxk .tips-title-IhVgCi { color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .upload-file-alert-us-KrZ .content-ug9Dxk .tips-content-1x3917 { color: var(--theme-text-tertiary); font-size: 13px; font-style: normal; font-weight: 400; line-height: 20px } .upload-file-alert-us-KrZ .content-ug9Dxk .retry-TM8Zzv { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-link); display: flex; align-items: center; gap: 4px } .upload-file-alert-us-KrZ .content-ug9Dxk .retry-TM8Zzv:hover { opacity: .8 } .translate-link-uQg138 a { color: -webkit-link } .translate-link-uQg138 a:hover { text-decoration: underline } .translate-toggle-kc3aVV { position: fixed; top: 70px; right: 20px; display: flex; gap: 4px; align-items: center; font-size: 13px; white-space: nowrap; padding: 6px 4px; color: #fff; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #0d6efd; border-radius: .375rem; background-color: #0d6efd; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } .translate-toggle-kc3aVV.primary-y8O6gk { background-color: #b31b1b; border-color: var(--secondary-text-color) } .translate-toggle-kc3aVV.primary-y8O6gk:hover { text-decoration: none; background-color: var(--rp-button-hover-color); color: #000 } .root-widget-GexI89 { --common-white: #fff; --common-black: #000; --text-title: #232329; --text-body: #545c66; --icon-disable: #dadee3; --text-secondary: #8a939d; --border-weak: rgba(79, 89, 102, .08); --text-primary: #212b36; --btn-border: #4f596614; --border-medium: rgba(79, 89, 102, .12); --border-brand: #6841ea; --border-light: rgba(79, 89, 102, .08); --border-light-hover: #e6e7e8; --text-brand: #6841ea; --text-white-secondary: #ffffffa6; --bg-lv1: #f5f5f5; --bg-lv2: #ffffff; --bg-lv3: #f9fafb; --bg-lv4: #fafafa; --bg-nav: #ececee; --bg-yellow: #eb9001; --bg-lv1-hover: #f1f2f3; --bg-lv2-hover: #f2f2f2; --text-tertiary: #595959; --text-disable: #c0c5cc; --fill-tsp-components: rgba(48, 57, 68, .08); --fill-tsp-components-v2: rgba(79, 89, 102, .08); --fill-components: #ececee; --btn-fill-secondary-hover: #e7eaee; --btn-fill-primary-hover: #9373ff; --btn-fill-secondary-active: #c0c5cc; --btn-fill-secondary: #dadee3; --icon-brand: #6841ea; --label-fill-brand: rgba(104, 65, 234, .08); --btn-fill-brand-primary: #6841ea; --transparent-brand-dark-8: rgba(118, 90, 208, .08); --text-white-primary: #fff; --btn-fill-brand-secondary-default: #f0ebff; --label-fill-primary: #edeff2; --icon-quaternary: #20262e; --border-active: #6841ea; --border-quaternary: rgba(79, 89, 102, .24); --icon-nav: #8a939d; --function-warning: #ffab00; --function-success: #00aa5b; --web-text-on-light-3-grey-600: #637381; --web-text-on-light-1-grey-800: #212b36; --fill-btn-dark: rgba(0, 0, 0, .05); --web-text-on-light-4-grey-500: #919eab; --icon-free: #00c514; --common-85: rgba(0, 0, 0, .85); --btn-fill-brand-primary-default: #6841ea; --btn-fill-brand-secondary: #dfd5fe; --btn-fill-brand-secondary-hover: #f0ebff; --btn-fill-brand-secondary-hover2: #d5cbf2; --btn-fill-brand-secondary-active: #b8a3fb; --tab-fill: rgba(79, 89, 102, .08); --tab-fill-brand-active: #f0ebff; --tooltips-fill: rgba(0, 0, 0, .85); --transparent-white-8: rgba(255, 255, 255, .08); --transparent-white-24: rgba(255, 255, 255, .24); --transparent-white-30: rgba(255, 255, 255, .3); --transparent-white-32: hsla(0, 0%, 100%, .32); --transparent-white-40: rgba(255, 255, 255, .4); --transparent-white-45: rgba(255, 255, 255, .45); --transparent-white-65: rgba(255, 255, 255, .65); --transparent-white-80: rgba(255, 255, 255, .8); --transparent-white-82: rgba(255, 255, 255, .82); --transparent-white-85: rgba(255, 255, 255, .85); --transparent-white-95: rgba(255, 255, 255, .95); --transparent-white-12: rgba(255, 255, 255, .12); --transparent-black-5: rgba(0, 0, 0, .05); --transparent-black-8: rgba(0, 0, 0, .08); --transparent-black-25: rgba(0, 0, 0, .25); --transparent-black-30: rgba(0, 0, 0, .3); --transparent-black-32: rgba(0, 0, 0, .32); --transparent-black-40: rgba(0, 0, 0, .4); --transparent-black-45: rgba(0, 0, 0, .45); --transparent-black-55: rgba(0, 0, 0, .55); --transparent-black-60: rgba(0, 0, 0, .6); --transparent-black-65: rgba(0, 0, 0, .65); --transparent-black-80: rgba(0, 0, 0, .8); --transparent-black-85: rgba(0, 0, 0, .85); --transparent-black-90: rgba(0, 0, 0, .9); --primaryblue-25: #fafcff; --primaryblue-50: #edf3ff; --primaryblue-30: #5d98ff; --primaryblue-300: #5d98ff; --primaryblue-400: #1e6fff; --primaryblue-500: #185ceb; --red-900: #420505; --red-800: #761212; --red-700: #c61f1e; --red-600: #e02423; --red-500: #ea3639; --red-400: #ff4747; --red-300: #ff7271; --red-200: #ffa4a3; --red-100: #ffcccb; --red-50: #ffeeee; --red-25: #fff7f7; --function-error: #ff4747; --light-red-400: #ff4747; --brand-900: #15044c; --brand-800: #220876; --brand-700: #3818a1; --brand-600: #4a26bf; --brand-500: #522bd6; --brand-400: #6841ea; --brand-300: #9373ff; --brand-200: #b8a3fb; --brand-100: #dfd5fe; --brand-50: #f0ebff; --brand-25: #fcfbfe; --light-brand-400: #6841ea; --light-acidblue-400: #3bbfff; --light-acidblue-500: #2ca1e6; --light-cyan-400: #00c5e6; --light-orange-100: #ffd7be; --light-orange-400: #ff5e2f; --light-orange-600: #e04a18; --transparent-brand-8: rgba(142, 108, 255, .08); --transparent-brand-24: rgba(106, 67, 234, .24); --transparent-brand-45: rgba(106, 67, 234, .45); --transparent-brand-65: rgba(106, 67, 234, .65); --grayblue-900: #191e24; --grayblue-800: #20262e; --grayblue-700: #3c434d; --grayblue-600: #545c66; --grayblue-500: #858e99; --grayblue-400: #c0c5cc; --grayblue-300: #dadee3; --grayblue-200: #ebeef2; --grayblue-100: #f4f6f8; --grayblue-50: #f9fafb; --grayblue-8: #eff0f1; --transparent-grayblue-4: rgba(3, 46, 103, .04); --transparent-grayblue-6: rgba(3, 46, 103, .06); --transparent-grayblue-8: rgba(79, 89, 102, .08); --transparent-grayblue-12: rgba(79, 89, 102, .12); --transparent-grayblue-16: rgba(79, 89, 102, .16); --transparent-grayblue-32: rgba(79, 89, 102, .32); --transparent-grayblue-45: rgba(79, 89, 102, .45); --transparent-grayblue-65: rgba(79, 89, 102, .65); --transparent-grayblue-24: rgba(79, 89, 102, .24); --transparent-grayblue-light-8: rgba(79, 89, 102, .08); --transparent-grayblue-dark-24: rgba(162, 177, 215, .24); --transparent-brand-light-8: rgba(104, 65, 234, .08); --transparent-brand-light-24: rgba(104, 65, 234, .24); --transparent-brand-light-45: rgba(104, 65, 234, .45); --light-grayblue-300: #dadee3; --light-grayblue-400: #c0c5cc; --light-grayblue-800: #20262e; --light-grayblue-500: #69707e; --light-grayblue-500-8: rgba(79, 89, 102, .08); --light-gray-200: #ececee; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #f4f6f8; --gray-300: #dbdbdb; --gray-400: #c2c2c2; --gray-500: #8c8c8c; --gray-600: #595959; --gray-800: #242424; --gray-900: #1a1a1a; --indigoblue-400: #546dfe; --green-50: #e9fbf5; --green-400: #00aa5b; --green-500: #3ca373; --purple-50: #fcf2fd; --purple-400: #a55bf6; --purple-200: #deb3fb; --purple-100: #f0d5fe; --purple-500: #c37ff1; --yellow-300: #ffcd00; --yellow-400: #ffab00; --yellow-600: #e07800; --yellow-50: #fdfae9; --yellow-800: #ff6b00; --light-yellow-50: #fdfae9; --border-yellow: #ffe5a3; --icon-secondary: #8a939d; --icon-primary: #545c66; --text-link: #1e6fff; --border-primary: #4f59661f; --text-white: #ffffff; --box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --theme-shadow-s1: rgba(0, 0, 0, .04); --theme-shadow-s2: rgba(0, 0, 0, .08); --theme-shadow-s3: rgba(0, 0, 0, .24); --theme-box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --theme-box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --theme-box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --box-shadow-s4: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --shadow-s2: rgba(0, 0, 0, .08); --light-card: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --light-indigoblue-50: #f1f3ff; --bg-linear-brand: linear-gradient(90deg, #f1e8ff 0%, #e6d9ff 100%); --bg-linear-brand-hover: linear-gradient(90deg, #dfd5f2 0%, #dfd5f2 100%); --bg-mask: rgba(0, 0, 0, .45); --box-shadow-color1: rgba(0, 0, 0, .04); --markdown-text-light: #24292f; --bill-dialog-bg: linear-gradient(180deg, #f3efff 0%, #fff 50%); --text-quaternary: #8c8c8c; --bg-gray-primary: #f5f5f5; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .root-widget-GexI89 ._monica-theme-d2f2b383 { --theme-text-primary: #262626; --theme-text-title: #232329; --theme-text-secondary: #404040; --theme-text-tertiary: #595959; --theme-text-quaternary: #8c8c8c; --theme-text-disable: #bdbdbd; --theme-text-white-primary: #ffffff; --theme-text-white-secondary: #ffffff; --theme-text-link: #1e6fff; --theme-text-link-active: #1e6fff; --theme-text-brand: #6841ea; --theme-text-btn-tertiary: #6841ea; --theme-icon-primary: #222226; --theme-icon-secondary: #3d3d43; --theme-icon-tertiary: #55555d; --theme-icon-quaternary: #868692; --theme-icon-disable: #d9d9dd; --theme-icon-white-primary: #ffffff; --theme-icon-white-secondary: #ffffff; --theme-icon-brand: #6841ea; --theme-icon-btn-tertiary: #6841ea; --theme-btn-tsp-brand: rgba(104, 65, 234, .12); --theme-btn-tsp-brand-hover: rgba(104, 65, 234, .24); --theme-btn-fill-primary: #6841ea; --theme-btn-fill-primary-hover: #9373ff; --theme-btn-fill-primary-active: #522bd6; --theme-btn-fill-secondary: #ececee; --theme-btn-fill-secondary-hover: #f5f5f5; --theme-btn-fill-secondary-active: #d9d9dd; --theme-btn-fill-tertiary: #f0ebff; --theme-btn-fill-tertiary-hover: #dfd5fe; --theme-btn-fill-tertiary-active: #b8a3fb; --theme-btn-border-primary: #4f59661f; --theme-btn-border-secondary: #4f596614; --theme-fill-gray: #fafafa; --theme-btn-tsp-white: #ffffffd9; --theme-btn-tsp-white-hover: #ffffffa6; --theme-fill-tsp-components-primary: #4f59661f; --theme-fill-tsp-components-secondary: #4f596614; --theme-fill-tsp-components-tertiary: #4f59660a; --theme-fill-btn-primary: #ececee; --theme-fill-btn-secondary: #f5f5f5; --theme-fill-white: #ffffff; --theme-fill-tsp-blue: #185ceb14; --theme-fill-tsp-brand: #6841ea14; --theme-fill-tsp-brand-primary: #6841eabf; --theme-fill-tsp-brand-secondary: #6841ea73; --theme-fill-tsp-brand-tertiary: #6841ea3d; --theme-fill-tsp-gray: #4f596652; --theme-fill-black-none: #252528; --theme-fill-white-none: #ffffff; --theme-label-tsp-brand-primary: #6841ea1f; --theme-label-tsp-brand-secondary: #6841ea14; --theme-border-light: #4f596614; --theme-border-primary: #4f59661f; --theme-border-quaternary: #4f596633; --theme-border-active: #6841ea; --theme-border-white: #ffffff0a; --theme-tab-fill: #4f596614; --theme-tab-fill-active: #222226; --theme-tooltips-fill: #000000d9; --theme-bg-white: #ffffff; --theme-bg-gray-primary: #f5f5f5; --theme-bg-gray-secondary: #fafafa; --theme-bg-mask: #00000073; --theme-bg-menu-white: #ffffff; --theme-bg-menu-gray: #f5f5f5; --theme-bg-tsp-gray-primary: #f5f5f5e6; --theme-bg-tsp-white-primary: #ffffffd9; --theme-bg-gray-nav: #ececee; --theme-bg-tsp-white-secondary: #ffffff73; --theme-bg-custom-01: #fffc; --theme-function-info: #3bbfff; --theme-function-success: #00aa5b; --theme-function-warning: #ffab00; --theme-function-error: #ea3639; --theme-function-error-hover: #e02423; --theme-function-error-border: #ffa4a3; --theme-function-warning-light: #fdfae9; --theme-function-warning-border: #ffe266; --theme-shadow-s1: rgba(0, 0, 0, .04); --theme-shadow-s2: rgba(0, 0, 0, .08); --theme-shadow-s3: rgba(0, 0, 0, .24); --theme-box-shadow-s1: 0px 1px 20px 0px var(--theme-shadow-s1); --theme-box-shadow-s2: 0px 8px 24px 0px var(--theme-shadow-s2), 0px 0px 1px 0px var(--theme-shadow-s2); --theme-box-shadow-s3: 0px 12px 40px -4px var(--theme-shadow-s3), 0px 0px 2px 0px var(--theme-shadow-s2); --theme-gradient-white-not: rgba(255, 255, 255, 0); --theme-gradient-white-main: rgba(255, 255, 255, .45); --theme-gradient-brand-light: rgba(104, 65, 234, .08); --theme-gradient-white-not-secondary: rgba(255, 255, 255, 0); --theme-gradient-white: #fff } .root-widget-GexI89 ._monica-theme-d2f2b383._monica-dark { --theme-text-primary: #f3f3f3; --theme-text-title: #f3f3f3; --theme-text-secondary: #dbdbdb; --theme-text-tertiary: #aaaaaa; --theme-text-quaternary: #7a7a7a; --theme-text-disable: #4c4c4c; --theme-text-white-primary: #e9eaed; --theme-text-white-secondary: #e9eaed; --theme-text-link: #5e8cff; --theme-text-link-active: #3767eb; --theme-text-brand: #9880f8; --theme-text-btn-tertiary: #c0b6fc; --theme-icon-primary: #f3f3f4; --theme-icon-secondary: #bfbfc4; --theme-icon-tertiary: #a7a7ae; --theme-icon-quaternary: #77777e; --theme-icon-disable: #4a4a4f; --theme-icon-white-primary: #f3f3f4; --theme-icon-white-secondary: #f3f3f4; --theme-icon-brand: #9880f8; --theme-icon-btn-tertiary: #c0b6fc; --theme-btn-tsp-brand: rgba(130, 100, 238, .12); --theme-btn-tsp-brand-hover: rgba(104, 65, 234, .24); --theme-btn-fill-primary: #8264ee; --theme-btn-fill-primary-hover: #6349c2; --theme-btn-fill-primary-active: #55429a; --theme-btn-fill-secondary: #56565f3d; --theme-btn-fill-secondary-hover: #56565f52; --theme-btn-fill-secondary-active: #56565f52; --theme-btn-fill-tertiary: #4e4181; --theme-btn-fill-tertiary-hover: #3f3663; --theme-btn-fill-tertiary-active: #352f4c; --theme-btn-border-primary: #a2b1d733; --theme-btn-border-secondary: #a2b1d71f; --theme-btn-tsp-white: #0000003d; --theme-btn-tsp-white-hover: #ffffff52; --theme-fill-tsp-components-primary: #56565f52; --theme-fill-tsp-components-secondary: #56565f33; --theme-fill-tsp-components-tertiary: #56565f1f; --theme-fill-btn-primary: #2d2d2f; --theme-fill-btn-secondary: #252528; --theme-fill-white: #0000003d; --theme-fill-tsp-blue: #5e8cff1f; --theme-fill-tsp-brand: #8264ee1f; --theme-fill-tsp-brand-primary: #8264eed9; --theme-fill-tsp-brand-secondary: #8264eea6; --theme-fill-tsp-brand-tertiary: #8264ee73; --theme-fill-gray: #2d2d2f; --theme-fill-tsp-gray: #56565fa6; --theme-fill-black-none: #2d2d2f; --theme-fill-white-none: #ffffff; --theme-label-tsp-brand-primary: #8264ee3d; --theme-label-tsp-brand-secondary: #8264ee1f; --theme-border-light: #56565f33; --theme-border-primary: #56565f52; --theme-border-quaternary: #56565f73; --theme-border-active: #9880f8; --theme-border-white: #ffffff0a; --theme-tab-fill: #56565f1f; --theme-tab-fill-active: #77777e; --theme-tooltips-fill: #000000f2; --theme-bg-white: #202020; --theme-bg-gray-primary: #252528; --theme-bg-gray-secondary: #1b1b1d; --theme-bg-mask: #00000073; --theme-bg-menu-white: #282828; --theme-bg-menu-gray: #2d2d2f; --theme-bg-tsp-gray-primary: #252528e6; --theme-bg-tsp-white-primary: #282828d9; --theme-bg-gray-nav: #2d2d2f; --theme-bg-tsp-white-secondary: #0000003d; --theme-bg-custom-01: #333c; --theme-function-info: #0f76bc; --theme-function-success: #278056; --theme-function-warning: #b07807; --theme-function-error: #8e2827; --theme-function-error-hover: #e02423; --theme-function-error-border: #742525; --theme-function-warning-light: #443518; --theme-function-warning-border: #634b1b; --theme-shadow-s1: rgba(0, 0, 0, .24); --theme-shadow-s2: rgba(0, 0, 0, .32); --theme-shadow-s3: rgba(0, 0, 0, .45); --theme-gradient-white-not: rgba(255, 255, 255, 0); --theme-gradient-white-main: rgba(255, 255, 255, .16); --theme-gradient-brand-light: rgba(130, 100, 238, .08); --theme-gradient-white-not-secondary: rgba(40, 40, 40, 0); --theme-gradient-white: #282828 } .root-widget-GexI89 :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .root-widget-GexI89 :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .git-hub-repo-enhance-oDhBvR { --padding: 16px; border-radius: 16px; border: 1px solid var(--theme-fill-tsp-components-primary); background: var(--theme-bg-white); padding: var(--padding) 0; margin: 1rem 0; position: relative; width: 320px } @media (max-width: 1380px) { .git-hub-repo-enhance-oDhBvR { width: unset } } .git-hub-repo-enhance-oDhBvR .header-ZQmAkM { display: flex; align-items: center; margin-bottom: 12px; padding: 0 var(--padding) } .git-hub-repo-enhance-oDhBvR .header-ZQmAkM .actions-v-UCHD { margin-left: auto; display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex: 1; min-width: 0; padding-left: 8px } .git-hub-repo-enhance-oDhBvR .home-view-uWyMct { display: flex; flex-direction: column; justify-content: center; margin: 0 var(--padding) } .git-hub-repo-enhance-oDhBvR .home-view-uWyMct .home-view-logo-v3Y-oS { margin-bottom: 12px; margin-top: 16px } .git-hub-repo-enhance-oDhBvR .home-view-uWyMct .home-view-title-5fe4Qf { color: var(--theme-text-primary); text-align: center; font-size: 16px; font-weight: 500; line-height: 22px; margin-bottom: 4px } .git-hub-repo-enhance-oDhBvR .home-view-uWyMct .home-view-desc-K2AcoH { color: var(--theme-text-tertiary); text-align: center; font-size: 12px; font-weight: 400; line-height: 18px } .git-hub-repo-enhance-oDhBvR .home-view-uWyMct .home-view-button-27LVOs { margin-top: 24px } .git-hub-repo-enhance-oDhBvR .loading-skeleton-WKI9MJ { padding: 0 var(--padding); display: flex; flex-direction: column; gap: 12px } .git-hub-repo-enhance-oDhBvR .loading-skeleton-WKI9MJ .skeleton-item-SfGVC- { display: flex; height: 20px; width: 100%; min-height: 20px; border-radius: 12px; background: linear-gradient(90deg, var(--theme-shadow-s1) 25%, var(--theme-shadow-s2) 37%, var(--theme-shadow-s1) 63%); background-size: 400% 100%; animation-name: skeleton-loading-fEnoUb; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } @keyframes skeleton-loading-fEnoUb { 0% { background-position: 100% 50% } to { background-position: 0 50% } } .git-hub-repo-enhance-oDhBvR .summarize-result-bnZTjP { padding: 0 var(--padding) } .git-hub-repo-enhance-oDhBvR .summarize-result-extra-IrcjOJ { border-top: 1px solid var(--theme-fill-tsp-components-primary); padding: 0 var(--padding); margin-top: 12px } .git-hub-repo-enhance-oDhBvR .summarize-result-extra-IrcjOJ .question-title-IanWCD { margin-top: 12px; color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .git-hub-repo-enhance-oDhBvR .summarize-result-extra-IrcjOJ .question-E5ZuYx { margin-top: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 8px 12px; border-radius: 4px 20px 20px; border: 1px solid var(--theme-fill-tsp-components-primary); color: var(--theme-text-primary); font-size: 14px; line-height: 22px; transition: background .2s } .git-hub-repo-enhance-oDhBvR .summarize-result-extra-IrcjOJ .question-E5ZuYx:hover { background: var(--theme-fill-tsp-components-primary) } .git-hub-repo-enhance-oDhBvR .summarize-result-extra-IrcjOJ .footer-peWOHD { margin-top: 20px; display: flex; align-items: center } .git-hub-repo-enhance-oDhBvR .summarize-result-extra-IrcjOJ .footer-peWOHD .toolbar-cK9sfE { margin-left: auto; display: flex; align-items: center; gap: 8px } .compare-models-popover-4KR5NM { width: 176px; border-radius: 12px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); padding: 8px; display: flex; flex-direction: column; gap: 4px } .compare-models-popover-4KR5NM .title-SUDg8G { color: var(--theme-text-quaternary); font-size: 13px; line-height: 20px; display: flex; align-items: center } .compare-models-popover-4KR5NM .title-SUDg8G .action-EeVLn3 { margin-left: auto; display: flex; align-items: center } .compare-models-popover-4KR5NM .bot-item-pMvpdo { padding: 4px 6px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transition: background .2s; display: flex; align-items: center; gap: 4px } .compare-models-popover-4KR5NM .bot-item-pMvpdo:hover { background: var(--theme-bg-gray-primary) } .compare-models-popover-4KR5NM .bot-item-pMvpdo .bot-item-avatar-rAiueN { width: 16px; height: 16px; border-radius: 16px } .compare-models-popover-4KR5NM .bot-item-pMvpdo .bot-item-name-WDJRly { color: var(--theme-text-primary); font-size: 12px; font-weight: 500; line-height: 22px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .page-extra-window--rG3TB { display: flex; inset: 0; position: fixed; pointer-events: none; z-index: 6 } .action-menu-CuIXwz { position: relative; width: 40px; height: 40px; border-radius: 50%; background-color: var(--theme-bg-white); box-shadow: 0 8px 20px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); display: flex; align-items: center; justify-content: center; color: var(--theme-icon-quaternary); transition: all .2s ease-in-out } .action-menu-CuIXwz .action-menu-inner-qkUa-K { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .action-menu-CuIXwz .action-menu-inner-qkUa-K:hover { background-color: var(--theme-btn-fill-tertiary-hover); color: var(--theme-text-btn-tertiary) } .action-menu-CuIXwz .setting-menu-panel-zpfvxo { cursor: default; position: absolute; bottom: 0; right: 40px; padding-right: 12px; box-sizing: border-box; display: flex; flex-direction: column; gap: 4px; z-index: 99 } .action-menu-CuIXwz .setting-menu-panel-zpfvxo.left-kzAvaR { left: 40px; padding-left: 12px } .action-menu-CuIXwz .setting-menu-panel-zpfvxo.bottom-VA-Iw9 { top: 0 } .action-history-ELowv7 { width: 100%; overflow: hidden; display: flex; flex-direction: column; height: 433px } .action-history-ELowv7.hide-B-bGLZ { display: none } .action-history-ELowv7 .header--y-cuk { display: flex; width: 100%; border-bottom: 1px solid var(--theme-border-light); padding: 0 8px 14px 16px; gap: 6px; align-items: center } .action-history-ELowv7 .header--y-cuk .title-wnHhMt { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 20px; display: flex; justify-content: space-between; align-items: center; width: 100% } .action-history-ELowv7 .header--y-cuk .title-wnHhMt .inner-xkXR8s { cursor: pointer; display: inline } .action-history-ELowv7 .header--y-cuk .title-wnHhMt .back-SjaJdH { position: relative; top: 3px; margin-inline-end: 6px } .action-history-ELowv7 .scroll-wrapper-Fr8JEC { width: 100%; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; height: 100% } .action-history-ELowv7 .scroll-wrapper-Fr8JEC::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .action-history-ELowv7 .scroll-wrapper-Fr8JEC::-webkit-scrollbar-track { background: transparent } .action-history-ELowv7 .scroll-wrapper-Fr8JEC::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .action-history-ELowv7 .scroll-wrapper-Fr8JEC::-webkit-scrollbar-thumb:hover { background: #00000062 } .action-history-ELowv7 .scroll-wrapper-Fr8JEC::-webkit-scrollbar-corner { background: transparent } .action-history-ELowv7 .scroll-wrapper-Fr8JEC .list-h8Z0qJ { display: flex; padding: 12px 16px 16px; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch } .history-item-V0hK1E { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; gap: 6px; border-radius: 8px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-menu-white); padding: 10px 12px; align-self: stretch } .history-item-V0hK1E:hover { background: var(--theme-fill-tsp-components-tertiary) } .history-item-V0hK1E .title-wnHhMt { color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; display: flex; gap: 8px; align-items: center } .history-item-V0hK1E .title-wnHhMt .icon-wrapper-drsKiF { display: flex; padding: 6px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; border: .5px solid var(--theme-border-primary); background: var(--theme-bg-menu-white); box-shadow: 0 1px 1px 0 var(--theme-shadow-s3) } .history-item-V0hK1E .content-sjr-g7 { color: var(--theme-text-secondary); overflow: hidden; font-size: 13px; line-height: 20px } .history-item-V0hK1E .footer-UW7NSl { color: var(--theme-text-disable); display: flex; gap: 12px; align-items: center; font-size: 12px; line-height: 18px; width: 100% } .history-item-V0hK1E .footer-UW7NSl .divider-tlblXu { width: 1px; height: 10px; background: var(--theme-border-primary) } .history-item-V0hK1E .footer-UW7NSl .toolbar-0J1lOf { margin-left: auto } .history-item-V0hK1E .footer-UW7NSl .time-A1jpsU { white-space: nowrap } .empty-RzYmkM { display: flex; padding: 4px 0; flex-direction: column; justify-content: center; align-items: center; gap: 4px; align-self: stretch; height: 100%; margin-top: -40px } .empty-RzYmkM .img-hbVsof { width: 80px; height: 80px } .empty-RzYmkM .empty-title--Xahjb { line-height: 22px; font-size: 14px; font-weight: 500; text-align: center } .empty-RzYmkM .empty-desc-RrgsZR { line-height: 18px; font-size: 12px; color: var(--theme-text-quaternary); text-align: center; padding-bottom: 6px } .podcast-setting-pJmroZ { display: flex; min-width: 220px; width: max-content; padding: 12px 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 -.5px 8px 0 var(--theme-fill-tsp-brand), 0 0 1px 0 var(--theme-shadow-s2), 0 8px 20px 0 var(--theme-shadow-s2) } .podcast-setting-pJmroZ .title--fu21w { border-bottom: 1px solid var(--theme-border-light); display: flex; padding: 0 12px 10px 16px; justify-content: space-between; align-items: center; align-self: stretch } .podcast-setting-pJmroZ .auto-5AkELl { display: flex; padding: 0 16px; gap: 4px; justify-content: space-between; width: 100% } .podcast-setting-pJmroZ .auto-5AkELl .left-ncwZ6S { display: flex; align-items: center; gap: 4px } .podcast-setting-pJmroZ .auto-5AkELl .notice-vxPueB { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center } .reading-setting-m4A4tN { display: flex; min-width: 220px; width: max-content; padding: 12px 0; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: 0 -.5px 8px 0 var(--theme-fill-tsp-brand), 0 0 1px 0 var(--theme-shadow-s2), 0 8px 20px 0 var(--theme-shadow-s2); color: var(--theme-text-primary) } .reading-setting-m4A4tN .title-DQdsRD { border-bottom: 1px solid var(--theme-border-light); display: flex; padding: 0 12px 10px 16px; justify-content: space-between; align-items: center; align-self: stretch } .reading-setting-m4A4tN .auto-HkRw8u { display: flex; padding: 0 16px; gap: 4px; justify-content: space-between; width: 100% } .reading-setting-m4A4tN .auto-HkRw8u .left-3-ndd1 { display: flex; align-items: center; gap: 4px } .reading-setting-m4A4tN .auto-HkRw8u .notice-UowQP9 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center } .reading-setting-m4A4tN .default-iImXiH { padding: 0 16px; display: flex; gap: 6px; width: 100%; white-space: nowrap; flex-direction: column } .empty-Ywi-Da { flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 4px } .empty-Ywi-Da .empty-logo-4Z0XnS { width: 80px; height: 80px; display: flex; flex-direction: row; justify-content: center; align-items: center } .empty-Ywi-Da .empty-title-iC-o99 { color: var(--theme-text-secondary); font-size: 14px; font-weight: 500; line-height: 22px } .empty-Ywi-Da .empty-desc-RhrnNa { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; font-weight: 400; margin-bottom: 8px } .multiple-lang-setting-5TMd6S { display: flex; padding: 12px 12px 12px 16px; justify-content: space-between; align-items: center; align-self: stretch; border-radius: 12px; border: 1px solid var(--theme-border-primary) } .multiple-lang-setting-5TMd6S .label-zix7zO { color: var(--theme-text-tertiary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; margin-right: 16px } .multiple-lang-setting-5TMd6S .label-zix7zO .languages-l6m5lr { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden } .form-item-8lnrPM { display: flex; flex-direction: column; gap: 6px; width: 100%; margin-bottom: 18px; position: relative } .form-item-8lnrPM .title-0e6WeF { display: flex; color: var(--theme-text-secondary); font-size: 14px; font-weight: 500; line-height: 22px; justify-content: space-between; align-items: center } .form-item-8lnrPM.error-lIBw3X .monica-input { border-color: var(--theme-function-error) } .form-item-8lnrPM.error-lIBw3X .error-msg-WcuUoE { color: var(--theme-function-error); position: absolute; left: 0; bottom: -20px } .language-setting-jp7GMU { border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2); display: flex; padding: 20px 20px 0; flex-direction: column; align-items: flex-start; gap: 16px; max-height: 650px } .language-setting-jp7GMU .header-L-52Z- { font-weight: 500 } .language-setting-jp7GMU .inner-2dXaAi { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch } .language-setting-jp7GMU .inner-2dXaAi .setting-RL9-s6 { width: 100% } .language-setting-jp7GMU .inner-2dXaAi .setting-RL9-s6 .tabs-wrapper--R-jSF { border-bottom: 1px solid var(--theme-border-light) } .language-setting-jp7GMU .inner-2dXaAi .alert-nIgibi { display: inline-flex; padding: 5px 12px; justify-content: center; align-items: center; gap: 6px; border-radius: 8px; background: var(--theme-btn-fill-tertiary); cursor: pointer; color: var(--theme-text-btn-tertiary) } .language-setting-jp7GMU .inner-2dXaAi .alert-nIgibi :hover { background: var(--theme-btn-fill-tertiary-hover) } .language-setting-jp7GMU .inner-2dXaAi .card-Mr6Nf0 { display: flex; padding: 12px; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 12px; border: 1px solid var(--theme-border-primary) } .language-setting-jp7GMU .inner-2dXaAi .card-Mr6Nf0 .item-hCc6Ry { width: 100%; display: flex; gap: 8px; flex-direction: column } .language-setting-jp7GMU .inner-2dXaAi .card-Mr6Nf0 .item-hCc6Ry .input-wrapper-G4do-w { position: relative; display: flex; flex-direction: column } .language-setting-jp7GMU .footer-AmL8EB { display: flex; padding: 12px 0 20px; justify-content: flex-end; align-items: center; gap: 10px; align-self: stretch } .language-setting-jp7GMU .footer-AmL8EB .btn-C04nWA { min-width: 112px } .list-wrapper-yeqkKK { display: flex; width: 200px; padding: 8px; flex-direction: column; align-items: flex-start; gap: 8px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3) } .list-wrapper-yeqkKK .desc-l4LlaD { color: var(--theme-text-quaternary); font-size: 14px; font-style: normal; line-height: 22px } .list-wrapper-yeqkKK .check-all-RLFMad { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 4px; color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px; cursor: pointer } .list-wrapper-yeqkKK .check-list-aC-ogq { flex-direction: column; max-height: 500px; overflow: auto; justify-content: flex-start; flex-wrap: nowrap; align-items: self-start; width: 100% } .input-addon-4GZ0HY { display: flex; height: 32px; padding: 12px 0; align-items: center; align-self: stretch; border-radius: 8px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white) } .input-addon-4GZ0HY .addon-pnpcxg { display: flex; min-width: 114px; height: 32px; padding: 0 12px; justify-content: center; justify-content: space-between; align-items: center; border-right: 1px solid var(--theme-border-light); background: var(--theme-fill-tsp-components-tertiary) } .input-addon-4GZ0HY .content-C6Ee1K { width: 100% } .input-addon-4GZ0HY .input-T91oG0 { height: 32px; line-height: 32px; border-radius: 0 8px 8px 0; background: none } .translate-status-dialog-srBl4j { display: flex; padding: 20px; flex-direction: column; align-items: flex-start; gap: 24px; border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s1) } .translate-status-dialog-srBl4j .title-LaTDlb { color: var(--theme-text-primary, #262626); text-align: center; font-family: PingFang SC; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px } .translate-status-dialog-srBl4j .content-jYriih { width: 100%; display: flex; flex-direction: column; gap: 8px } .translate-status-dialog-srBl4j .content-jYriih .progress-0pWw9h { width: 100%; height: 10px; align-self: stretch; border-radius: 30px; background: var(--theme-fill-tsp-components-primary); position: relative } .translate-status-dialog-srBl4j .content-jYriih .progress-0pWw9h .active-bar-ZkYUAt { position: absolute; border-radius: 30px; height: 100%; background: linear-gradient(87deg, #6841ea 36.01%, #ee6f6f 101.45%) } .translate-status-dialog-srBl4j .content-jYriih .num-wrapper-BK4fNK { display: flex; justify-content: center; align-items: center; gap: 12px; align-self: stretch } .translate-status-dialog-srBl4j .content-jYriih .num-wrapper-BK4fNK .num-6j5RyW { color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .translate-status-dialog-srBl4j .footer-jzfT8R { width: 100%; display: flex; align-items: center; justify-content: center } .translate-status-dialog-srBl4j .footer-jzfT8R .btn-9Z9-mx { min-width: 112px } .warning-dialog-NpwKuW { display: flex; padding: 20px; flex-direction: column; align-items: flex-start; gap: 12px; border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2) } .warning-dialog-NpwKuW .header-xQ81YL { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px } .warning-dialog-NpwKuW .content-Q7uVJp { color: var(--theme-text-secondary); font-size: 14px; line-height: 22px } .warning-dialog-NpwKuW .content-Q7uVJp .num-QWCLKq { font-weight: 500 } .warning-dialog-NpwKuW .footer-3JYYfO { display: flex; padding-top: 8px; justify-content: center; align-items: center; gap: 8px; align-self: stretch } .warning-dialog-NpwKuW .footer-3JYYfO .btn-5Bp4jK { min-width: 140px } .tabs-4aAjPt .tab-buttons--AuVAi { display: flex; border-bottom: 1px solid var(--theme-border-light); color: var(--theme-text-primary); gap: 32px } .tabs-4aAjPt .tab-buttons--AuVAi.noBorder-2NO61n { border-bottom: none } .tabs-4aAjPt .tab-button-Uo0Q22 { padding: 10px; cursor: pointer; white-space: nowrap; border-bottom: 2px solid transparent } .tabs-4aAjPt .tab-button-Uo0Q22.active-MU-C4p { border-bottom: 2px solid var(--theme-icon-brand) } .anchor-f2e4rN { visibility: visible; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; font-size: 14px; white-space: nowrap; display: flex } .anchor-f2e4rN .item-V6fKot { display: flex; height: 32px; padding: 0 12px; min-width: 110px; align-items: center; gap: 10px; cursor: pointer; color: var(--theme-text-secondary) } .anchor-f2e4rN .item-V6fKot.active-ZyqfIe { border-radius: 8px; background: var(--theme-fill-tsp-brand); color: var(--theme-text-brand) } .common-card--HpieJ.hide-gQkNqv .content-wrapper-xoEjd2 { max-height: 0 } .common-card--HpieJ .header-UzWNnv { display: flex; align-items: center; align-self: stretch; margin-bottom: 12px; cursor: pointer; gap: 8px } .common-card--HpieJ .title-q7jscQ { color: var(--theme-text-secondary); font-size: 14px; font-weight: 500; line-height: 22px; display: flex; align-items: center; gap: 6px } .common-card--HpieJ .content-wrapper-xoEjd2 { transition: max-height .3s ease-in; max-height: 99999px; overflow: hidden } .common-card--HpieJ .content-5z2KnW { padding: 0 16px; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 12px; background: var(--theme-bg-gray-primary); display: flex } .common-card--HpieJ .icon-wrapper-jKz-uw { display: flex; padding: 2px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; cursor: pointer } .common-card--HpieJ .icon-wrapper-jKz-uw:hover { background: var(--theme-fill-tsp-components-secondary) } .common-card--HpieJ .icon-wrapper-jKz-uw .arrow-Au3abB { transition: transform .3s ease-in; transform: rotate(-90deg) } .common-card--HpieJ .icon-wrapper-jKz-uw .arrow-Au3abB.expand-JIMDOH { transform: rotate(90deg) } .create-tool-qNR-OU { padding-top: 20px; height: 100%; overflow: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 12px } .create-tool-qNR-OU::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .create-tool-qNR-OU::-webkit-scrollbar-track { background: transparent } .create-tool-qNR-OU::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .create-tool-qNR-OU::-webkit-scrollbar-thumb:hover { background: #00000062 } .create-tool-qNR-OU::-webkit-scrollbar-corner { background: transparent } .create-tool-qNR-OU.hide-qjGqFp { opacity: 0 } .create-tool-qNR-OU .select-icon-heSQkX { display: flex; width: 100%; align-items: center; justify-content: center } .create-tool-qNR-OU .header-NMe7Th { display: flex; justify-content: space-between; align-items: center; align-self: stretch; padding-right: 20px } .create-tool-qNR-OU .header-NMe7Th .title-wrapper-7NEFI6 { display: flex; padding-inline-start: 16px; gap: 28px } .create-tool-qNR-OU .header-NMe7Th .title-wrapper-7NEFI6 .title-606I3h { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px; display: flex; align-items: center; gap: 8px; white-space: nowrap } .create-tool-qNR-OU .header-NMe7Th .title-wrapper-7NEFI6 .title-606I3h.back-TndGxu { cursor: pointer } .create-tool-qNR-OU .header-NMe7Th .title-wrapper-7NEFI6 .guide-Au6r5L { display: flex; align-items: center; justify-content: center; width: 100% } .create-tool-qNR-OU .header-NMe7Th .iconWrapper-mFTauV { display: flex; padding: 2px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; cursor: pointer } .create-tool-qNR-OU .header-NMe7Th .iconWrapper-mFTauV:hover { background: var(--theme-fill-tsp-components-secondary) } .create-tool-qNR-OU .notice-kW2pby { display: flex; padding: 10px 12px 10px 20px; align-items: center; border-radius: 12px; background: var(--theme-fill-tsp-blue); gap: 8px; margin: 0 20px; width: calc(100% - 40px) } .create-tool-qNR-OU .content-4pj2KV { width: 100%; display: flex; gap: 23px; overflow: hidden } .create-tool-qNR-OU .content-4pj2KV .anchor-wrapper-OGnkDz { position: relative; display: flex; flex-direction: column; border-radius: 0 12px 12px 0; background: var(--theme-fill-tsp-components-tertiary); padding: 12px 16px 0 20px } .create-tool-qNR-OU .content-4pj2KV .icon-item-cNtu59 { display: flex; padding: 8px; align-items: center; gap: 10px; border-radius: 8px; border-width: 2px } .create-tool-qNR-OU .content-4pj2KV .icon-list-w8zj-Z { gap: 14px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo { width: 100%; display: flex; flex-direction: column; padding-top: 16px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .submit-wrapper-Na62Em { padding: 12px 20px 20px 0; display: flex; align-items: center; justify-content: flex-end } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .submit-wrapper-Na62Em .btn-wrapper-ecFNKr { display: flex; gap: 16px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .submit-wrapper-Na62Em .submit-HivCqp { min-width: 165px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .submit-wrapper-Na62Em .preview-cs7Bvb { min-width: 165px; color: var(--theme-text-brand) } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC { overflow: auto; flex: 1; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; padding-right: 20px; padding-inline-start: 1px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC::-webkit-scrollbar-track { background: transparent } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC::-webkit-scrollbar-thumb:hover { background: #00000062 } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC::-webkit-scrollbar-corner { background: transparent } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .from-item-inner-fq7F4E { padding-inline-start: 24px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .radio-group-ex2pDS { display: flex } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .radio-group-ex2pDS .radio-label-FnbfkW { font-weight: 400 } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .radio-group-ex2pDS .ant-radio-wrapper-checked .radio-label-FnbfkW { font-weight: 500 } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .radio-group-ex2pDS .ant-radio { top: 2px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .with-description-label-ygnmTL { display: flex; gap: 2px; align-self: stretch; flex-direction: column } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .with-description-label-ygnmTL .with-radio-label-IhPT3Q { white-space: nowrap } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .with-description-label-ygnmTL .radio-description-gXPZJH { color: var(--theme-text-quaternary); font-size: 13px; font-weight: 400 } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .form-item-inner--E8u3K { margin-inline-start: 24px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .link--WV0eb { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-brand) } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .title-wrapper-7NEFI6 { display: flex; align-items: center; justify-content: space-between } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .msg-notice-AkoOhY { display: flex; flex-direction: column; gap: 3px; color: var(--theme-text-quaternary); margin-top: 4px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .msg-notice-AkoOhY .msg-list-tVxan9 { display: flex; flex-direction: column; gap: 2px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .msg-notice-AkoOhY .msg-item-T3NvKY.msg-item-li-N-Tezw:before { content: ""; display: inline-flex; width: 4px; height: 4px; border-radius: 50%; background: var(--theme-text-quaternary); margin-inline-end: 5px; vertical-align: middle; margin-bottom: 1px } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .msg-notice-AkoOhY .msg-item-T3NvKY .var-notice-text-Nyxr9Z { border-bottom: 1px dashed var(--theme-icon-quaternary) } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .msg-notice-AkoOhY .code-0WciU8 { cursor: pointer; display: inline-flex; height: 22px; padding: 2px 6px; margin: 0 4px; justify-content: center; align-items: center; gap: 4px; border-radius: 6px; border: 1px solid var(--theme-border-light); background: var(--theme-fill-tsp-components-tertiary) } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .msg-notice-AkoOhY .code-0WciU8.disable-UQhhHr { cursor: unset } .create-tool-qNR-OU .content-4pj2KV .content-inner-8bxkgo .form-wrapper--By9CC .extra-notice-form-item-4KbWqU { margin-top: -10px; margin-bottom: 16px } .create-tool-qNR-OU .override-select-style-QfmG8R .ant-select { height: 32px !important } .create-tool-qNR-OU .override-select-style-QfmG8R .ant-select-selector { width: 100% !important; height: 100% !important; height: 40px !important; border-radius: 12px !important } .create-tool-qNR-OU .override-select-style-QfmG8R .ant-select-selection-search { margin-inline-start: 0px !important } .create-tool-qNR-OU .override-select-style-QfmG8R .ant-select-selection-overflow { gap: 8px; flex-wrap: nowrap; max-width: 457px; overflow-x: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow-y: hidden !important } .create-tool-qNR-OU .override-select-style-QfmG8R .ant-select-selection-overflow::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .create-tool-qNR-OU .override-select-style-QfmG8R .ant-select-selection-overflow::-webkit-scrollbar-track { background: transparent } .create-tool-qNR-OU .override-select-style-QfmG8R .ant-select-selection-overflow::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .create-tool-qNR-OU .override-select-style-QfmG8R .ant-select-selection-overflow::-webkit-scrollbar-thumb:hover { background: #00000062 } .create-tool-qNR-OU .override-select-style-QfmG8R .ant-select-selection-overflow::-webkit-scrollbar-corner { background: transparent } .create-tool-qNR-OU .modal-skill-label-uo94-d { display: flex; padding: 4px 6px 4px 8px; align-items: center; gap: 6px; border-radius: 6px; background: var(--theme-fill-tsp-components-secondary) } .create-tool-qNR-OU .modal-skill-label-uo94-d .close-xXe-Vi { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .check-box-with-label-s69m-J { display: inline-flex; align-items: center; gap: 8px; cursor: pointer } .check-box-with-label-s69m-J .label-531512 { color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .modal-CEF-hD { max-height: calc(100% - 100px); border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2) } .icon-picker-NOYrUA { display: flex; padding: 16px; justify-content: center; align-items: center; gap: 10px; height: 50px; width: 50px; border-radius: 12px; border: 1px solid var(--theme-border-quaternary); background: var(--theme-bg-white); box-shadow: 0 1px 3px #00000014 } .modal-select-option-ArZvD8 { display: flex; align-items: center; gap: 6px } .modal-select-option-ArZvD8 .img-l8aJGV { width: 12px } .override-select-root-style-qwc4yb { visibility: visible } .override-select-root-style-qwc4yb .ant-select-item { height: auto !important } .override-select-root-style-qwc4yb .ant-select-item-option-selected { background-color: var(--theme-fill-tsp-brand) !important; font-weight: 400 !important } .override-select-root-style-qwc4yb .ant-select-item-option-state svg { color: var(--theme-icon-brand) } .modal-skill-option-HKqXss { display: flex; align-items: center; gap: 12px; padding: 8px 12px } .modal-skill-option-HKqXss .option-ZEOCAx { display: flex; flex-direction: column; align-items: self-start; overflow: hidden } .modal-skill-option-HKqXss .option-ZEOCAx .title-606I3h { overflow: hidden; color: var(--theme-text-primary); text-overflow: ellipsis; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .modal-skill-option-HKqXss .option-ZEOCAx .desc-qDMmuA { overflow: hidden; color: var(--theme-text-quaternary); text-overflow: ellipsis; font-size: 12px; font-style: normal; line-height: 18px; white-space: nowrap; width: 100% } .anonymous-wrapper-tt0w-O { display: flex; align-items: center; gap: 4px; align-self: stretch; color: var(--theme-text-primary); margin-top: 4px; font-size: 13px; position: relative; left: -2px } .label-witch-notice-po0l76 { display: flex; align-items: center; gap: 4px } .section-68rN7N { display: flex; margin-bottom: 24px; flex-direction: column } .section-68rN7N .section-title-kjuVoH { display: flex; gap: 4px; align-items: center; color: var(--theme-text-primary); font-size: 16px; font-weight: 500; line-height: 22px } .var-notice-Yn7oe- { color: var(--theme-text-white-primary); font-size: 12px; line-height: 18px } .loading-EJgiOd { width: 100%; height: calc(100% - 24px); background: var(--theme-bg-white); display: flex; position: absolute; align-items: center; justify-content: center; z-index: 2; border-radius: 6px } .preview-notice-dialog-0IyX-z { visibility: visible; display: flex; padding: 20px; flex-direction: column; align-items: center; gap: 24px; border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s1) } .preview-notice-dialog-0IyX-z .header-pPA7aA { color: var(--theme-text-primary); text-align: center; font-size: 18px; font-weight: 600; line-height: 28px } .preview-notice-dialog-0IyX-z .content-sgf2pW { color: var(--theme-text-secondary); font-size: 14px; line-height: 22px } .preview-notice-dialog-0IyX-z .footer-wnWbH8 { display: flex; justify-content: center; align-items: center; gap: 8px; align-self: stretch } .preview-notice-dialog-0IyX-z .footer-wnWbH8 .btn-78YdKB { min-width: 112px } .close-confirm-8pqYl2 { display: flex; padding: 20px; flex-direction: column; align-items: flex-start; gap: 12px; border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2) } .close-confirm-8pqYl2 .header-BrE44l { color: var(--theme-text-primary); font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px } .close-confirm-8pqYl2 .content-tlE3BO { color: var(--theme-text-secondary); font-size: 14px; font-style: normal; line-height: 22px } .close-confirm-8pqYl2 .footer-g0arQh { display: flex; padding-top: 8px; justify-content: flex-end; align-items: flex-end; gap: 8px; align-self: stretch } .close-confirm-8pqYl2 .footer-g0arQh .btn-UFdUwP { min-width: 80px } .extra-info-card-d26wW4 { display: flex; padding: 16px 16px 16px 20px; justify-content: space-between; align-items: center; align-self: stretch; border-radius: 12px; background: var(--theme-fill-tsp-components-tertiary) } .extra-info-card-d26wW4 .content-3JHIma { display: flex; flex-direction: column; border-radius: 12px } .extra-info-card-d26wW4 .content-3JHIma .switch-GTWwsn { gap: 0 } .extra-info-card-d26wW4 .content-3JHIma .label-RSo1Ko { color: var(--theme-text-secondary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; margin-top: 6px } .extra-info-card-d26wW4 .content-3JHIma .desc-Bsxl5J { color: var(--theme-text-quaternary); font-size: 13px; line-height: 20px } .extra-info-card-d26wW4 .img-PMpo-f { width: 180px } .form-item-ig9vhM { margin: 16px 0; width: 100% } .form-item-ig9vhM .form-label-0wDgVc { color: var(--theme-text-secondary); font-size: 14px; font-weight: 500; line-height: 22px; display: flex; margin-bottom: 8px; flex-direction: column } .form-item-ig9vhM .form-label-0wDgVc .no-require-0GdeUq { color: var(--theme-text-disable); font-size: 12px; font-weight: 400; line-height: 18px } .form-item-ig9vhM .form-label-0wDgVc .description-PTMilO { overflow: hidden; color: var(--theme-text-quaternary); text-overflow: ellipsis; font-size: 13px; font-style: normal; line-height: 20px; font-weight: 400 } .form-item-ig9vhM .form-content-T4Ayye { position: relative } .form-item-ig9vhM .form-content-T4Ayye .error-msg-kE2U-B { position: absolute; bottom: -18px; left: 0; color: #ff3d00; font-size: 12px } .form-item-ig9vhM .form-content-T4Ayye .monica-input { background: var(--theme-fill-tsp-components-secondary) } .form-item-ig9vhM.form-item-with-error-ZExnXs .monica-input { border-color: var(--theme-function-error) } .form-item-ig9vhM input[type=radio]:focus-visible+.ant-radio-inner { outline: none } .select-card-Ia-hqY { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch } .select-card-Ia-hqY .card-o734y5 { display: flex; min-height: 86px; padding: 12px 20px 12px 24px; align-items: center; gap: 40px; justify-content: space-between; align-self: stretch; border-radius: 12px; border: 1px solid var(--theme-border-primary); cursor: pointer } .select-card-Ia-hqY .card-o734y5 .content-OeniaJ .label-IS3vBk { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .select-card-Ia-hqY .card-o734y5 .content-OeniaJ .description-Vowk9v { overflow: hidden; color: var(--theme-text-quaternary); text-overflow: ellipsis; font-size: 12px; font-style: normal; line-height: 18px } .select-card-Ia-hqY .card-o734y5 .img-0Zm-nK { width: 86px } .select-card-Ia-hqY .card-o734y5.active-sLjMSn { border-radius: 12px; border: 1px solid var(--theme-border-active); background: var(--theme-fill-tsp-brand) } .variables-settings-BiK1S3 { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch } .tabs-XfqaMn { visibility: visible; max-width: 100%; width: 100%; --active-bg-color: var(--theme-tab-fill-active) } .tabs-XfqaMn .wrapper-j3MfSW { width: 100%; position: relative; z-index: 0; padding: 4px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-radius: 20px; background-color: var(--theme-bg-gray-primary); --active-tab-animation-duration: .2s; --monica-tab-width: calc((100% - 8px) / var(--monica-tab-length)); --monica-tab-left: calc(var(--monica-tab-width) * var(--monica-tab-index) + 4px) } .tabs-XfqaMn .wrapper-j3MfSW:before { content: ""; position: absolute; z-index: -1; height: calc(100% - 8px); top: 4px; width: var(--monica-tab-width); background-color: var(--active-bg-color); left: var(--monica-tab-left); border-radius: 8px; transition: var(--active-tab-animation-duration) ease-in-out } .tabs-XfqaMn .wrapper-j3MfSW .tab-fKz4wL { padding: 3px 0; color: var(--theme-icon-primary); font-size: 14px; font-weight: 500; line-height: 22px; width: var(--monica-tab-width); display: flex; align-items: center; justify-content: center; color: var(--theme-text-quaternary); gap: 4px; cursor: pointer } .tabs-XfqaMn .wrapper-j3MfSW .tab-fKz4wL.equal-width-oZ2bKE { flex: 1; text-align: center } .tabs-XfqaMn .wrapper-j3MfSW .tab-fKz4wL .tab-label-wP2ELv { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .tabs-XfqaMn .wrapper-j3MfSW .active-tab-eYzvGq { color: var(--theme-text-white-primary); transition: var(--active-tab-animation-duration) ease-in-out } .light-theme-EzBWb5 .wrapper-j3MfSW:before { background-color: var(--theme-bg-white) } .light-theme-EzBWb5 .wrapper-j3MfSW .active-tab-eYzvGq { color: var(--theme-text-primary) } .small-size-k2Q8gN .wrapper-j3MfSW { padding: 4px; border-radius: 16px } .small-size-k2Q8gN .wrapper-j3MfSW .tab-fKz4wL { padding: 1px 6px; font-size: 12px; line-height: 18px } .middle-size-g9Rm93 .wrapper-j3MfSW { padding: 4px; border-radius: 12px } .middle-size-g9Rm93 .wrapper-j3MfSW .tab-fKz4wL { padding: 6px 0; font-size: 14px; line-height: 22px } .large-size-I0SKwE .wrapper-j3MfSW { padding: 4px; border-radius: 64px } .large-size-I0SKwE .wrapper-j3MfSW .tab-fKz4wL { padding: 15px 20px; font-size: 18px; font-weight: 500; line-height: 26px } .primary-VFmSay { --active-bg-color: var(--theme-btn-fill-primary) } .no-transition-oaxD9q .wrapper-j3MfSW:before { transition: none } .no-transition-oaxD9q .wrapper-j3MfSW .active-tab-eYzvGq { transition: none } .variables-field-Tuxasm { width: 100%; display: flex; padding: 16px 16px 0 20px; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 12px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-white) } .variables-field-Tuxasm .icon-wrapper--bpEFB { display: flex; padding: 4px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; cursor: pointer } .variables-field-Tuxasm .icon-wrapper--bpEFB:hover { background: var(--theme-fill-tsp-components-secondary) } .variables-field-Tuxasm .icon-wrapper--bpEFB.disabled-btK1Z9 { cursor: not-allowed } .option-wrapper-bRTGP3 { display: flex; flex-direction: column } .option-wrapper-bRTGP3 .options-QVVV-S { display: flex; flex-direction: column; width: 100% } .option-wrapper-bRTGP3 .options-QVVV-S .input-wrapper-Jx9-mS { display: flex; align-items: center; gap: 8px; align-self: stretch } .option-wrapper-bRTGP3 .options-QVVV-S .input-wrapper-Jx9-mS .left-rTOcjl { width: 100% } .option-wrapper-bRTGP3 .options-QVVV-S .input-wrapper-Jx9-mS .input-override-J83PLS { padding-right: 120px } .option-wrapper-bRTGP3 .options-QVVV-S .input-wrapper-Jx9-mS .addon-content-a6fyjQ { right: 0 } .option-wrapper-bRTGP3 .options-QVVV-S .input-wrapper-Jx9-mS .addon--x-Z-1 { display: flex; min-width: 102px; height: 32px; padding: 0 8px; align-items: center; gap: 6px; color: var(--theme-text-quaternary); justify-content: center; border-left: 1px solid var(--theme-border-light); cursor: pointer } .option-wrapper-bRTGP3 .options-QVVV-S .input-wrapper-Jx9-mS .addon--x-Z-1.active-yY3HC4 { color: var(--theme-text-brand) } .option-wrapper-bRTGP3 .btn-wrapper-T8n0Ge { display: inline-flex } .copy-wrapper-BX0lu2 { padding: 2px; display: flex; align-items: center; cursor: pointer } .artifact-select-krDPZA { width: 100%; display: flex; justify-content: space-between; align-items: center } .artifact-select-krDPZA.active-yFRFox .input-5c8bSV { border: 1px solid var(--theme-border-active, #6841ea) } .artifact-select-krDPZA .expand-icon-RLmW-U { transform: rotate(-90deg); transition: all ease .2s } .artifact-select-krDPZA .expand-icon-RLmW-U.expand-WE4Qgh { transform: rotate(90deg) } .artifact-select-krDPZA .input-5c8bSV { display: flex; height: 40px; padding: 12px 10px 12px 12px; align-items: center; gap: 12px; flex: 1; border-radius: 10px; background: var(--theme-fill-tsp-components-tertiary); justify-content: space-between; cursor: pointer; border: 1px solid transparent } .artifact-select-krDPZA .input-5c8bSV .placeholder-SM373O { color: var(--theme-text-disable) } .artifact-select-krDPZA .create-Yi4Q2J { display: flex; height: 40px; padding: 4px 12px; justify-content: center; align-items: center; gap: 6px; cursor: pointer } .artifact-select-krDPZA .create-Yi4Q2J:hover { color: var(--theme-text-brand) } .artifact-card-oumNTJ { display: flex; width: 379px; padding: 14px 16px; align-items: center; gap: 20px; border-radius: 12px; border: 1px solid var(--theme-border-quaternary); background: var(--theme-bg-menu-white); position: relative; cursor: pointer } .artifact-card-oumNTJ .close-wrapper-KruQyY { display: flex; padding: 2px 4px; align-items: center; gap: 10px; position: absolute; right: 0; top: 0; border-radius: 0 11px 0 8px; background: var(--theme-fill-tsp-components-secondary); cursor: pointer } .artifact-card-oumNTJ .content--Gn2gx .label-a2iYbU { overflow: hidden; color: var(--theme-text-primary); text-overflow: ellipsis; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; flex: 1 0 0 } .artifact-card-oumNTJ .content--Gn2gx .notice-a4eUu- { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; align-self: stretch; overflow: hidden; color: var(--theme-text-quaternary); text-overflow: ellipsis; font-size: 12px; font-style: normal; line-height: 18px } .popover-wrapper-3Ad6jS { display: flex; height: 100%; flex: 1 } .popover-content-wrapper-Py29S9 { flex: 1 } .box-SqnJOs { display: flex; padding: 8px; width: 478px; flex-direction: column; align-items: flex-start; gap: 2px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2); max-height: 400px } .box-SqnJOs .search-MfBMQT { width: 100% } .box-SqnJOs .scroll-wrapper-6JGbij { width: 100%; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; overflow: auto } .box-SqnJOs .scroll-wrapper-6JGbij::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .box-SqnJOs .scroll-wrapper-6JGbij::-webkit-scrollbar-track { background: transparent } .box-SqnJOs .scroll-wrapper-6JGbij::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .box-SqnJOs .scroll-wrapper-6JGbij::-webkit-scrollbar-thumb:hover { background: #00000062 } .box-SqnJOs .scroll-wrapper-6JGbij::-webkit-scrollbar-corner { background: transparent } .box-SqnJOs .list--GAtdz { display: flex; gap: 2px; width: 100%; flex-direction: column } .box-SqnJOs .list--GAtdz .item-7G57bK { display: flex; padding: 4px 12px; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; width: 100%; cursor: pointer } .box-SqnJOs .list--GAtdz .item-7G57bK:hover { background: var(--theme-fill-tsp-components-secondary) } .box-SqnJOs .list--GAtdz .item-7G57bK.active-yFRFox { color: var(--theme-text-brand) } .box-SqnJOs .list--GAtdz .item-7G57bK .img-wrapper-WIXyDd { width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--theme-border-primary); display: flex; align-items: center } .box-SqnJOs .list--GAtdz .item-7G57bK .content--Gn2gx .label-a2iYbU { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; flex: 1 0 0; overflow: hidden; color: var(--theme-text-primary, #262626); text-overflow: ellipsis; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .box-SqnJOs .list--GAtdz .item-7G57bK .content--Gn2gx .desc-Y-VM7Q { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; align-self: stretch; overflow: hidden; color: var(--theme-text-quaternary, #8c8c8c); text-overflow: ellipsis; font-size: 12px; font-style: normal; line-height: 18px } .box-SqnJOs .list--GAtdz .path-list-PNNrmr { display: flex; min-width: 143px; padding: 8px; flex-direction: column; align-items: flex-start; gap: 2px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s1) } .box-SqnJOs .list--GAtdz .path-list-PNNrmr .path-item-0GnXm- { cursor: pointer; display: flex; padding: 4px 12px; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; white-space: nowrap } .box-SqnJOs .list--GAtdz .path-list-PNNrmr .path-item-0GnXm-:hover { background: var(--theme-fill-tsp-components-secondary) } .box-SqnJOs .list--GAtdz .path-list-PNNrmr .path-item-0GnXm-.active-yFRFox { color: var(--theme-text-brand) } .empty-7-uGKg { display: flex; padding: 4px 0; flex-direction: column; justify-content: center; align-items: center; gap: 4px; align-self: stretch } .empty-7-uGKg .img-UPvMo6 { width: 80px; height: 80px } .empty-7-uGKg .empty-title-qfe6JX { line-height: 22px; font-size: 14px; font-weight: 500; color: var(--theme-text-primary) } .empty-7-uGKg .empty-desc-2BlJo4 { line-height: 18px; font-size: 12px; color: var(--theme-text-quaternary) } .empty-7-uGKg .btn-bVFTDV { color: var(--theme-text-brand) } .create-artifact--eMubu { color: var(--theme-text-primary); padding-top: 20px; height: 100%; display: flex; flex-direction: column; gap: 16px } .create-artifact--eMubu .header-vAJuOa { display: flex; justify-content: space-between; align-items: center; align-self: stretch; padding-right: 20px } .create-artifact--eMubu .header-vAJuOa .title-wrapper-RYFNNx { display: flex; padding-inline-start: 16px; gap: 28px } .create-artifact--eMubu .header-vAJuOa .title-wrapper-RYFNNx .title-iNr56n { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px; display: flex; align-items: center; gap: 8px; white-space: nowrap } .create-artifact--eMubu .header-vAJuOa .title-wrapper-RYFNNx .title-iNr56n.back-bVOeyR { cursor: pointer } .create-artifact--eMubu .header-vAJuOa .iconWrapper-3wEcss { display: flex; padding: 2px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; cursor: pointer } .create-artifact--eMubu .header-vAJuOa .iconWrapper-3wEcss:hover { background: var(--theme-fill-tsp-components-secondary) } .create-artifact--eMubu .main-N6whX3 { display: flex; padding-bottom: 20px; align-items: center; gap: 12px; flex: 1; overflow: hidden } .create-artifact--eMubu .main-N6whX3 .chat-wrapper-s7s-oi { width: 420px; height: 100%; padding-inline-start: 8px } .create-artifact--eMubu .main-N6whX3 .chat-wrapper-s7s-oi .chat-box-ILZAlm { background: none !important } .create-artifact--eMubu .main-N6whX3 .chat-wrapper-s7s-oi .chat-box-ILZAlm .chat-reply pre, .create-artifact--eMubu .main-N6whX3 .chat-wrapper-s7s-oi .chat-box-ILZAlm .artifact-wrapper { background-color: unset !important } .create-artifact--eMubu .main-N6whX3 .chat-wrapper-s7s-oi .chat-items-vdq7ph { padding-top: 8px } .create-artifact--eMubu .main-N6whX3 .chat-wrapper-s7s-oi .chat-input-2kIq1C { margin-bottom: 0; margin-top: 4px } .create-artifact--eMubu .main-N6whX3 .artifact-preview-v-5oSp { box-shadow: 0 2px 8px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s3) } .artifact-wrapper-e7ZIpG { height: 100%; width: 462px; padding-top: 2px } .artifact-wrapper-e7ZIpG>div { width: 100% } .artifact-demos--Pvu6U { display: flex; flex-direction: column; align-items: center; align-self: stretch; border-radius: 16px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-tsp-gray-primary); box-shadow: 0 2px 8px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s3); margin-inline-end: 20px; flex: 1; position: relative } .artifact-demos--Pvu6U .header-vAJuOa { height: 44px; display: flex; padding: 12px 16px; align-items: center; gap: 12px; align-self: stretch; border-bottom: 1px solid var(--theme-border-primary); border-radius: 16px 16px 0 0 } .artifact-demos--Pvu6U .notice-u6nNm- { display: flex; padding: 14px 0 12px 16px; flex-direction: column; align-items: center; align-self: self-start } .artifact-demos--Pvu6U .artifact-main-5trnVT { display: flex; gap: 12px; flex: 1; overflow: hidden; flex-wrap: wrap; padding: 0 12px 12px } .artifact-demos--Pvu6U .artifact-main-5trnVT .item-wOJkbb { width: calc(50% - 6px); cursor: pointer } .artifact-demos--Pvu6U .artifact-main-5trnVT .item-wOJkbb .inner-F80NWm { display: flex; border-radius: 8px; border: 1.5px solid var(--theme-border-primary); background: var(--theme-bg-menu-white); box-shadow: 0 1px 20px 0 var(--theme-shadow-s1); flex-direction: column; align-items: center; gap: 2px; height: 100% } .artifact-demos--Pvu6U .artifact-main-5trnVT .item-wOJkbb .inner-F80NWm:hover { border: 1.5px solid var(--theme-border-active) } .artifact-demos--Pvu6U .artifact-main-5trnVT .item-wOJkbb .inner-F80NWm iframe { border-radius: 8px; pointer-events: none } .artifact-demos--Pvu6U .artifact-main-5trnVT .item-wOJkbb .inner-F80NWm .name-yxqqOb { display: flex; padding: 9px; background: var(--theme-fill-tsp-components-tertiary); align-items: center; gap: 12px; align-self: stretch; overflow: hidden; color: var(--theme-text-primary); text-overflow: ellipsis; font-size: 12px; font-weight: 500; line-height: 24px; border-bottom: 1px solid var(--theme-border-quaternary); border-radius: 8px 8px 0 0 } .artifact-demos--Pvu6U .artifact-main-5trnVT .item-wOJkbb .inner-F80NWm .img-Wrapper-LpbHND { flex: 1; display: flex; justify-content: center; align-items: center } .artifact-demos--Pvu6U .artifact-main-5trnVT .item-wOJkbb .inner-F80NWm .img-Wrapper-LpbHND .img-JgAzje { -webkit-user-drag: none; width: 190px; height: 160px } .artifact-demos--Pvu6U .loading-pTADf1 { width: 100%; height: 100%; background: var(--theme-bg-white); display: flex; position: absolute; align-items: center; justify-content: center; z-index: 2; border-radius: 16px } @media (max-height: 900px) { .create-artifact--eMubu { max-height: 660px; height: 660px } } @media (min-height: 901px) { .create-artifact--eMubu { max-height: 800px; height: 800px } } .artifact-size-11C11d { color: var(--theme-text-secondary); font-size: 14px; line-height: 22px; display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start; gap: 4px } .artifact-size-11C11d .content-XJMICI { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px } .artifact-size-11C11d .input-number-TQJdWz.ant-input-number.ant-input-number-focused, .artifact-size-11C11d .input-number-TQJdWz.ant-input-number:hover { border-color: var(--theme-border-active) } .tool-item-XSPIjB { position: relative; width: 100%; display: flex; flex-direction: column; padding: 16px 16px 10px; height: fit-content; box-sizing: border-box; gap: 12px; border-radius: 12px; border: 1px solid var(--theme-border-primary); background: radial-gradient(302.88% 33% at 51.77% 100%, rgba(1, 18, 255, .01) 0%, rgba(233, 187, 255, 0) 100%), linear-gradient(145deg, rgba(255, 255, 255, 0) 23%, rgba(240, 240, 249, .4) 99.84%), var(--theme-bg-white); box-shadow: 0 2px 2px #0000000a; cursor: pointer; transition: transform .3s ease-in-out } .tool-item-XSPIjB:hover { transform: translateY(-2px); box-shadow: 0 4px 8px 0 var(--theme-shadow-s2) } .tool-item-XSPIjB:hover .delete-text-cMJiKA { opacity: 1 } .tool-item-XSPIjB .header-E3p5X5 { display: flex; gap: 12px; align-items: center } .tool-item-XSPIjB .header-E3p5X5 .icon-dzUxJy { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px; border-radius: 8px; border: .5px solid var(--theme-border-primary); background: var(--theme-bg-menu-white); box-shadow: 0 1px 2px #0000001f } .tool-item-XSPIjB .header-E3p5X5 .title-0H6x2d { color: var(--theme-text-primary); font-size: 16px; line-height: 24px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .tool-item-XSPIjB .content-B1GYc1 { color: var(--theme-text-secondary); font-size: 14px; font-weight: 400; line-height: 22px; height: 44px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .tool-item-XSPIjB .driver-pSDSEz { width: 100%; height: 1px; background: var(--theme-border-primary) } .tool-item-XSPIjB .footer-Iwe-6q { display: flex; gap: 16px; align-items: center; justify-content: space-between } .tool-item-XSPIjB .footer-Iwe-6q .footer-lt-99eBdg { flex: 1; overflow: hidden; width: fit-content; display: flex; align-items: center; color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 18px } .tool-item-XSPIjB .footer-Iwe-6q .footer-rt-Xbzkfc { flex-shrink: 0; display: flex; align-items: center; gap: 6px } .tool-item-XSPIjB .footer-Iwe-6q .footer-rt-Xbzkfc .action-ReuwE4 { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .tool-item-XSPIjB .footer-Iwe-6q .footer-rt-Xbzkfc .action-ReuwE4:hover { background-color: var(--theme-fill-tsp-components-secondary) } .tool-item-XSPIjB .footer-Iwe-6q .footer-rt-Xbzkfc .action-ReuwE4.action-disabled-ycIvP3 { cursor: not-allowed } .tool-item-XSPIjB.disabled-8LtG0i .header-E3p5X5 .icon-dzUxJy svg { color: var(--theme-icon-quaternary) !important } .tool-item-XSPIjB.disabled-8LtG0i .header-E3p5X5 .title-0H6x2d { color: var(--theme-text-disable) } .tool-item-XSPIjB.disabled-8LtG0i .content-B1GYc1 { color: var(--theme-icon-disable) } .tool-item-XSPIjB.disabled-8LtG0i .footer-Iwe-6q .website-card-N1W2V- { color: var(--theme-text-disable) !important } .delete-action-Nsykup { color: var(--theme-function-error) } .delete-action-Nsykup svg { color: var(--theme-function-error) } .tool-tag-LWHe33 { position: absolute; top: 1px; right: 1px; border-radius: 0 10px 0 6px; background: var(--theme-fill-tsp-brand); font-size: 12px; font-weight: 500; line-height: 18px; padding: 0 6px; color: var(--theme-text-brand) } .delete-text-cMJiKA { position: absolute; opacity: 0; top: 0; right: 40px; transform: translateY(-50%); border-radius: 8px; background: var(--theme-tooltips-fill); padding: 6px 12px; color: var(--theme-text-white-primary); font-size: 12px; font-weight: 400; line-height: 18px; transition: opacity .3s ease-in-out } .website-card-N1W2V- { display: flex; align-items: center; gap: 2px; border-radius: 6px; color: var(--theme-text-quaternary); font-size: 13px; font-weight: 400; line-height: 20px; flex: 1; width: 175px } .website-card-N1W2V-.special-website-UHKf0Y .favicon-zoaoD5 { width: 16px; height: 16px; box-sizing: border-box; border-radius: 50%; overflow: hidden; border: 1px solid var(--theme-border-primary); flex-shrink: 0 } .website-card-N1W2V-.special-website-UHKf0Y .link-dwgqwa { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .website-card-desc-CWWVXn { white-space: pre-wrap } ._monica-dark .tool-item-XSPIjB { background: linear-gradient(145deg, rgba(0, 0, 0, 0) 23%, rgba(72, 71, 93, .4) 99.84%), var(--theme-bg-white, #202020); box-shadow: 0 2px 2px #0000000a } .tool-detail-6l2XI- { display: flex; flex-direction: column; gap: 16px; padding: 20px } .tool-detail-6l2XI- .header-FQ2PSK { display: flex; justify-content: space-between } .tool-detail-6l2XI- .header-FQ2PSK .title-F4bENW { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 28px } .tool-detail-6l2XI- .header-FQ2PSK .icon-list-bBykkc { display: flex; gap: 8px } .tool-detail-6l2XI- .header-FQ2PSK .icon-list-bBykkc .icon-item-BysgG8 { width: 26px; height: 26px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .tool-detail-6l2XI- .header-FQ2PSK .icon-list-bBykkc .icon-item-BysgG8:hover { background-color: var(--theme-fill-tsp-components-secondary) } .tool-detail-6l2XI- .content-VcAgZa { padding: 0 12px 16px 0; margin-right: -12px; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .tool-detail-6l2XI- .content-VcAgZa::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .tool-detail-6l2XI- .content-VcAgZa::-webkit-scrollbar-track { background: transparent } .tool-detail-6l2XI- .content-VcAgZa::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .tool-detail-6l2XI- .content-VcAgZa::-webkit-scrollbar-thumb:hover { background: #00000062 } .tool-detail-6l2XI- .content-VcAgZa::-webkit-scrollbar-corner { background: transparent } .tool-detail-6l2XI- .content-VcAgZa .detail-header-bNwJTH { position: relative; padding: 30px 40px 24px; border-radius: 16px; border: 1px solid var(--theme-border-primary); background-repeat: no-repeat; background-size: 100% auto; background-position: 0 -10px } .tool-detail-6l2XI- .content-VcAgZa .detail-header-bNwJTH.no-examples-A2qK6W { padding: 30px 40px 24px } .tool-detail-6l2XI- .footer--YAmAZ { display: flex; justify-content: space-between } .tool-detail-6l2XI- .footer--YAmAZ .footer-lt-RcoM99 { display: flex; align-items: center } .tool-detail-6l2XI- .footer--YAmAZ .footer-rt-85XDcE { display: flex; gap: 12px } .tool-detail-6l2XI- .footer--YAmAZ .footer-rt-85XDcE .action-btn-07Miw5 { min-width: 120px; border-radius: 10px } .header-slot-Y-VE20 { padding: 10px 14px; gap: 8px; justify-content: space-between; background: var(--theme-btn-fill-tertiary); color: var(--theme-text-btn-tertiary); border-radius: 10px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } @keyframes icon-loading-rotate-Z-1fex { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .header-slot-Y-VE20:hover { opacity: .8 } .header-slot-Y-VE20 .slot-left-aNxQw- { color: var(--theme-text-primary); font-size: 13px; font-weight: 500; line-height: 20px; width: 100% } .header-slot-Y-VE20 .slot-left-aNxQw- .waring-hIouHs { position: relative; top: 3px; margin-inline-end: 4px } .header-slot-Y-VE20 .slot-left-aNxQw- .arrow-icon-Hh9IyI { margin-inline-start: 3px; transition: right .3s; display: inline } .header-slot-Y-VE20 .slot-left-aNxQw- .arrow-M5DOuL { position: relative; top: 2px; margin-inline-start: 4px } .header-slot-Y-VE20 .slot-left-aNxQw- .loading-6eT3d7 { animation: icon-loading-rotate-Z-1fex 1s linear infinite } .header-slot-Y-VE20 .slot-left-aNxQw- .link-QGU51y { margin-inline-start: 4px; color: var(--theme-text-brand) } .my-tool-list-fhSJQA { flex: 1; display: flex; flex-direction: column; padding-bottom: 20px; min-height: 100%; height: max-content } .my-tool-list-fhSJQA .header-nY5DTO { position: sticky; top: 0; z-index: 1; background: var(--theme-bg-gray-secondary); display: flex; justify-content: space-between; align-items: center; gap: 16px } .my-tool-list-fhSJQA .content-7ohfDY { display: flex; padding-top: 20px; flex: 1 } .my-tool-list-fhSJQA .content-7ohfDY .tool-list-f3QpfD { flex: 1; width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); align-content: flex-start; grid-gap: 14px 12px } .my-tool-list-fhSJQA .add-btn-wmKQg- { border-radius: 10px } .tool-square-74-bkM { padding: 20px 0 0; display: flex; flex-direction: column; gap: 16px; border-radius: 16px; height: 750ex; max-height: 100%; background: var(--theme-bg-gray-secondary) } .tool-square-74-bkM .tabs-skL4-6 { padding: 0 20px; display: flex; gap: 24px } .tool-square-74-bkM .tabs-skL4-6 .tab-MQdi1n { color: var(--theme-text-secondary); font-size: 18px; font-weight: 600; line-height: 28px; padding-bottom: 8px; border-bottom: 2px solid transparent; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .tool-square-74-bkM .tabs-skL4-6 .tab-MQdi1n.active-yaTqlN { color: var(--theme-text-primary); border-bottom-color: var(--theme-icon-brand) } .tool-square-74-bkM .content-wrapper-f-0uvQ { flex: 1; display: flex; overflow: hidden; position: relative } .tool-square-74-bkM .content-rhc3Fm { width: 100%; position: relative; padding: 0 20px } .tool-square-74-bkM .content-rhc3Fm .simplebar-content-wrapper { height: 100% !important; overscroll-behavior: contain } .tool-square-74-bkM .content-rhc3Fm .simplebar-content { height: 100% !important; display: flex } .tool-square-list-ZJ5iE5 { display: flex; flex-direction: column; flex: 1; height: max-content; min-height: 100%; padding-bottom: 10px } .tool-square-list-ZJ5iE5 .tool-square-header-kqChaf { position: sticky; z-index: 1; top: 0; display: flex; flex-direction: column; gap: 12px; background: var(--theme-bg-gray-secondary) } .tool-square-list-ZJ5iE5 .search-input-AFeMpW { display: flex; gap: 12px; align-items: center } .tool-square-list-ZJ5iE5 .search-input-AFeMpW>div:first-child { flex: 1 } .tool-square-list-ZJ5iE5 .search-input-AFeMpW .input-wrapper-hW4wN1 { background: var(--theme-fill-tsp-components-secondary); width: 40px; height: 40px; border-radius: 10px } .tool-square-list-ZJ5iE5 .search-input-AFeMpW .add-btn-DguIDb { border-radius: 10px } .tool-square-list-ZJ5iE5 .groups-qVWEFT { display: flex; justify-content: space-between; padding-bottom: 10px; gap: 8px } .tool-square-list-ZJ5iE5 .groups-qVWEFT .group-lt-f694LP { display: flex; flex-wrap: wrap; gap: 8px; flex: 1 } .tool-square-list-ZJ5iE5 .groups-qVWEFT .tags-wrapper-CaiNOI { width: 100% } .tool-square-list-ZJ5iE5 .groups-qVWEFT .arrow-wrapper--jpZXr { margin-top: 5px } .tool-square-list-ZJ5iE5 .groups-qVWEFT .select-OGeiSo { padding: 4px 12px } .tool-square-list-ZJ5iE5 .tool-action-list-jIagH9 { padding-top: 10px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 14px 12px } .tool-square-list-ZJ5iE5 .loading-1j19gS { flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center } .get-new-notice-mUpC-E { background: var(--theme-bg-gray-secondary); width: 100%; display: flex; align-items: center; justify-content: center; line-height: 26px; gap: 4px; color: var(--theme-text-tertiary); font-size: 13px; margin-top: auto; padding-top: 12px } .get-new-notice-mUpC-E .link-ODB-bg { color: var(--theme-text-brand); cursor: pointer } .get-new-notice-mUpC-E .link-ODB-bg:hover { opacity: .7 } .tool-card-3TafUN { background: var(--theme-bg-menu-white); color: var(--theme-text-primary); display: flex; width: 400px; padding-top: 16px; flex-direction: column; align-items: flex-start; border-radius: 12px; position: relative; border: 1px solid var(--theme-border-white); box-shadow: 0 0 1px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)), 0 0 1px #00000014, 0 8px 20px #0000001f } .tool-card-3TafUN .run-btn-lek2Ly { border-color: var(--theme-border-active) } .tool-card-3TafUN .loading-tQPzQG { width: calc(100% - 17px); height: 100%; background: var(--theme-bg-white); display: flex; position: absolute; align-items: center; justify-content: center; z-index: 2; border-radius: 6px; padding-right: 16px } .tool-card-3TafUN .loading-tQPzQG .skeleton-53O7Mu { width: 100%; height: 100% } .tool-card-3TafUN .favicon-onlfM1 { width: 16px; max-height: 16px; border-radius: 4px } .tool-card-3TafUN .current-site-tool-1Mz7-E { display: flex; user-select: none; width: 100%; flex-direction: column; overflow: hidden } .tool-card-3TafUN .current-site-tool-1Mz7-E.hide-RrOANa { display: none } .tool-card-3TafUN .part-title-S2DDwz { line-height: 22px; font-size: 14px; display: flex; justify-content: space-between; width: 100%; align-items: center; color: var(--theme-text-tertiary); font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px } .tool-card-3TafUN .header-V3WJbB { display: flex; width: 100%; border-bottom: 1px solid var(--theme-border-light); padding: 0 6px 14px 16px; align-items: center } .tool-card-3TafUN .header-V3WJbB .title-gIpyP1 { align-items: center; display: flex; gap: 6px; color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 20px; flex: 1 } .tool-card-3TafUN .history-wrapper-TsDfeg { display: flex; padding: 4px; align-items: center; border-radius: 4px; cursor: pointer; margin-inline-start: 6px } .tool-card-3TafUN .history-wrapper-TsDfeg:hover { background: var(--theme-fill-tsp-components-secondary) } .tool-card-3TafUN .more-wrapper-mAxTlx { display: flex; padding: 4px; align-items: center; border-radius: 4px; cursor: pointer } .tool-card-3TafUN .more-wrapper-mAxTlx:hover { background: var(--theme-fill-tsp-components-secondary) } .tool-card-3TafUN .content-m97LC1 { width: 100%; padding-top: 12px; display: flex; gap: 16px; flex-direction: column; overflow: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .tool-card-3TafUN .content-m97LC1::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .tool-card-3TafUN .content-m97LC1::-webkit-scrollbar-track { background: transparent } .tool-card-3TafUN .content-m97LC1::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .tool-card-3TafUN .content-m97LC1::-webkit-scrollbar-thumb:hover { background: #00000062 } .tool-card-3TafUN .content-m97LC1::-webkit-scrollbar-corner { background: transparent } .tool-card-3TafUN .content-m97LC1 .empty-r3xZAk { display: flex; padding: 4px 0; flex-direction: column; justify-content: center; align-items: center; gap: 4px; align-self: stretch } .tool-card-3TafUN .content-m97LC1 .empty-r3xZAk .img-g74l4e { width: 80px; height: 80px } .tool-card-3TafUN .content-m97LC1 .empty-r3xZAk .empty-title-E2ElwB { line-height: 22px; font-size: 14px; font-weight: 500; text-align: center } .tool-card-3TafUN .content-m97LC1 .empty-r3xZAk .empty-desc-pFzavx { line-height: 18px; font-size: 12px; color: var(--theme-text-quaternary); text-align: center; padding-bottom: 6px } .tool-card-3TafUN .content-m97LC1 .empty-r3xZAk .btn-xhaL0o { color: var(--theme-text-brand) } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX { padding: 0 16px } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO { display: flex; align-items: flex-start; gap: 8px; align-self: stretch; padding-top: 8px; flex-wrap: wrap } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo { position: relative; display: flex; padding: 10px 12px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; border: .5px solid var(--theme-border-quaternary); background: var(--theme-bg-menu-white); box-shadow: 0 1px 3px 0 var(--theme-shadow-s2); cursor: pointer; width: 52px; width: calc(100% / 6 - 7px); height: 40px; transition: transform .3s ease-in } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo.active-q7iKQK svg { color: var(--theme-icon-brand) } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo:hover { transform: scale(1.06); z-index: 10; box-shadow: 0 1px 3px 0 var(--theme-shadow-s3) } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo:hover .pin-e3n-67 { opacity: 1 } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo:hover .pin-e3n-67.disable-pin-T4h889:not(.is-pin-85q-qU) { opacity: 0; pointer-events: none } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo .setting-wrapper-oxSwV- { position: absolute; right: 2px; top: 5px } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo .setting-xx4-os { display: flex; padding: 10px 2px; align-items: center; gap: 10px; border-radius: 3px; cursor: pointer } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo .setting-xx4-os:hover { background: var(--theme-fill-tsp-components-secondary) } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo .setting-xx4-os .arrow-UEU8BI { transition: transform .3s ease-in; transform: rotate(-90deg) } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo .setting-xx4-os .arrow-UEU8BI.expand-v98BHx { transform: rotate(90deg) } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo .pin-e3n-67 { display: flex; width: 14px; height: 14px; padding: 2px; align-items: center; gap: 10px; position: absolute; left: 0; bottom: 0; border-radius: 50%; cursor: pointer; opacity: 0 } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo .pin-e3n-67:hover { background: var(--theme-fill-tsp-components-secondary) } .tool-card-3TafUN .content-m97LC1 .system-part-5si8hX .system-tool-sUv-XO .tool-item-wzgaFo .pin-e3n-67.is-pin-85q-qU { opacity: 1 } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l { padding: 0 16px; position: relative } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .current-site-title-BQx1C2 { align-items: center; display: flex; gap: 6px } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .inner-1CJayo { display: flex; gap: 10px; flex-direction: column } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .inner-1CJayo .subTitle-JSnRaR { color: var(--theme-text-tertiary); font-size: 12px; font-weight: 500; line-height: 18px; margin-bottom: 1px; display: flex; justify-content: space-between; width: 100% } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .inner-1CJayo .subTitle-JSnRaR .iconWrapper-CS2Uzm { display: flex; padding: 2px; justify-content: center; align-items: center; gap: 4px; border-radius: 6px; cursor: pointer; font-weight: 400 } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .inner-1CJayo .subTitle-JSnRaR .iconWrapper-CS2Uzm:hover { opacity: .7 } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k { position: relative } @keyframes spin-fsFubT { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .refresh-afuG5a.spin-fsFubT { animation: spin-fsFubT 1s linear infinite } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .recommend-loading-ygvOp7 { width: 100%; height: calc(100% - 24px); min-height: 200px; background: var(--theme-bg-white); display: flex; justify-content: center; z-index: 2; border-radius: 6px } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja { display: flex; align-items: flex-start; align-content: flex-start; gap: 8px; align-self: stretch; flex-wrap: wrap; flex-direction: column; padding-top: 7px } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo { display: flex; width: 100%; cursor: pointer; position: relative; padding: 12px 6px 12px 14px; flex-direction: column; align-items: flex-start; gap: 2px; border-radius: 8px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-menu-white); transition: all .3s ease-in-out } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo:hover { border: 1px solid var(--theme-border-primary); box-shadow: 0 4px 12px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s3); transform: translateY(-2px); z-index: 10 } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo .title-gIpyP1 { color: var(--theme-text-primary); font-size: 14px; font-style: normal; line-height: 22px; display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 4px } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo .title-gIpyP1 .left-ObhJAI { display: flex; gap: 4px; align-items: center } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo .title-gIpyP1 .title-content-0o7PFV { display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-inline-start: 2px } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo .title-gIpyP1 .artifact-tag-11A9RE { display: flex; height: 18px; padding: 2px 4px; align-items: center; gap: 2px; border-radius: 6px; background: var(--theme-fill-tsp-brand); color: var(--theme-text-brand); font-size: 12px; font-weight: 500; line-height: 18px; flex-shrink: 0 } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo .desc-BRTulP { padding-right: 10px; color: var(--theme-text-quaternary); font-size: 12px; font-style: normal; line-height: 18px; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; flex: 1 } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo .star-cz15hb { cursor: pointer; padding: 2px; border-radius: 4px; display: flex } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo .star-cz15hb:hover { background: var(--theme-fill-tsp-components-secondary) } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo .op-more-CP1RNt { display: flex; align-items: center } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo .op-more-CP1RNt>span { height: 18px } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo .more-wrapper-mAxTlx { display: flex; padding: 2px; align-items: center; gap: 10px; border-radius: 4px; cursor: pointer } .tool-card-3TafUN .content-m97LC1 .current-site-part-kU0J0l .recommend-part-V2mZ8k .list-Wrapper-PW9Oja .tool-item-wzgaFo .more-wrapper-mAxTlx:hover { background: var(--theme-fill-tsp-components-secondary) } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .subTitle-JSnRaR { display: flex; justify-content: space-between; width: 100%; font-size: 12px; font-weight: 500; line-height: 18px; color: var(--theme-text-tertiary) } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .subTitle-JSnRaR .iconWrapper-CS2Uzm .arrow-UEU8BI { transform: rotate(180deg) } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv { transition: max-height .3s ease-in; max-height: 99999px; display: flex; align-items: flex-start; align-content: flex-start; gap: 8px; align-self: stretch; flex-wrap: wrap; padding-bottom: 6px } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv.hide-RrOANa { max-height: 0; overflow: hidden } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .list-menu-o5IdBl { display: flex; align-items: flex-start; align-content: flex-start; gap: 8px; align-self: stretch; flex-wrap: wrap; padding-top: 7px; width: 100% } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r { display: flex; justify-content: space-between; font-size: 14px; color: var(--theme-text-primary); line-height: 22px; cursor: pointer; width: calc(50% - 4px); padding: 10px 7px 10px 14px; align-items: center; gap: 4px; border-radius: 8px; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-menu-white); position: relative; transition: transform .3s ease-in-out } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r.disabled-5PLfeC { cursor: not-allowed; color: var(--theme-text-disable) } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r:hover { box-shadow: 0 4px 8px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s3); transform: translateY(-2px); z-index: 10 } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r:hover .left-ObhJAI .drag-btn-y7a12A { opacity: 1 } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r:hover .right-bUxqyZ { display: flex } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r:hover .pin-item-9pslJm { opacity: 1 } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r .left-ObhJAI { display: flex; align-items: center; gap: 6px; flex: 1 } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r .left-ObhJAI .drag-btn-y7a12A { opacity: 0; position: absolute; left: 0; top: calc(50% - 6px) } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r .left-ObhJAI .wrapper-xahmzw { display: flex; align-items: center; gap: 2px; height: 22px; cursor: grab } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r .left-ObhJAI .preview-tag-1QMlzZ { display: flex; height: 18px; padding: 2px 6px 2px 8px; align-items: center; gap: 2px; border-radius: 10px 10px 10px 1px; background: #ffe45d; font-size: 12px; white-space: nowrap; position: absolute; top: -8px; left: -2px; color: var(--theme-fill-black-none) } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r .pin-item-9pslJm { opacity: 0 } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r .pin-item-9pslJm.pin-e3n-67 { opacity: 1 } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r .btn-wrapper-Tw5NJT { display: flex; padding: 2px; align-items: center; gap: 10px; border-radius: 6px; cursor: pointer } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r .btn-wrapper-Tw5NJT:hover { background: var(--theme-fill-tsp-components-secondary) } .tool-card-3TafUN .content-m97LC1 .collection-xT4REx .list-R7CMUv .item-HZa73r .right-bUxqyZ { display: none; align-items: center; gap: 2px; line-height: 18px } .run-text-radXkW { color: var(--theme-text-brand); cursor: pointer; gap: 2px; font-size: 13px; position: relative; white-space: nowrap; display: flex; height: 24px; padding: 0 8px; justify-content: center; align-items: center; gap: 4px; border-radius: 6px } .run-text-radXkW svg { color: var(--theme-icon-brand) } .run-text-radXkW:hover { background: var(--theme-fill-tsp-brand-tertiary) } .operations--axTVq { display: flex; min-width: 132px; padding: 8px; flex-direction: column; align-items: flex-start; gap: 2px; border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3) } .operations--axTVq .item-HZa73r { display: flex; padding: 4px 12px; align-items: center; gap: 6px; align-self: stretch; border-radius: 8px; cursor: pointer; color: var(--theme-text-primary); white-space: nowrap } .operations--axTVq .item-HZa73r:hover { background: var(--theme-fill-tsp-components-tertiary) } .footer-b7oR72 { display: flex; padding: 8px 0 8px 4px; justify-content: center; align-items: center; gap: 4px; align-self: stretch; border-top: 1px solid var(--theme-border-light); cursor: pointer } .footer-b7oR72 .footer-text-DQpEFa { display: flex; align-items: center; margin-left: 2px; color: var(--theme-text-quaternary); text-align: center; font-size: 13px; font-weight: 400; line-height: 20px } .footer-b7oR72 .footer-text-DQpEFa .text-btn-S5-NIq { cursor: pointer; color: var(--theme-text-brand) } .footer-b7oR72 .arrow-icon-tm9UE7 { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; right: 0; transition: right .3s } .footer-b7oR72:hover { opacity: .8 } .footer-b7oR72:hover .arrow-icon-tm9UE7 { right: -4px } .clickable-SOAwFE { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .translate-setting-box-7YG2WY { border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: 0 12px 40px -4px var(--theme-shadow-s3), 0 0 2px 0 var(--theme-shadow-s2); border: 1px solid var(--theme-border-white); padding: 6px } .translate-setting-QlBqne { min-width: 120px; padding: 8px 12px; align-items: flex-start; border-radius: 8px; display: flex; align-items: center; gap: 6px; flex-direction: row; color: var(--theme-text-primary); font-size: 14px; line-height: 22px; cursor: pointer; height: 34px; white-space: nowrap } .translate-setting-QlBqne:hover { background: var(--theme-fill-tsp-components-secondary) } .tool-detail-jEbJyX { width: 100%; display: flex; flex-direction: column; height: 100%; overflow: hidden; gap: 12px } .tool-detail-jEbJyX.hide-RrOANa { display: none } .tool-detail-jEbJyX .header-V3WJbB { display: flex; width: 100%; border-bottom: 1px solid var(--theme-border-light); padding: 0 8px 14px 16px; gap: 6px; align-items: center } .tool-detail-jEbJyX .header-V3WJbB .title-gIpyP1 { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 20px; flex: 1; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden } .tool-detail-jEbJyX .header-V3WJbB .title-gIpyP1 .inner-1CJayo { cursor: pointer; display: inline } .tool-detail-jEbJyX .header-V3WJbB .title-gIpyP1 .back-6KccAy { position: relative; top: 3px; margin-inline-end: 6px } .tool-detail-jEbJyX .detail-wrapper-QTFbY6 { display: flex; flex-direction: column; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .tool-detail-jEbJyX .detail-wrapper-QTFbY6::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .tool-detail-jEbJyX .detail-wrapper-QTFbY6::-webkit-scrollbar-track { background: transparent } .tool-detail-jEbJyX .detail-wrapper-QTFbY6::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .tool-detail-jEbJyX .detail-wrapper-QTFbY6::-webkit-scrollbar-thumb:hover { background: #00000062 } .tool-detail-jEbJyX .detail-wrapper-QTFbY6::-webkit-scrollbar-corner { background: transparent } .tool-detail-jEbJyX .detail-wrapper-QTFbY6 .detail-sub-title-9vt6rC { font-size: 14px } .tool-detail-jEbJyX .detail-wrapper-QTFbY6 .section-WmMXnX { gap: 10px } .tool-detail-jEbJyX .detail-wrapper-QTFbY6 .action-tool-detail-c5OJxA { height: 100%; padding: 0 16px 20px } .tool-header-d1klO- .info-box--Cz8gA { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px } .tool-header-d1klO- .logo-KJg9YY { width: 38px; height: 38px; display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 6px; border: .5px solid var(--theme-border-quaternary); box-shadow: 0 1px 2px 0 var(--theme-shadow-s2) } .tool-header-d1klO- .run-wrapper-xXoMx1 { display: flex; flex-direction: column; gap: 10px; margin-top: 14px } .tool-header-d1klO- .run-wrapper-xXoMx1 .run-wrapper-checkbox-hksZ4l { margin-left: -2px; display: inline-flex; align-items: center; gap: 4px; color: var(--theme-text-tertiary); font-size: 13px; font-weight: 400; line-height: 20px; cursor: pointer } .tool-header-d1klO- .select-notice-Vliz0n { color: var(--theme-text-quaternary); font-size: 12px; line-height: 18px; margin-top: 8px } .tool-header-d1klO- .info-cont-RbiKir { flex: 1; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 2px; overflow: hidden } .tool-header-d1klO- .name-SL9GXn { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 20px } .tool-header-d1klO- .creator-pY-9p7 { width: 100%; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 400; line-height: 22px; color: var(--theme-text-quaternary) } .tool-header-d1klO- .creator-pY-9p7 .text-zQ8-ro { color: var(--theme-text-quaternary); font-size: 12px; font-weight: 400; line-height: 18px } .tool-header-d1klO- .actions-lvXu-m { display: inline-flex; align-items: center; align-self: flex-start; padding-top: 2px; gap: 5px } .tool-header-d1klO- .actions-lvXu-m .action-btn-ffljlm { height: 28px; min-height: 28px; border-color: var(--theme-icon-disable); color: var(--theme-text-tertiary); border-radius: 4px } .tool-header-d1klO- .actions-lvXu-m .action-btn-ffljlm.icon-btn-AVHKr0 { padding: 0 5px; color: var(--theme-icon-tertiary) } .tool-header-d1klO- .desc-BRTulP { margin-top: 8px; font-size: 13px; line-height: 20px; color: var(--theme-text-secondary) } .skeleton-53O7Mu { --skeleton-bg-color: linear-gradient(90deg, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 37%, rgba(0, 0, 0, .06) 63%); width: 100%; overflow: hidden; display: flex; gap: 10px; flex-direction: column } .skeleton-53O7Mu .skeleton-item-ex2SQk { width: 100%; height: 48px; border-radius: 8px; background: var(--skeleton-bg-color); background-size: 400% 100%; animation-name: skeleton-loading-UIgqqk; animation-duration: 1.4s; animation-timing-function: ease; animation-iteration-count: infinite } ._monica-dark .skeleton-53O7Mu { --skeleton-bg-color: linear-gradient(90deg, rgba(255, 255, 255, .06) 25%, rgba(255, 255, 255, .15) 37%, rgba(255, 255, 255, .06) 63%) } .add-btn-bzOiWp { color: var(--theme-text-btn-tertiary); border: 1px solid var(--theme-border-active) } @keyframes skeleton-loading-UIgqqk { 0% { background-position: 100% 50% } to { background-position: 0 50% } } .action-notice-iHYkFg { display: flex; min-width: 197px; padding: 8px 12px; flex-direction: column; justify-content: center; align-items: center; gap: 4px; border-radius: 8px; border: 1px solid var(--theme-border-white, rgba(255, 255, 255, .04)); background: var(--theme-bg-menu-white); white-space: nowrap; box-shadow: var(--theme-box-shadow-s2) } .action-notice-iHYkFg .title-jz-8Wj { display: flex; align-items: center; gap: 4px; align-self: stretch; color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .action-notice-iHYkFg .content-4TEihf { color: var(--theme-text-secondary); font-size: 12px; line-height: 18px } .quick-create-tool-4iN8QO { color: var(--theme-text-primary); padding: 20px 0 0 20px; height: 100%; display: flex; flex-direction: column } .quick-create-tool-4iN8QO .header-V8PDU5 { display: flex; justify-content: space-between; align-items: center; align-self: stretch; padding-right: 20px } .quick-create-tool-4iN8QO .header-V8PDU5 .title-vLO-IW { color: var(--theme-text-primary); font-size: 18px; font-weight: 600; line-height: 24px } .quick-create-tool-4iN8QO .header-V8PDU5 .iconWrapper-4ND53M { display: flex; padding: 2px; justify-content: center; align-items: center; gap: 10px; border-radius: 6px; cursor: pointer } .quick-create-tool-4iN8QO .header-V8PDU5 .iconWrapper-4ND53M:hover { background: var(--theme-fill-tsp-components-secondary) } .quick-create-tool-4iN8QO .scroll-wrapper-Q-pK42 { overflow: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto; flex: 1; padding-right: 20px; padding-bottom: 20px } .quick-create-tool-4iN8QO .scroll-wrapper-Q-pK42::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .quick-create-tool-4iN8QO .scroll-wrapper-Q-pK42::-webkit-scrollbar-track { background: transparent } .quick-create-tool-4iN8QO .scroll-wrapper-Q-pK42::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .quick-create-tool-4iN8QO .scroll-wrapper-Q-pK42::-webkit-scrollbar-thumb:hover { background: #00000062 } .quick-create-tool-4iN8QO .scroll-wrapper-Q-pK42::-webkit-scrollbar-corner { background: transparent } .quick-create-tool-4iN8QO .main-tRye70 { gap: 12px; display: flex; justify-content: center; flex-direction: column; margin-top: 16px } .quick-create-tool-4iN8QO .main-tRye70 .question-k9wKqi { color: var(--theme-text-secondary); font-size: 14px; line-height: 22px; display: flex; justify-content: space-between } .quick-create-tool-4iN8QO .main-tRye70 .question-k9wKqi .guide-EWuyhI { display: flex; align-items: center; gap: 4px; color: var(--theme-text-secondary); font-size: 13px; line-height: 20px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .quick-create-tool-4iN8QO .main-tRye70 .question-k9wKqi .guide-EWuyhI:hover { opacity: .7 } .quick-create-tool-4iN8QO .main-tRye70 .question-k9wKqi .guide-EWuyhI .text-jbfmWV { border-bottom: 1px solid var(--theme-text-secondary); line-height: 16px } .quick-create-tool-4iN8QO .main-tRye70 .notice-vykFQF { padding-top: 16px } .quick-create-tool-4iN8QO .main-tRye70 .notice-vykFQF .icon--LcUzo { margin-right: 8px; position: relative; top: 2px } .quick-create-tool-4iN8QO .main-tRye70 .input-wrapper-EpXpEG { display: flex; padding: 8px 2px 2px; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; border-radius: 10px; background: var(--theme-bg-menu-gray); position: relative } .quick-create-tool-4iN8QO .main-tRye70 .input-wrapper-EpXpEG .demo-K2C7hD { padding-left: 8px; font-size: 12px; display: flex } .quick-create-tool-4iN8QO .main-tRye70 .input-wrapper-EpXpEG .demo-K2C7hD .demo-title--adHY7 { line-height: 24px; margin-inline-end: 4px } .quick-create-tool-4iN8QO .main-tRye70 .input-wrapper-EpXpEG .demo-K2C7hD .list-uB-PF- { display: inline-flex; align-items: center; gap: 8px; align-self: stretch; flex-wrap: wrap } .quick-create-tool-4iN8QO .main-tRye70 .input-wrapper-EpXpEG .demo-K2C7hD .list-uB-PF- .btn-ZhTDKv { background-color: var(--theme-fill-white) } .quick-create-tool-4iN8QO .main-tRye70 .input-wrapper-EpXpEG .demo-K2C7hD .list-uB-PF- .btn-ZhTDKv:hover { background-color: var(--theme-btn-tsp-white) } .quick-create-tool-4iN8QO .main-tRye70 .input-wrapper-EpXpEG .textarea-8a2cto { border-radius: 10px; background: var(--theme-fill-white) } .quick-create-tool-4iN8QO .main-tRye70 .send-btn-e9UWM0 { color: var(--theme-text-brand) } .quick-create-tool-4iN8QO .main-tRye70 .artifact-wrapper-ETy1qF { padding-top: 20px } .quick-create-tool-4iN8QO .main-tRye70 .artifact-wrapper-ETy1qF .artifact-title-JO0nWq { color: var(--theme-text-primary); font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; margin-bottom: 10px } .quick-create-tool-4iN8QO .or-box-IrXfg0 { margin: 20px 0; display: flex; height: 22px; padding: 11px 34px; justify-content: center; align-items: center; gap: 24px; align-self: stretch } .quick-create-tool-4iN8QO .or-box-IrXfg0 .line-YG8QDI { flex: 1; height: 1px; background: var(--theme-border-light) } .quick-create-tool-4iN8QO .footer-9Bfiwa { margin-top: 20px } .quick-create-tool-4iN8QO .footer-9Bfiwa .setting-btn-mQ5-9N { border-color: var(--theme-border-active) } .loading-wtLTkx { width: 100%; height: 100%; background: var(--theme-bg-mask); display: flex; position: absolute; align-items: center; justify-content: center; z-index: 2; border-radius: 6px } .card-select-edf8bz { display: flex; align-items: flex-start; gap: 12px; align-self: stretch } .card-select-edf8bz .item-2ngYZE { display: flex; padding: 12px; flex-direction: column; align-items: flex-start; gap: 12px; cursor: pointer; border-radius: 10px; border: 1.5px solid var(--theme-fill-tsp-components-primary); width: calc(50% - 6px); background: var(--theme-bg-tsp-white-secondary) } .card-select-edf8bz .item-2ngYZE:hover { box-shadow: 0 6px 10.7px 0 var(--theme-fill-tsp-brand) } .card-select-edf8bz .item-2ngYZE.active-S9A4h6 { border: 1.5px solid var(--theme-border-active); box-shadow: 0 6px 10.7px 0 var(--theme-fill-tsp-brand); backdrop-filter: blur(20px) } .card-select-edf8bz .item-2ngYZE.active-S9A4h6 .title-vLO-IW { color: var(--theme-text-brand) } .card-select-edf8bz .item-2ngYZE.active-S9A4h6 .title-vLO-IW .box-wrapper-dbdpqq { background: linear-gradient(180deg, #6841ea 0%, #8d6bff 100%) } .card-select-edf8bz .item-2ngYZE .top-B270jN { display: flex; flex-direction: column; gap: 6px; width: 100% } .card-select-edf8bz .item-2ngYZE .top-B270jN .desc-9jEyA9 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; align-self: stretch; overflow: hidden; color: var(--theme-text-tertiary); text-overflow: ellipsis; font-size: 12px; line-height: 18px } .card-select-edf8bz .item-2ngYZE .title-vLO-IW { display: flex; align-items: center; align-self: stretch; gap: 8px } .card-select-edf8bz .item-2ngYZE .title-vLO-IW .left-XrAkD4 { display: flex; align-items: center; gap: 4px } .card-select-edf8bz .item-2ngYZE .title-vLO-IW .header-V8PDU5 { font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px } .card-select-edf8bz .item-2ngYZE .title-vLO-IW .box-wrapper-dbdpqq { border-radius: 4px; background: var(--theme-fill-tsp-brand); display: flex; padding: 8px; align-items: center; gap: 10px } .card-select-edf8bz .item-2ngYZE .title-vLO-IW .box-wrapper-dbdpqq .img-Edy2vq img { width: 20px; height: 20px } .card-select-edf8bz .item-2ngYZE .img-wrapper--fNAiz { width: 100%; min-height: 140px } .card-select-edf8bz .item-2ngYZE .img-Edy2vq { width: 100% } .card-select-edf8bz.disabled-E3aGDH .item-2ngYZE { cursor: not-allowed; pointer-events: none } .modal-Ifz-32 { max-height: calc(100% - 100px); border-radius: 16px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s2) } .action-tool-avY9AO { position: relative; width: 36px; height: 36px; padding: 4px; border-radius: 50%; background-color: var(--theme-bg-white); box-shadow: 0 8px 20px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); display: flex; align-items: center; justify-content: center; color: var(--theme-icon-tertiary); transition: opacity .3s ease-in-out, backgroundColor .2s ease-in-out; opacity: 1 } .action-tool-avY9AO:not(.addTool-IFqpta) { cursor: pointer; border: 1px solid var(--theme-border-white) } .action-tool-avY9AO:hover:not(.addTool-IFqpta) .action-menu-inner-P9EwRQ { background-color: var(--theme-fill-tsp-brand) } .action-tool-avY9AO.addTool-IFqpta { box-shadow: none; background-color: transparent } .action-tool-avY9AO.addTool-IFqpta .action-menu-inner-P9EwRQ { cursor: pointer; display: flex; padding: 6px; width: 24px; height: 24px; border-radius: 50%; align-items: center; border: 1px solid var(--theme-border-white); background: var(--theme-btn-fill-tertiary); box-shadow: 0 1px 3px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); color: var(--theme-icon-brand) } .action-tool-avY9AO.addTool-IFqpta .action-menu-inner-P9EwRQ:hover { border: 1px solid var(--theme-border-light); background: var(--theme-btn-fill-tertiary-hover); box-shadow: 0 1px 3px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .action-tool-avY9AO.hide-Xtmj6d { opacity: 0 } .action-tool-avY9AO .action-menu-inner-P9EwRQ { width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .action-tool-avY9AO .action-menu-inner-P9EwRQ.active-rxL5am { color: var(--theme-icon-brand) } .action-tool-avY9AO .current-site-logo-DG7Uoz { position: absolute; bottom: 4px; right: 4px; border-radius: 50%; pointer-events: none; width: 14px; max-height: 14px; background-color: var(--theme-bg-menu-white); border: 1px solid var(--theme-bg-white) } .action-tool-avY9AO .moreTool-Q07pGV { position: absolute; top: 2px; right: 4px; pointer-events: none; height: 12px; width: 18px; border-radius: 99px; background: var(--theme-icon-quaternary); display: flex; align-items: center; justify-content: center; border: 1px solid var(--theme-icon-white-primary) } .popover-pZMF8G, .popover-wrapper-slOCoa { border-radius: 50% } .wrapper-WocCcb { width: 36px; display: flex; position: relative } .wrapper-WocCcb.expand-4fLhPU { width: 66px } .wrapper-WocCcb.large-list-L5eAp3.expand-4fLhPU, .wrapper-WocCcb.large-list-L5eAp3 .expand-action-tool---HITr.active-fB96yq, .wrapper-WocCcb.large-list-L5eAp3 .expand-action-tool---HITr.is-hover-YWpgQT { width: 96px } .expand-action-tool---HITr { width: 36px; height: 36px; padding: 4px; border-radius: 36px; background-color: var(--theme-bg-white); box-shadow: 0 8px 20px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); display: flex; align-items: center; justify-content: flex-end; color: var(--theme-icon-tertiary); transition: width .2s ease-in-out; gap: 2px; overflow: hidden; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border: 1px solid var(--theme-border-white) } .expand-action-tool---HITr.active-fB96yq, .expand-action-tool---HITr.is-hover-YWpgQT { width: 66px } .expand-action-tool---HITr .node-wrapper-vV-bhR { display: contents } .extra-tools-box-Q-raLQ { position: absolute; top: 0; right: 0; display: flex; flex-direction: column; padding: 0 4px 0 0 } .extra-tools-box-Q-raLQ.left-fuDoOb { padding: 0 0 0 4px } .group--zSS-5 { display: flex; flex-direction: column; gap: 8px; align-items: flex-end } .group--zSS-5.left-fuDoOb { align-items: flex-start } .action-menu-inner-NhJs3t { width: 28px; height: 28px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0 } .action-menu-inner-NhJs3t:hover { background-color: var(--theme-fill-tsp-brand) } .onboarding-guide-mvTayI { position: relative; width: 300px; display: flex; flex-direction: column; padding: 4px; gap: 10px } .onboarding-guide-mvTayI .close-llk1i1 { position: absolute; top: 4px; right: 0; padding: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 4px; color: var(--theme-icon-quaternary); z-index: 3; font-size: 0; line-height: 0 } .onboarding-guide-mvTayI .close-llk1i1:hover { background-color: var(--theme-btn-fill-secondary-hover) } .onboarding-guide-mvTayI .title-OaqdWN { display: flex; align-items: center; gap: 4px; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--theme-text-primary); padding-right: 30px } .onboarding-guide-mvTayI .desc-Q58616 { font-size: 14px; line-height: 22px; font-weight: 400; color: var(--theme-text-tertiary); margin-top: -8px } .onboarding-guide-mvTayI .banner-k5zXeq { height: 160px; border-radius: 8px; border: 1px solid var(--theme-border-primary); overflow: hidden; background-color: var(--theme-bg-gray-primary) } .onboarding-guide-mvTayI .banner-k5zXeq video { width: 100%; height: 100%; object-fit: cover } .onboarding-guide-mvTayI .footer-0LBonq { margin-top: 8px } .web-translation-toast-q5Ls6k { width: 270px; position: relative; display: flex; flex-direction: column; z-index: 1; gap: 8px } .web-translation-toast-q5Ls6k .toast-jtr1MS { display: flex; align-items: flex-start; gap: 4px } .web-translation-toast-q5Ls6k .toast-jtr1MS .content-A0--Ly { flex: 1; display: flex; gap: 4px } .web-translation-toast-q5Ls6k .toast-jtr1MS .content-A0--Ly .icon-WGYqGC { height: 24px; display: inline-flex; align-items: center } .web-translation-toast-q5Ls6k .toast-jtr1MS .content-A0--Ly .icon-WGYqGC.loading-3vJXbG { animation: spin-JYaao- 1s linear infinite } @keyframes spin-JYaao- { to { transform: rotate(360deg) } } .web-translation-toast-q5Ls6k .toast-jtr1MS .content-A0--Ly .text-vnHOab { font-size: 14px; font-weight: 500; line-height: 24px; color: var(--theme-text-primary) } .web-translation-toast-q5Ls6k .toast-jtr1MS .setting-Hjf27b { display: flex; align-items: center; flex-shrink: 0 } .web-translation-toast-q5Ls6k .divider-4eECai { height: 1px; background-color: var(--theme-border-light) } .web-translation-toast-q5Ls6k .hit-u3lLc2 { font-size: 12px; line-height: 18px; color: var(--theme-text-tertiary); transition: all .2s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .web-translation-toast-q5Ls6k .hit-u3lLc2 .icon-WGYqGC { vertical-align: middle } .web-translation-toast-q5Ls6k .hit-u3lLc2 .txt-1Fc9xi { margin-left: 4px; line-height: 22px } .web-translation-toast-q5Ls6k .hit-u3lLc2 .txt-1Fc9xi b { display: inline-block; font-weight: 500; color: var(--theme-text-brand) } .web-translation-toast-q5Ls6k .hit-u3lLc2 .txt-1Fc9xi .arrow-f5BdNK { margin-left: 2px; display: inline-flex; vertical-align: middle; transition: all .2s ease-in-out; color: var(--theme-text-brand) } .web-translation-toast-q5Ls6k .hit-u3lLc2:hover { color: var(--theme-text-primary) } .web-translation-toast-q5Ls6k .hit-u3lLc2:hover .txt-1Fc9xi .arrow-f5BdNK { margin-left: 4px } .guide-wrapper-xFuJx6 { position: absolute; top: 0; left: 0; padding: 12px; border-radius: 8px; background: var(--theme-bg-white); box-shadow: 0 0 2px 0 var(--theme-shadow-s2), 0 12px 40px -4px var(--theme-shadow-s2); display: flex; gap: 12px; z-index: 1; cursor: default } .guide-wrapper-xFuJx6.left-qa6Z0c { transform: translate(calc(-100% - 16px), calc((-100% + 32px)/2)) } .guide-wrapper-xFuJx6.left-qa6Z0c.arrow-TOh9iY:after { position: absolute; top: calc(50% - 20px); right: -10px; content: ""; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 24px solid var(--theme-bg-white) } .guide-wrapper-xFuJx6.top-CFlLoN { transform: translateY(calc(-100% - 14px)) } .guide-wrapper-xFuJx6.top-CFlLoN.arrow-TOh9iY:after { position: absolute; left: 80px; bottom: -10px; content: ""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 24px solid var(--theme-bg-white) } .pdf-toolkit-menu-item-wXmXvo { visibility: visible } .tools-menu--x5y3V { min-width: 185px; background-color: var(--theme-bg-white); border-radius: 16px; border: 1px solid var(--transparent-white-40); box-shadow: var(--theme-box-shadow-s3); padding: 15px 20px } .tools-menu--x5y3V .title-O38UEJ { color: var(--theme-icon-tertiary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; padding: 0 12px } .tools-menu--x5y3V .item-FDNddT { display: block; margin-top: 4px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 8px 12px; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px } .tools-menu--x5y3V .item-FDNddT:hover { border-radius: 8px; background: var(--theme-fill-tsp-components-secondary) } .pdf-convert-shot-menu-HGfYa7 { visibility: visible } .tools-popover-content--s305u .item-8ovXWr { display: flex; flex-direction: row; justify-content: center; align-items: center } .tools-popover-content--s305u .item-8ovXWr .text-4aM93T { min-width: 0; white-space: nowrap } .tools-popover-content--s305u .item-8ovXWr .icon-iWf-Jb { margin-left: auto } .recommend-site-ljf-yM { border-radius: 12px; border: 1px solid var(--theme-border-white); background: var(--theme-bg-white); box-shadow: 0 0 1px #00000014, 0 8px 40px #00000014; backdrop-filter: blur(40px); display: flex; flex-direction: column; width: 384px } .recommend-site-ljf-yM .header-XT6Fun { padding: 12px 16px; display: flex; align-items: center; border-bottom: 1px solid var(--theme-border-light); width: 100% } .recommend-site-ljf-yM .header-XT6Fun .title-NGErES { display: flex; align-items: center; flex: 1; gap: 6px; font-weight: 500; color: var(--theme-text-primary) } .recommend-site-ljf-yM .header-XT6Fun .title-NGErES .title-text-T0TxgG { overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .recommend-site-ljf-yM .header-XT6Fun .actions-4MPbCy { display: flex; align-items: center; gap: 8px } .recommend-site-ljf-yM .loading-wrapper-rG4oWO { width: 100%; height: 100px; padding: 12px 16px } .recommend-site-ljf-yM .error-wrapper-73BWBi { width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; padding: 12px 16px } .recommend-site-ljf-yM .error-wrapper-73BWBi .error-text-BJIew1 { color: var(--theme-function-error); font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box } .recommend-site-ljf-yM .list-NM12D0 { display: flex; flex-direction: column; gap: 8px } .recommend-site-ljf-yM .list-NM12D0 .list-item-b6Vwm- { width: 100%; display: flex; padding: 10px 12px; align-items: flex-start; gap: 10px; border-radius: 8px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-menu-white); cursor: pointer; transition: background .1s ease-in-out } .recommend-site-ljf-yM .list-NM12D0 .list-item-b6Vwm-:hover { background: var(--theme-fill-tsp-components-tertiary) } .recommend-site-ljf-yM .list-NM12D0 .list-item-b6Vwm- .logo-wrapper-lOIeTf { width: 28px; height: 28px; flex-shrink: 0 } .recommend-site-ljf-yM .list-NM12D0 .list-item-b6Vwm- .logo-wrapper-lOIeTf .logo-ZjNLjS { width: 100%; height: 100% } .recommend-site-ljf-yM .list-NM12D0 .list-item-b6Vwm- .info-IlV6p8 { display: flex; flex-direction: column } .recommend-site-ljf-yM .list-NM12D0 .list-item-b6Vwm- .info-IlV6p8 .title-NGErES { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .recommend-site-ljf-yM .list-NM12D0 .list-item-b6Vwm- .info-IlV6p8 .desc-2CncIE { color: var(--theme-text-secondary); font-size: 13px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .recommend-site-ljf-yM .list-NM12D0 .list-item-b6Vwm- .info-IlV6p8 .sub-qvShV0 { display: flex; align-items: center; gap: 12px; color: var(--theme-text-disable); font-size: 12px; line-height: 18px } .recommend-site-ljf-yM .list-NM12D0 .list-item-b6Vwm- .info-IlV6p8 .sub-qvShV0 .divider-kALyRY { width: 1px; height: 10px; background-color: var(--theme-border-primary); flex-shrink: 0 } .recommend-site-ljf-yM .list-NM12D0 .list-item-b6Vwm- .info-IlV6p8 .sub-qvShV0 .text-aQwKN8 { flex: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .search-guide-4axcHh { position: relative } .guide-content-XOX5Qz { width: 360px; display: flex; padding: 16px 16px 12px; flex-direction: column; align-items: flex-start; gap: 12px; border-radius: 20px; background: var(--theme-bg-white); box-shadow: 0 0 1px #3232321f, 0 5px 20px -10px #3d3a5b29; backdrop-filter: blur(8px) } .guide-content-XOX5Qz .guide-video-tOt5Vb { width: 100% } .guide-content-XOX5Qz .desc-JkHmeY { color: var(--theme-text-primary); font-size: 14px; font-weight: 500; line-height: 22px } .guide-content-XOX5Qz .guide-operation-xycxPp { display: flex; gap: 12px; align-self: flex-end } .same-lang-hint-L6Kfyt { display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; bottom: 0; right: 70px; box-sizing: border-box; z-index: 99; background-color: var(--theme-bg-white); padding: 12px; border-radius: 6px; width: 280px; box-shadow: 1px 2px 14px 1px var(--theme-fill-tsp-components-primary), 0 0 1px 0 var(--theme-shadow-s2); align-items: flex-end } .same-lang-hint-L6Kfyt .hint-N7mt-J { color: var(--theme-text-primary); font-size: 14px; font-weight: 400; line-height: 22px } .same-lang-hint-L6Kfyt .emoji-Ov3j6v { font-size: 18px; line-height: 10px } .same-lang-hint-L6Kfyt .close-CYzOYl { position: absolute; top: 2px; right: 2px; padding: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; border-radius: 4px; color: var(--theme-icon-quaternary); z-index: 3; font-size: 0; line-height: 0 } .same-lang-hint-L6Kfyt .close-CYzOYl:hover { background-color: var(--theme-btn-fill-secondary-hover) } .feature-setting-1VqqQb .switch-wc6Zci { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px 0 } .feature-setting-1VqqQb .switch-wc6Zci .label-7gcwao { color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; text-align: left } .feature-setting-1VqqQb .shortcut-setting-IGiSAk { margin-top: 12px } .feature-setting-1VqqQb .shortcut-label-FCpxI0 { margin-bottom: 8px; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .feature-setting-1VqqQb .shortcut-trigger-9X9n4V { border-radius: 16px; background: var(--theme-fill-tsp-components-secondary); padding: 12px 16px; display: flex; align-items: center; column-gap: 10px; width: 100%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .feature-setting-1VqqQb .shortcut-trigger-9X9n4V .label-7gcwao { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px } .feature-setting-1VqqQb .shortcut-trigger-9X9n4V .arrow-VK3v2e { font-size: 16px; display: flex; transition: all .2s ease-in-out; color: var(--theme-icon-quaternary) } .feature-setting-1VqqQb .shortcut-trigger-9X9n4V .arrow-VK3v2e.active-bk4Sa4 { transform: rotate(-180deg) } .shortcut-items-AkdVUD { padding: 12px; border-radius: 16px; background: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s3); min-width: 318px } .shortcut-items-AkdVUD .shortcut-item-hliQV0 { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 8px 12px; width: 100%; color: var(--theme-icon-primary); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; border-radius: 8px; transition: background-color .2s ease-in-out; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box } .shortcut-items-AkdVUD .shortcut-item-hliQV0:hover { background-color: var(--theme-fill-tsp-components-secondary) } .shortcut-items-AkdVUD .shortcut-item-hliQV0.active-bk4Sa4 { background-color: var(--theme-bg-white); color: var(--theme-icon-brand) !important } .setting-menu-SAVOmX { width: 30px; height: 30px; margin: 3px; border-radius: 50%; position: relative; background-color: var(--theme-bg-white); box-shadow: 0 8px 20px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); display: flex; align-items: center; justify-content: center; transition: opacity .3s ease-in-out } .setting-menu-SAVOmX.hide-jMZWfb { opacity: 0 } .setting-menu-SAVOmX .setting-menu-inner-5DEa4K { width: 100%; height: 100%; border-radius: 50%; box-sizing: content-box; color: var(--theme-icon-quaternary); cursor: pointer; display: flex; align-items: center; justify-content: center } .setting-menu-SAVOmX .setting-menu-inner-5DEa4K:hover { background-color: var(--theme-fill-tsp-brand) } .setting-menu-SAVOmX .setting-menu-inner-5DEa4K.active--69-EA { color: var(--theme-icon-brand) } .card-bclyCK { width: 360px; box-sizing: border-box; padding: 20px; border-radius: 16px; border: 1px solid var(--transparent-white-40); box-shadow: 0 4px 24px 0 var(--theme-shadow-s1), 0 0 2px 0 var(--theme-shadow-s1) } .setting-menu-panel-T1H9eY { cursor: default; position: absolute; bottom: 0; right: 28px; padding-right: 12px; box-sizing: border-box; display: flex; flex-direction: column; gap: 4px; z-index: 99 } .setting-menu-panel-T1H9eY.left-KZnWvY { left: 24px; padding-left: 12px } .setting-menu-panel-T1H9eY.bottom-wJLtuV { top: 0 } .setting-menu-panel-T1H9eY .inner-box-a-ZZ6Q { position: relative; display: flex; flex-direction: column; gap: 12px; background: var(--theme-bg-menu-white); border: 1px solid var(--theme-border-white); box-shadow: 0 0 1px 0 var(--theme-shadow-s2, rgba(0, 0, 0, .08)), 0 0 1px #00000014, 0 8px 20px #0000001f } .setting-menu-panel-T1H9eY .inner-box-a-ZZ6Q .header-8K-v4u { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-quaternary); display: flex; align-items: center; column-gap: 4px } .setting-menu-panel-T1H9eY .inner-box-a-ZZ6Q .content-eY1fFs { display: flex; flex-direction: column; gap: 12px } .setting-menu-panel-T1H9eY .inner-box-a-ZZ6Q .content-eY1fFs .item-5Q8k9l { box-sizing: border-box; padding: 4px 0; display: flex } .setting-menu-panel-T1H9eY .inner-box-a-ZZ6Q .content-eY1fFs .item-5Q8k9l .lt-a5OCLU { flex: 1 } .setting-menu-panel-T1H9eY .inner-box-a-ZZ6Q .content-eY1fFs .item-5Q8k9l .lt-a5OCLU .label-sut2De { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-icon-primary) } .setting-menu-panel-T1H9eY .inner-box-a-ZZ6Q .content-eY1fFs .item-5Q8k9l .lt-a5OCLU .tip-V4Vg5D { font-size: 12px; font-weight: 400; line-height: 18px; color: var(--theme-icon-tertiary) } .setting-menu-panel-T1H9eY .inner-box-a-ZZ6Q .content-eY1fFs .item-5Q8k9l .rt-tBnsr- { display: flex; align-items: center } .setting-menu-panel-T1H9eY .inner-box-a-ZZ6Q .footer-u7mam- { border-top: 1px solid var(--theme-border-light); font-size: 14px; font-weight: 500; line-height: 18px; color: var(--theme-icon-quaternary); padding-top: 12px } .setting-menu-panel-T1H9eY .inner-box-a-ZZ6Q .footer-u7mam- span { color: var(--theme-icon-brand); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .setting-menu-guide-bnvhZQ { position: absolute; top: -12px; right: 36px; min-height: 86px; background: linear-gradient(180deg, var(--theme-bg-gray-secondary) 0%, rgba(244, 243, 255, 0) 100%), var(--theme-text-white-primary); display: flex; flex-direction: column; gap: 16px } .setting-menu-guide-bnvhZQ .content-eY1fFs { font-size: 14px; line-height: 22px; color: var(--theme-icon-primary); text-align: left } .sidebar-entry-btn-hvXPZj { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; font-size: 14px; white-space: normal; color: var(--theme-text-primary); box-sizing: border-box; position: fixed; bottom: 100px } .sidebar-entry-btn-hvXPZj :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .sidebar-entry-btn-hvXPZj :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .sidebar-entry-btn-hvXPZj .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } .sidebar-entry-btn-hvXPZj ::selection { background-color: #96c8fab3 } .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: absolute; white-space: nowrap; gap: 6px; height: 36px; padding: 0 8px; border: 1px solid var(--theme-border-white); background-color: var(--theme-bg-white); box-shadow: 0 3.2px 12px 0 var(--theme-shadow-s2), 0 5px 25px 0 var(--theme-shadow-s1); transition: transform .2s ease-in-out, background-color .2s ease-in-out; z-index: 1 } .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz:hover, .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz.hovered-xGJu2Z { background-color: var(--theme-btn-fill-tertiary-hover) } .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz:hover .close-btn-wTk3yg, .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz.hovered-xGJu2Z .close-btn-wTk3yg { display: block } .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz:hover .shortcut--0OZjH, .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz.hovered-xGJu2Z .shortcut--0OZjH { opacity: 1 } .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz:active { background-color: var(--theme-btn-fill-tertiary) } .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz .shortcut--0OZjH { font-size: 16px; font-weight: 500; color: var(--theme-icon-brand); opacity: 0 } .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz.red-dot-c8tove { position: relative } .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz.red-dot-c8tove:after { content: ""; width: 4px; height: 4px; background: var(--theme-function-error); border-radius: 50%; position: absolute; left: 34px; top: 4px } .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz .longtime-user-promotion-label-24Lgv9 { position: absolute; left: 5px; bottom: 5px; padding: 0 4px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 8px; font-weight: 500; border-radius: 100px; background: var(--theme-function-error); color: var(--theme-text-white-primary) } .sidebar-entry-btn-hvXPZj .close-btn-wTk3yg { position: absolute; top: -8px; z-index: 2; display: none } .sidebar-entry-btn-hvXPZj .guide-box-zmISod { transition: transform .25s linear; transform: translate(calc(-100% - 60px), calc(-100% + 80px)) } .sidebar-entry-btn-hvXPZj .guide-box-zmISod.hovered-xGJu2Z { transform: translate(calc(-100% - 92px), calc(-100% + 80px)) } .sidebar-entry-btn-left-tQcQ6Y { left: 0 } .sidebar-entry-btn-left-tQcQ6Y .float-btn-dmQyFz { flex-direction: row-reverse; justify-content: flex-end; left: -34px; border-radius: 0 32px 32px 0; transition: left .3s ease } .sidebar-entry-btn-left-tQcQ6Y .float-btn-dmQyFz:hover, .sidebar-entry-btn-left-tQcQ6Y .float-btn-dmQyFz.hovered-xGJu2Z { left: 0 !important } .sidebar-entry-btn-left-tQcQ6Y .float-btn-dmQyFz .close-btn-wTk3yg { right: 0 } .sidebar-entry-btn-left-tQcQ6Y .toolbar-AlHpmQ { left: 0 } .sidebar-entry-btn-left-tQcQ6Y.large-width-anF0uz .float-btn-dmQyFz { left: -52px } .collapse-animate-sorOb9.sidebar-entry-btn-left-tQcQ6Y { transition: left .3s ease } .collapse-animate-sorOb9.sidebar-entry-btn-right-doBuCO { transition: right .3s ease } .sidebar-entry-btn-right-doBuCO { right: 0 } .sidebar-entry-btn-right-doBuCO .float-btn-dmQyFz { flex-direction: row; justify-content: flex-start; right: -34px; border-radius: 32px 0 0 32px; transition: right .3s ease } .sidebar-entry-btn-right-doBuCO .float-btn-dmQyFz:hover, .sidebar-entry-btn-right-doBuCO .float-btn-dmQyFz.hovered-xGJu2Z { right: 0 !important } .sidebar-entry-btn-right-doBuCO .float-btn-dmQyFz .close-btn-wTk3yg { left: 0 } .sidebar-entry-btn-right-doBuCO .toolbar-AlHpmQ { right: 0 } .sidebar-entry-btn-right-doBuCO.large-width-anF0uz .float-btn-dmQyFz { right: -52px } .circular-btn-Q19t3Y { width: 36px; height: 36px; border-radius: 50%; position: fixed; display: flex; align-items: center; justify-content: center; border: 1px solid var(--theme-border-white); background-color: var(--theme-bg-white); box-shadow: 0 3.2px 12px 0 var(--theme-shadow-s2), 0 5px 25px 0 var(--theme-shadow-s1); cursor: move } ._monica-dark .sidebar-entry-btn-hvXPZj .float-btn-dmQyFz .shortcut--0OZjH { filter: brightness(1.5) } .image-tools-cC8rFM { position: fixed; z-index: 5 } .entry-button--SzNaL { min-height: 28px; color: var(--theme-text-white-primary); font-size: 12px; font-style: normal; font-weight: 500; line-height: 18px; flex-direction: row; justify-content: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; position: relative; display: flex; align-items: center } .entry-button--SzNaL.multi-btn-e3nb-5 .ai-tools-btn-EMPwnD { border-radius: 0 30px 30px 0 } .entry-button--SzNaL .translate-image-btn-g2DG80, .entry-button--SzNaL .ai-tools-btn-EMPwnD { background: var(--transparent-black-60) } .entry-button--SzNaL .translate-image-btn-g2DG80:hover, .entry-button--SzNaL .ai-tools-btn-EMPwnD:hover { background: rgba(34, 34, 38, .9) } .entry-button--SzNaL .translate-image-btn-g2DG80 .translate-image-lang-trigger-ao-Gkd:hover { background: var(--theme-tab-fill-active) } .entry-button--SzNaL .translate-image-btn-g2DG80 { display: flex; border-radius: 30px 0 0 30px } .entry-button--SzNaL .translate-image-btn-g2DG80 .btn-item-T9oqix { padding-right: 4px } .entry-button--SzNaL .ai-tools-btn-EMPwnD { border-radius: 30px } .entry-button--SzNaL .translate-image-lang-trigger-ao-Gkd { display: flex; justify-content: center; align-items: center; width: 14px; height: 100% } .entry-button--SzNaL .btn-item-T9oqix { display: flex; align-items: center; padding: 5px 10px } .entry-button--SzNaL .divider-WQGrXm { width: 1px; height: 12px; background: var(--theme-bg-tsp-white-secondary); margin-right: -2px } .entry-button--SzNaL:hover .close-gYn2sf { display: flex } .entry-button--SzNaL .close-gYn2sf { padding: 1px; border-radius: 16px; background: var(--theme-bg-white); position: absolute; top: -5px; right: -5px; display: none; color: var(--theme-text-primary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .entry-button--SzNaL .close-gYn2sf:hover { background: var(--transparent-white-65) } .image-translation-lang-selector-S8iAeZ { width: 200px; height: 340px; border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: 0 8px 24px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); padding: 8px } .tool-list-UmpT-w { border-radius: 12px; background: var(--theme-bg-menu-white); padding: 4px 0; box-shadow: var(--theme-box-shadow-s2); display: flex; flex-direction: column; max-width: 260px } .tool-list-UmpT-w:not(.children-HLK-wi) { width: 260px } .tools-item-KvKepJ { padding: 0 4px; width: 100% } .tools-item-KvKepJ.translation-tool-qBVsWs .inner-nJyhlt .to-lang-1sxQgw { color: var(--theme-text-quaternary); font-size: 12px; line-height: 22px; flex: 1; min-width: 0 } .tools-item-KvKepJ .inner-nJyhlt { display: flex; align-items: center; column-gap: 8px; border-radius: 8px; padding: 5px 8px; white-space: nowrap; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-primary); font-size: 14px; font-style: normal; line-height: 22px } .tools-item-KvKepJ .inner-nJyhlt.active-MJI0ig, .tools-item-KvKepJ .inner-nJyhlt:hover { background: var(--theme-fill-tsp-components-secondary) } .tools-item-KvKepJ .arrow-2hU8Uo { margin-left: auto; display: flex } .tools-item-KvKepJ .action-icon-8r1qQ3 { color: var(--theme-icon-tertiary) } .tools-item-KvKepJ .action-icon-8r1qQ3:hover { color: var(--theme-icon-primary) } ._monica-dark .translate-image-btn-g2DG80:hover, ._monica-dark .ai-tools-btn-EMPwnD:hover { background: rgba(34, 34, 38, .8) !important } .mark-tools-gStH-2 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; font-size: 14px; white-space: normal; color: var(--theme-text-primary); box-sizing: border-box; position: fixed; top: 0; left: 0; background: var(--theme-bg-white); box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 8px 20px 0 var(--theme-shadow-s2); border-radius: 16px; transition: transform .2s } .mark-tools-gStH-2 :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .mark-tools-gStH-2 :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .mark-tools-gStH-2 .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } .mark-tools-gStH-2 ::selection { background-color: #96c8fab3 } .mark-actions-q2i0-N { display: flex; justify-content: center; align-items: center } .mark-actions-q2i0-N .mark-action-gQRyhZ { cursor: pointer; padding: 8px 6px; display: flex; justify-content: center; align-items: center } .mark-actions-q2i0-N .mark-action-gQRyhZ:hover, .mark-actions-q2i0-N .mark-action-gQRyhZ.active-yhniuj { background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-brand) } .mark-actions-q2i0-N .mark-action-gQRyhZ:first-child { padding-left: 10px; border-radius: 16px 0 0 16px } .mark-actions-q2i0-N .mark-action-gQRyhZ:last-child { padding-right: 10px; border-radius: 0 16px 16px 0 } .badge-wrapper-BKtM7w { position: relative; display: flex; justify-content: center; align-items: center } .badge-wrapper-BKtM7w .badge-xvYBLZ { position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% + 8px), calc(-50% - 8px)); border: 2px solid var(--theme-bg-menu-white); width: 10px; height: 10px; border-radius: 10px; background: var(--theme-icon-brand); color: var(--theme-icon-white-primary) } .color-list-C7r98H { display: flex; justify-content: center; align-items: center } .color-list-C7r98H .color-list-item-om5Muo { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 50% } .color-list-C7r98H .color-list-item-om5Muo:hover { background: var(--theme-fill-tsp-components-secondary) } .color-list-wrapper-X3mokm { background: var(--theme-bg-menu-white); padding: 6px 10px; border-radius: 8px; box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 4px 16px 0 var(--theme-shadow-s3) } .color-list-block-AnGJ7N { width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--theme-border-quaternary) } .color-list-block-active-2sKFCV { width: 18px; height: 18px; border-color: var(--icon-primary) } .contextual-toolbar-BjPOM3 { position: relative; z-index: -1 } .contextual-toolbar-guide-UkQ8ci { position: fixed; bottom: 20px; right: 20px; min-width: 240px; width: fit-content; display: flex; flex-direction: column; gap: 12px; padding: 20px; border-radius: 20px; background: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s2) } .contextual-toolbar-guide-UkQ8ci .header-LajErz { display: flex; justify-content: space-between; align-items: center } .contextual-toolbar-guide-UkQ8ci .header-LajErz .title-KJv-I3 { font-size: 20px; font-weight: 600; line-height: 30px; color: var(--theme-icon-primary) } .contextual-toolbar-guide-UkQ8ci .header-LajErz .close-pxnU3U { color: var(--theme-text-quaternary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .contextual-toolbar-guide-UkQ8ci .header-LajErz .close-pxnU3U:hover { opacity: .8 } .contextual-toolbar-guide-UkQ8ci .desc-62KS39 { color: var(--theme-text-tertiary); font-size: 14px; font-weight: 500; line-height: 22px } .contextual-toolbar-guide-UkQ8ci .desc-62KS39 .shortcut-btn-XitJMb { display: inline-block; border-radius: 12px; border: 1px solid var(--theme-border-primary); background: var(--icon-disable); box-shadow: 0 6px 0 0 var(--icon-secondary); font-size: 14px; font-weight: 500; color: var(--theme-text-primary); padding: 4px 8px; margin: 0 4px } .contextual-toolbar-guide-UkQ8ci .guide-img-K94faz { width: 100%; height: 118px } .contextual-toolbar-guide-UkQ8ci .footer-D909qK { display: flex; justify-content: space-between; align-items: center; gap: 12px } .link-chCQaF { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand) } .link-chCQaF:hover, .link-chCQaF:active { opacity: .8 } .reading-tools-KJSTs5 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; font-size: 14px; white-space: normal; color: var(--theme-text-primary); box-sizing: border-box; display: flex; transition: none; position: fixed; left: 0; top: 0; transform: translate(-50%); z-index: 1 } .reading-tools-KJSTs5 :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .reading-tools-KJSTs5 :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .reading-tools-KJSTs5 .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } .reading-tools-KJSTs5 ::selection { background-color: #96c8fab3 } .reading-tools-KJSTs5 .box-89RIw9 { display: flex; justify-content: center; align-items: center; flex-direction: column } .reading-tools-KJSTs5 .box-89RIw9:hover .close-btn-wrapper-482VnY { visibility: visible } .reading-tools-KJSTs5 .box-89RIw9.temp-fixed-gb2Tgb { transform: translate(0) } .reading-tools-KJSTs5 .box-89RIw9.show-menu-pXju0I .action-menu-9z-8Gm { transform: scaleY(1); opacity: 1; pointer-events: all } .reading-tools-KJSTs5 .box-89RIw9.menu-on-top-3nmEls .action-menu-9z-8Gm { bottom: 30px; top: auto; transform-origin: 50% 100% } .reading-tools-KJSTs5 .inner-8ZH7Jy { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 16px; padding: 0; box-shadow: 0 8px 40px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); gap: 0px; border: 1px solid var(--theme-border-white); transition: border-color .2s ease } .reading-tools-KJSTs5 .inner-8ZH7Jy.highlight-ojljxn { border-color: var(--theme-border-active) } .reading-tools-KJSTs5 .inner-8ZH7Jy .left-0zrxO3 { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 16px 0 0 16px; background: var(--theme-bg-menu-white); overflow: hidden } .reading-tools-KJSTs5 .inner-8ZH7Jy .left-0zrxO3 .action-btn-box-jI07RM { display: flex; flex-direction: row; justify-content: center; align-items: center } .reading-tools-KJSTs5 .inner-8ZH7Jy .left-0zrxO3 .action-btn-box-jI07RM .action-wrapper-xvrFse { display: inline-flex; align-items: center } .reading-tools-KJSTs5 .inner-8ZH7Jy .left-0zrxO3 .action-btn-box-jI07RM .action-fixed-DDufnj { border-right: 1px solid var(--theme-border-primary) } .reading-tools-KJSTs5 .inner-8ZH7Jy .gift-XsVgK9 { width: 30px; height: 100%; display: flex; align-items: center; justify-content: center; border-left: 1px solid var(--theme-border-primary); background: var(--theme-bg-menu-white); cursor: pointer } .reading-tools-KJSTs5 .inner-8ZH7Jy .gift-XsVgK9:hover { background-color: var(--bg-lv1-hover) } .reading-tools-KJSTs5 .inner-8ZH7Jy .right-2byMET { width: 39px; height: 100%; position: relative } .reading-tools-KJSTs5 .inner-8ZH7Jy .right-2byMET .shortcut-action-RtVccO { position: absolute; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 0 16px 16px 0; border-left: 1px solid var(--theme-border-primary); background: var(--theme-bg-menu-white); color: var(--theme-icon-brand); transition: all .1s ease-in-out; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .reading-tools-KJSTs5 .inner-8ZH7Jy .right-2byMET .shortcut-action-RtVccO:hover .key-name-D39hJB { opacity: 1 !important } .reading-tools-KJSTs5 .inner-8ZH7Jy .right-2byMET .shortcut-action-RtVccO .shortcut-box-T-HmSX { position: absolute; left: 0; top: 0; width: auto; height: 100%; padding-left: 8px; padding-right: 12px; border-radius: 0 16px 16px 0; display: flex; align-items: center; gap: 4px } .reading-tools-KJSTs5 .inner-8ZH7Jy .right-2byMET .shortcut-action-RtVccO .shortcut-box-T-HmSX .key-name-D39hJB { opacity: 0; white-space: nowrap; font-size: 12px; font-weight: 600; transition: all .1s ease-in-out; color: var(--theme-icon-quaternary) } .reading-tools-KJSTs5 .inner-8ZH7Jy .right-2byMET .shortcut-action-RtVccO .shortcut-box-T-HmSX:hover { background-color: var(--theme-btn-fill-secondary-hover) } .reading-tools-KJSTs5 .action-btn-TalFEV { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-primary); height: 28px; border: none; font-weight: 400; white-space: nowrap; font-size: 13px; background: var(--theme-bg-white); position: relative; padding: 0 8px; border-radius: 0; display: inline-flex; align-items: center } .reading-tools-KJSTs5 .action-btn-TalFEV:hover { background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-brand) } .action-btn-box-jI07RM>.reading-tools-KJSTs5 .action-btn-TalFEV:first-of-type { padding-left: 12px } .reading-tools-KJSTs5 .translate-btn-94GLdd { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; height: 28px; background: var(--theme-bg-white) } .reading-tools-KJSTs5 .translate-btn-94GLdd:hover { background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-brand) } .reading-tools-KJSTs5 .translate-btn-94GLdd .translate-action-btn-Mzr6i8 { padding-left: 8px; padding-right: 2px; display: flex; align-items: center } .reading-tools-KJSTs5 .translate-btn-94GLdd .arrow-down-FEjL-c { padding: 0 2px; height: 28px; display: flex; align-items: center; justify-content: center } .reading-tools-KJSTs5 .translate-btn-94GLdd .arrow-down-FEjL-c svg { transition: all .3s } .reading-tools-KJSTs5 .translate-btn-94GLdd .arrow-down-FEjL-c:hover { background-color: var(--theme-fill-tsp-components-secondary) } .reading-tools-KJSTs5 .mark-icon-wrapper-jBlVOm { position: relative; display: inline-flex } .reading-tools-KJSTs5 .mark-icon-wrapper-jBlVOm .mark-color-54J0Ef { position: absolute; left: 0; bottom: 0; width: calc(100% - 2px); height: 2px; border-radius: 1px; margin-left: 1px } .reading-tools-KJSTs5 .action-menu-9z-8Gm { transition: all .05s ease; transform-origin: 50% 0; transform: scaleY(.5); opacity: 0; pointer-events: none; position: absolute; top: 100%; right: -5px; padding: 2px 5px; display: flex; justify-content: center; align-items: center; flex-direction: column } .reading-tools-KJSTs5 .action-menu-9z-8Gm .menu-inner-70JLrh { display: flex; justify-content: center; align-items: center; flex-direction: column } .reading-tools-KJSTs5 .action-menu-9z-8Gm .menu-inner-70JLrh ul { width: 100% } .reading-tools-KJSTs5 .action-menu-9z-8Gm .menu-inner-70JLrh li { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; gap: 5px; justify-content: flex-start; cursor: pointer; border-radius: 0; height: 32px; padding: 0 10px } .reading-tools-KJSTs5 .action-menu-9z-8Gm .menu-inner-70JLrh li:hover .pin-rajRfA { visibility: visible } .reading-tools-KJSTs5 .action-menu-9z-8Gm .menu-inner-70JLrh li.pinned-38al4o .pin-rajRfA { color: #3872e0; visibility: visible } .reading-tools-KJSTs5 .action-menu-9z-8Gm .menu-inner-70JLrh li .pin-rajRfA { cursor: pointer; visibility: hidden } .reading-tools-KJSTs5 .action-menu-9z-8Gm .menu-inner-70JLrh .action-btn-TalFEV { height: 28px; font-size: 12px; padding: 0 8px; text-align: left; justify-content: flex-start } .reading-tools-KJSTs5 .action-menu-9z-8Gm .no-login-menu-uSmFqH { position: relative; min-width: 195px; padding: 8px; display: flex; flex-direction: column; font-size: 12px; border-radius: 12px; background: var(--theme-bg-white); box-shadow: var(--theme-box-shadow-s2); z-index: 900; gap: 4px } .reading-tools-KJSTs5 .action-menu-9z-8Gm .no-login-menu-uSmFqH .default-item-nlPp8W { cursor: pointer; font-size: 14px; width: 100%; height: 34px; padding: 5px 3px 5px 8px; background: var(--theme-bg-white); color: var(--theme-text-primary); display: flex; align-items: center; gap: 4px; border-radius: 8px } .reading-tools-KJSTs5 .action-menu-9z-8Gm .no-login-menu-uSmFqH .default-item-nlPp8W:hover { background: var(--theme-fill-tsp-components-secondary) } .reading-tools-KJSTs5 .action-menu-9z-8Gm .no-login-menu-uSmFqH .default-item-nlPp8W .item-icon-00OTL- { display: flex; align-items: center; color: var(--theme-text-primary) } .reading-tools-KJSTs5 .action-menu-9z-8Gm .no-login-menu-uSmFqH .default-item-nlPp8W .item-text-uDe2E1 { font-size: 14px; font-weight: 500 } .close-btn-wrapper-482VnY { visibility: hidden; position: absolute; padding-left: 6px; right: -6px; top: -6px } .close-btn-wrapper-482VnY .close-btn-IeQoOI { color: var(--theme-icon-white-primary); background-color: var(--theme-icon-quaternary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 14px; height: 14px; border-radius: 14px; font-size: 0; transition: all .1s ease } .close-btn-wrapper-482VnY .close-btn-IeQoOI:hover { background: var(--theme-icon-disable) } .add-comment-operation-panel-JYv1dv { visibility: visible } .title-5KLnRx { color: var(--theme-text-primary); font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px; text-transform: capitalize; display: flex; gap: 4px; align-items: center } .textarea-EsAHgk { height: 100%; background: var(--theme-bg-white); display: flex; flex-direction: column; flex: 1 1 80px } .footer-u--RpV { display: flex; align-items: center } .footer-u--RpV .delete-button-cPN42R { margin-left: auto } .save-to-memo-button-0I9o-i { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; padding: 0 4px; display: inline-flex; align-items: center; gap: 4px; border-radius: 8px; transition: background .2s; color: var(--theme-text-tertiary); font-size: 12px; font-style: normal; font-weight: 500; line-height: 22px } .save-to-memo-button-0I9o-i:hover { background: var(--theme-fill-tsp-components-primary) } .save-to-memo-button-0I9o-i .shortcut-R2WkIv { padding: 3px; display: flex; border-radius: 4px; background: var(--theme-fill-tsp-components-secondary) } .input-wrapper-mbP48e { display: flex; flex-direction: column } .writing-tools-zBSaNy { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-feature-settings: normal; user-select: text; text-align: left; font-weight: 400; font-size: 14px; white-space: normal; color: var(--theme-text-primary); box-sizing: border-box; display: flex; transition: none; position: fixed; left: 0; top: 0; transform: translate(-50%); z-index: 1 } .writing-tools-zBSaNy :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .writing-tools-zBSaNy :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .writing-tools-zBSaNy .ant-select-selector { color: var(--theme-text-primary); background-color: transparent !important } .writing-tools-zBSaNy ::selection { background-color: #96c8fab3 } .writing-tools-zBSaNy .box-v9WwLS { display: flex; justify-content: center; align-items: center; flex-direction: column } .writing-tools-zBSaNy .box-v9WwLS:hover .close-btn-TMAe7I { visibility: visible } .writing-tools-zBSaNy .box-v9WwLS.show-menu-eO0m3p .action-menu-pKvSga { transform: scaleY(1); opacity: 1; pointer-events: all } .writing-tools-zBSaNy .box-v9WwLS.menu-on-top-hmdiPi .action-menu-pKvSga { bottom: 30px; top: auto; transform-origin: 50% 100% } .writing-tools-zBSaNy .inner-MMGOc9 { display: flex; flex-direction: row; justify-content: center; align-items: center; border-radius: 16px; padding: 0; background-color: var(--theme-bg-white); box-shadow: 0 8px 40px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); gap: 0px; overflow: hidden; border: 1px solid transparent; transition: border-color .2s ease } .writing-tools-zBSaNy .inner-MMGOc9.highlight-J93SaE { border-color: var(--theme-border-active) } .writing-tools-zBSaNy .inner-MMGOc9 .left-n6YJPs, .writing-tools-zBSaNy .inner-MMGOc9 .left-n6YJPs .action-btn-box-lRtuYx, .writing-tools-zBSaNy .inner-MMGOc9 .right-7bmQLM { display: flex; flex-direction: row; justify-content: center; align-items: center } .writing-tools-zBSaNy .inner-MMGOc9 .right-7bmQLM .shortcut-action-oel0Cj { padding-left: 8px; padding-right: 12px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 0 16px 16px 0; border-left: 1px solid var(--theme-border-primary); color: var(--theme-icon-brand); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .writing-tools-zBSaNy .inner-MMGOc9 .right-7bmQLM .shortcut-action-oel0Cj:hover, .writing-tools-zBSaNy .inner-MMGOc9 .right-7bmQLM .shortcut-action-oel0Cj.active-uy5RqQ { background-color: var(--theme-fill-tsp-components-secondary) } .writing-tools-zBSaNy .inner-MMGOc9 .action-btn-FvgbZh { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; color: var(--theme-text-primary); height: 28px; border: none; font-weight: 400; white-space: nowrap; font-size: 13px; background: var(--theme-bg-white); position: relative; padding: 0 8px; border-radius: 0; display: flex; align-items: center; color: var(--theme-icon-primary) } .writing-tools-zBSaNy .inner-MMGOc9 .action-btn-FvgbZh:hover, .writing-tools-zBSaNy .inner-MMGOc9 .action-btn-FvgbZh.active-uy5RqQ { background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-brand) } .writing-tools-zBSaNy .inner-MMGOc9 .first-btn-EKn-M8 { padding-left: 12px } .writing-tools-zBSaNy .action-menu-pKvSga { transition: all .05s ease; transform-origin: 50% 0; transform: scaleY(.5); opacity: 0; pointer-events: none; position: absolute; top: 100%; right: -5px; padding: 2px 5px; display: flex; justify-content: center; align-items: center; flex-direction: column } .writing-tools-zBSaNy .action-menu-pKvSga .menu-inner-6aZ6qY { display: flex; justify-content: center; align-items: center; flex-direction: column } .writing-tools-zBSaNy .action-menu-pKvSga .menu-inner-6aZ6qY ul { width: 100% } .writing-tools-zBSaNy .action-menu-pKvSga .menu-inner-6aZ6qY li { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; gap: 5px; justify-content: flex-start; cursor: pointer; border-radius: 0; height: 32px; padding: 0 10px } .writing-tools-zBSaNy .action-menu-pKvSga .menu-inner-6aZ6qY li:hover .pin-6zVrxj { visibility: visible } .writing-tools-zBSaNy .action-menu-pKvSga .menu-inner-6aZ6qY li.pinned-RoMnXy .pin-6zVrxj { color: #3872e0; visibility: visible } .writing-tools-zBSaNy .action-menu-pKvSga .menu-inner-6aZ6qY li .pin-6zVrxj { cursor: pointer; visibility: hidden } .writing-tools-zBSaNy .action-menu-pKvSga .menu-inner-6aZ6qY .action-btn-FvgbZh { height: 28px; font-size: 12px; padding: 0 8px; text-align: left; justify-content: flex-start } .writing-tools-zBSaNy .close-btn-TMAe7I { position: absolute; right: -6px; top: -6px; visibility: hidden } .writing-tools-zBSaNy .translate-btn-TTj7gV { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; height: 28px; background: var(--theme-bg-white) } .writing-tools-zBSaNy .translate-btn-TTj7gV:hover { background-color: var(--theme-fill-tsp-components-secondary); color: var(--theme-icon-brand) } .writing-tools-zBSaNy .translate-btn-TTj7gV .translate-action-btn-nTD825 { padding-left: 8px; padding-right: 2px; display: flex; align-items: center } .writing-tools-zBSaNy .translate-btn-TTj7gV .arrow-down-li3S9V { padding: 0 2px; height: 28px; display: flex; align-items: center; justify-content: center } .writing-tools-zBSaNy .translate-btn-TTj7gV .arrow-down-li3S9V svg { transition: all .3s } .writing-tools-zBSaNy .translate-btn-TTj7gV .arrow-down-li3S9V:hover { background-color: var(--theme-fill-tsp-components-secondary) } @media print { .writing-tools-zBSaNy { display: none } } .quick-ask-KCMLlI .quick-ask-container-3T6ue9 { z-index: 5; position: fixed; display: flex; flex-direction: column; padding: 12px; gap: 12px; border-radius: 16px; text-align: left; border: 1px solid var(--theme-border-primary); background: var(--theme-bg-tsp-gray-primary); box-shadow: 0 14px 40px -4px var(--theme-shadow-s2), 0 12px 40px -4px var(--theme-shadow-s2); backdrop-filter: blur(17.5px) } .quick-ask-KCMLlI .ask-input-Jz2qk4 { display: flex; align-items: center; gap: 12px; min-height: 28px } .quick-ask-KCMLlI .ask-input-Jz2qk4 .input-3xmDK- { flex: 1; width: auto !important; height: auto; padding: 0; line-height: 26px; background: transparent; border: none !important; border-radius: 0; color: var(--theme-text-primary); font-size: 16px } .quick-ask-KCMLlI .ask-input-Jz2qk4 .input-3xmDK-:placeholder { color: var(--theme-text-disable) } .quick-ask-KCMLlI .ask-input-Jz2qk4 .input-text-lOjWHP { flex: 1; color: var(--theme-text-primary); font-size: 16px; line-height: 22px } .quick-ask-KCMLlI .ask-input-Jz2qk4 .operations-aqa5a5 { display: flex; align-items: center; gap: 4px } .quick-ask-KCMLlI .ask-input-Jz2qk4 .operations-aqa5a5 .operation-item-Q3ei-0 { width: 22px; height: 22px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .quick-ask-KCMLlI .ask-input-Jz2qk4 .operations-aqa5a5 .operation-item-Q3ei-0:hover { background-color: var(--theme-fill-tsp-components-secondary) } .quick-ask-KCMLlI .suggestion-list-BLRB-K { display: flex; flex: 1; flex-direction: column; gap: 4px; max-height: 246px; height: max-content; padding: 12px 4px 12px 0; margin-right: -4px; margin-bottom: -12px; border-top: 1px solid var(--theme-btn-fill-secondary-hover); cursor: default; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .quick-ask-KCMLlI .suggestion-list-BLRB-K::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .quick-ask-KCMLlI .suggestion-list-BLRB-K::-webkit-scrollbar-track { background: transparent } .quick-ask-KCMLlI .suggestion-list-BLRB-K::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .quick-ask-KCMLlI .suggestion-list-BLRB-K::-webkit-scrollbar-thumb:hover { background: #00000062 } .quick-ask-KCMLlI .suggestion-list-BLRB-K::-webkit-scrollbar-corner { background: transparent } .quick-ask-KCMLlI .suggestion-list-BLRB-K .recommend-divider-X4CJjs { padding: 4px 12px } .quick-ask-KCMLlI .suggestion-list-BLRB-K .recommend-divider-X4CJjs .recommend-divider-text-HI5Bzg { width: 100%; font-weight: 500; font-size: 12px; color: var(--theme-text-quaternary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .quick-ask-KCMLlI .suggestion-item-Bvtf9i { display: flex; width: 100%; gap: 8px; align-items: center; padding: 10px 12px; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; background: transparent; color: var(--theme-icon-secondary) } .quick-ask-KCMLlI .suggestion-item-Bvtf9i:hover { background: var(--theme-border-quaternary) } .quick-ask-KCMLlI .suggestion-item-Bvtf9i.active-T-NeRB { background: var(--theme-fill-tsp-brand-primary) } .quick-ask-KCMLlI .suggestion-item-Bvtf9i.active-T-NeRB .content-paMXpI, .quick-ask-KCMLlI .suggestion-item-Bvtf9i.active-T-NeRB .content-paMXpI .title-NF-FOD { color: var(--theme-text-white-primary) } .quick-ask-KCMLlI .suggestion-item-Bvtf9i.active-T-NeRB svg { color: var(--theme-text-white-primary) } .quick-ask-KCMLlI .suggestion-item-Bvtf9i .content-paMXpI { flex: 1; font-weight: 400; font-size: 14px; line-height: 22px; color: var(--theme-text-tertiary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .quick-ask-KCMLlI .suggestion-item-Bvtf9i .content-paMXpI .title-NF-FOD { color: var(--theme-text-primary); font-weight: 500 } .quick-ask-KCMLlI .suggestion-item-Bvtf9i .hotkeys-8EUAk- { display: flex; gap: 3px } .quick-ask-KCMLlI .suggestion-item-Bvtf9i .hotkeys-8EUAk- .hotkey-item-JlMb-Q { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 22px; height: 22px; border-radius: 6px; background: var(--theme-fill-tsp-components-primary); color: var(--transparent-grayblue-45); box-shadow: 0 8px 40px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .quote-wrapper-7SJT-Z { display: flex; align-items: center; padding: 4px 8px 4px 12px; gap: 2px; border-radius: 6px; background: var(--theme-fill-tsp-components-secondary) } .quote-wrapper-7SJT-Z .quote-text-xtCtZn { flex: 1; color: var(--theme-text-quaternary); font-size: 14px; font-weight: 400; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .quote-wrapper-7SJT-Z .close-btn-BEReXR { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 2px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .quote-wrapper-7SJT-Z .close-btn-BEReXR svg { color: var(--theme-icon-quaternary) } .quote-wrapper-7SJT-Z .close-btn-BEReXR:hover { opacity: .8 } .web-access-btn-nZo-1S { width: 28px; height: 28px; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; flex-shrink: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative } .web-access-btn-nZo-1S:hover { background-color: var(--theme-fill-tsp-components-secondary) } .web-access-checked-GMxZ6H { position: absolute; height: 10px; width: 10px; border-radius: 50%; left: calc(50% + 5px); top: calc(50% + 5px); transform: translate(-50%, -50%); background: var(--theme-bg-white); display: flex; justify-content: center; align-items: center } .send-btn-DN2tTh { width: 28px; height: 28px; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; flex-shrink: 0; display: flex; flex-direction: row; justify-content: center; align-items: center } .send-btn-DN2tTh:hover { background-color: var(--theme-fill-tsp-components-secondary) } .back-action-E9fUUe { display: flex; align-items: center; gap: 4px } .back-action-E9fUUe .back-btn-desTui { width: 24px; height: 24px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; transform: rotate(180deg) } .back-action-E9fUUe .back-btn-desTui:hover { background-color: var(--theme-fill-tsp-components-secondary) } .back-action-E9fUUe .back-btn-desTui svg { color: var(--theme-icon-secondary) } .back-action-E9fUUe .action-vVS8A6 { flex-shrink: 0; display: flex; align-items: center; gap: 2px; padding: 4px 8px; color: var(--theme-text-tertiary); border-radius: 8px; background: var(--theme-fill-tsp-components-primary) } .back-action-E9fUUe .action-vVS8A6 .action-text-mgy7NI { font-size: 14px; font-weight: 400; line-height: 22px; color: var(--theme-text-tertiary) } .loading-icon-7umf2F { display: flex; flex-direction: row; justify-content: center; align-items: center; animation: loading-NF0CG7 1s infinite linear } @keyframes loading-NF0CG7 { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .loading-icon-7umf2F svg { color: var(--theme-icon-brand) } .close-icon-qxlVqL { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .close-icon-qxlVqL svg { color: var(--theme-icon-secondary) } .close-icon-qxlVqL:hover { opacity: .5 } .sample-ReAyjC { color: var(--theme-text-link); cursor: pointer } .sample-ReAyjC:hover { opacity: .8 } .respond-language-select-tVeN7p { display: flex; flex-direction: row; justify-content: center; align-items: center } .respond-language-select-tVeN7p .wrap-BksB8E { display: flex; padding-top: 12px } .respond-language-select-tVeN7p .card-YNWY9e { min-width: 200px; box-sizing: border-box; padding: 12px; background: var(--theme-bg-white); box-shadow: 0 8px 40px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); border-radius: 12px; font-size: 12px; display: flex; flex-direction: column } .respond-language-select-tVeN7p .card-YNWY9e .select-8zANzy { min-width: 180px } .respond-language-select-tVeN7p .menu-item-9ylh-m { display: flex } .respond-language-select-tVeN7p .menu-item-9ylh-m.active-clzO2C { background-color: var(--theme-fill-tsp-components-secondary) } .respond-language-select-content-C13-Zp { position: relative; width: 100% } .respond-language-select-content-C13-Zp .item-9Cx2Vc { width: 100%; box-sizing: border-box; padding: 6px 0; display: flex; color: var(--theme-text-secondary) } .respond-language-select-content-C13-Zp .item-9Cx2Vc .lt-xr9LBA { flex: 1; display: flex; align-items: center; gap: 8px } .respond-language-select-content-C13-Zp .item-9Cx2Vc .lt-xr9LBA .name-kzXW89 { font-size: 14px; font-weight: 500; line-height: 16px; color: var(--theme-text-secondary) } .respond-language-select-content-C13-Zp .item-9Cx2Vc .lt-xr9LBA .help-y-Ztm4 { display: inline-flex; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .respond-language-select-content-C13-Zp .item-9Cx2Vc .select-mrqOxe { min-width: 180px } .reading-summary-entry-sQ7GjJ { position: fixed; right: 28px; top: 80px; box-sizing: border-box; padding: 8px; display: inline-flex; flex-direction: column; gap: 8px; background: var(--theme-btn-fill-secondary-hover); border: 1px solid rgba(145, 158, 171, .12); box-shadow: 0 0 1px var(--theme-shadow-s2), 1px 2px 14px 1px var(--theme-fill-tsp-components-primary); border-radius: 6px } .reading-summary-entry-sQ7GjJ .menus-TITw4U { display: flex; align-items: center; gap: 8px } .reading-summary-entry-sQ7GjJ .menus-TITw4U .summarize-KNVBZE { position: relative; box-sizing: border-box; padding: 5px 8px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--theme-text-brand); border-radius: 6px; box-shadow: 0 2px 0 var(--theme-text-brand); background: var(--theme-text-white-primary); transition: background-color .2s ease, top .1s ease, box-shadow .1s ease; top: -1px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .reading-summary-entry-sQ7GjJ .menus-TITw4U .summarize-KNVBZE:hover { background: var(--theme-shadow-s1) } .reading-summary-entry-sQ7GjJ .menus-TITw4U .summarize-KNVBZE:active { top: 0; box-shadow: none } .reading-summary-entry-sQ7GjJ .menus-TITw4U .summarize-KNVBZE .logo-Iet2ed { width: 18px; height: 18px } .reading-summary-entry-sQ7GjJ .menus-TITw4U .summarize-KNVBZE span { font-size: 16px; font-weight: 500; color: var(--theme-text-primary); line-height: 18px } .reading-summary-entry-sQ7GjJ .menus-TITw4U .action-EvGaDu { display: inline-flex; color: var(--theme-text-tertiary); cursor: pointer } .reading-summary-entry-sQ7GjJ .menus-TITw4U .action-EvGaDu:hover, .reading-summary-entry-sQ7GjJ .menus-TITw4U .action-EvGaDu.active-7Vo-Q4 { color: var(--theme-text-brand) } .reading-summary-entry-sQ7GjJ .setting-jbI5O3 { display: flex; align-items: center } .reading-summary-entry-sQ7GjJ .setting-jbI5O3 .txt-eqCbJw { user-select: none; font-size: 12px; color: var(--theme-text-tertiary) } .more-action-card-Gzyxpf .box-QVo1uj { box-sizing: border-box; padding: 8px 4px; position: relative; display: flex; flex-direction: column; background: var(--theme-text-white-primary); box-shadow: 0 0 1px var(--theme-shadow-s2), 1px 2px 14px 1px var(--theme-fill-tsp-components-primary); border-radius: 6px; margin-top: 20px; min-width: 200px } .more-action-card-Gzyxpf .box-QVo1uj .item-l-ih8I { display: flex; align-items: center; box-sizing: border-box; border-radius: 6px; padding: 5px 6px; gap: 8px; color: var(--theme-text-secondary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .more-action-card-Gzyxpf .box-QVo1uj .item-l-ih8I.disable-hover-1zHsn- { cursor: unset } .more-action-card-Gzyxpf .box-QVo1uj .item-l-ih8I.disable-hover-1zHsn-:hover { background: var(--theme-text-white-primary) } .more-action-card-Gzyxpf .box-QVo1uj .item-l-ih8I:hover { background: var(--theme-bg-gray-secondary) } .more-action-card-Gzyxpf .box-QVo1uj .item-l-ih8I span { font-size: 13px; white-space: nowrap; line-height: 20px } .more-action-card-Gzyxpf .box-QVo1uj .item-l-ih8I .select-0zPyVl { min-width: 192px } .reading-summary-status-bar-yFqhHz { position: fixed; right: 28px; top: 80px; user-select: none; --m-text-color: #212b36 } .reading-summary-status-bar-yFqhHz .card-qhWxFK { width: 260px; box-sizing: border-box; padding: 12px 16px; border-radius: 12px; background: var(--theme-bg-menu-white); box-shadow: var(--theme-box-shadow-s3); border: 1px solid var(--theme-border-white); display: flex; flex-direction: column; gap: 10px } .reading-summary-status-bar-yFqhHz .card-qhWxFK .header-pdXRYm { display: flex; align-items: center; gap: 8px } .reading-summary-status-bar-yFqhHz .card-qhWxFK .header-pdXRYm .logo-9bRpqO { width: 18px; height: 18px; display: flex } .reading-summary-status-bar-yFqhHz .card-qhWxFK .header-pdXRYm .logo-9bRpqO img { width: 100%; height: 100% } .reading-summary-status-bar-yFqhHz .card-qhWxFK .header-pdXRYm .title-xy9Sgi { flex: 1; font-size: 16px; font-weight: 500; color: var(--theme-text-primary); line-height: 18px } .reading-summary-status-bar-yFqhHz .card-qhWxFK .content-HMRK23 { box-sizing: border-box; padding-top: 8px; border-top: 1px solid var(--theme-border-primary) } .reading-summary-status-bar-yFqhHz .card-qhWxFK .content-HMRK23 .msg-le47O5 { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--theme-text-primary) } .reading-summary-status-bar-yFqhHz .card-qhWxFK .content-HMRK23 .sub-msg-5DzY71 { font-size: 13px; font-weight: 400; line-height: 20px; color: var(--theme-text-tertiary) } .reading-summary-status-bar-yFqhHz .card-qhWxFK .content-HMRK23 .btn-kqf4Re { display: inline-flex; align-items: center; gap: 8px; font-weight: 500 } .close-button-iRp0St { color: var(--theme-btn-fill-secondary); width: 20px; height: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 4px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .close-button-iRp0St:hover { background-color: var(--theme-fill-tsp-components-secondary) } .recognition-input-zkIC5Y { width: 100%; background: var(--theme-bg-menu-white); padding: 4px; display: flex; align-items: center; gap: 8px } .recognition-input-zkIC5Y .lt-xKy9ud { flex: 1; padding: 0 4px; position: relative; display: flex; align-items: center } .recognition-input-zkIC5Y .lt-xKy9ud .generating-MqAsTz { user-select: none; width: 100%; display: flex; align-items: center; column-gap: 2px; color: var(--theme-text-disable); font-size: 14px; font-weight: 400; line-height: 22px } .recognition-input-zkIC5Y .lt-xKy9ud .generating-MqAsTz .loading-tJGZWx { width: auto; align-self: flex-end } .recognition-input-zkIC5Y .lt-xKy9ud .generating-MqAsTz .loading-tJGZWx i { width: 3px; height: 3px } .recognition-input-zkIC5Y .lt-xKy9ud .input-tZCQkW { width: 100%; border: none; font-size: 14px; font-weight: 400; line-height: 24px; color: var(--theme-icon-primary); background: transparent; caret-color: var(--theme-icon-brand) } .recognition-input-zkIC5Y .lt-xKy9ud .input-tZCQkW::placeholder { color: var(--theme-text-disable) } .recognition-input-zkIC5Y .lt-xKy9ud .input-tZCQkW::caret { width: 2px } .recognition-input-zkIC5Y .lt-xKy9ud .input-tZCQkW:focus { outline: none } .recognition-input-zkIC5Y .rt-mQoAKU { flex-shrink: 0; display: flex; align-items: center; gap: 4px } .recognition-input-zkIC5Y .rt-mQoAKU .action-btn-DgdD2A { display: flex; align-items: center; justify-content: center; border-radius: 8px; color: var(--theme-icon-tertiary); width: 28px; height: 28px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .recognition-input-zkIC5Y .rt-mQoAKU .action-btn-DgdD2A:hover { background-color: var(--theme-fill-tsp-components-primary) } .recognition-input-zkIC5Y .rt-mQoAKU .action-btn-DgdD2A.disabled-aYXujN { color: var(--theme-icon-tertiary); opacity: .5; cursor: not-allowed } .recognition-input-zkIC5Y .rt-mQoAKU .active-btn-HAf-sh { color: var(--theme-icon-brand) } .recognition-input-zkIC5Y .rt-mQoAKU .divider-6oU9xk { height: 12px; width: 1px; background-color: var(--theme-fill-tsp-components-primary) } .recognition-result-0h4y51 { position: fixed; flex-shrink: 0; z-index: 801 } .recognition-result-0h4y51 .mini-mode--yKk-6 { position: absolute; width: 100%; left: 50%; bottom: 0; transform: translate(-50%); width: max-content; visibility: hidden; height: 32px; padding: 0 12px; border-radius: 8px; background-color: var(--theme-bg-menu-white); box-shadow: 0 8px 40px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2); font-size: 12px; font-weight: 14px; display: flex; align-items: center; color: var(--theme-icon-quaternary); cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .recognition-result-0h4y51 .mini-mode--yKk-6.visible-xl6Jzd { visibility: visible } .recognition-result-0h4y51 .mini-mode--yKk-6:hover { background: var(--theme-bg-gray-secondary) } .recognition-result-0h4y51 .mini-mode--yKk-6:before { position: absolute; top: 7px; left: 8px; content: ""; width: 2px; height: 18px; border-radius: 2px; background-color: var(--theme-btn-fill-primary) } .recognition-result-0h4y51 .input-box-q3uR-P { background: var(--theme-bg-menu-white); border-radius: 16px; padding: 12px; height: 46px } .recognition-result-0h4y51 .input-box-q3uR-P.waiting-input-N8Cy8R { height: auto; padding: 4px 0; cursor: grab; box-shadow: 0 8px 40px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .recognition-result-0h4y51 .result-kGkb7N { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 5px 5px 0; border-radius: 16px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-menu-gray); box-shadow: 0 10px 18.1px 0 var(--theme-fill-tsp-components-tertiary), 0 0 1px 0 var(--theme-shadow-s2); transition: transform .3s ease-in-out; transform-origin: bottom center } .recognition-result-0h4y51 .result-kGkb7N .result-header-Kxbrmv { position: relative; padding: 5px 5px 10px; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 10px; justify-content: space-between; color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 24px; user-select: none } .recognition-result-0h4y51 .result-kGkb7N .result-header-Kxbrmv .result-title-j5Yg3B { color: var(--theme-text-primary); font-size: 16px; font-weight: 600; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .recognition-result-0h4y51 .result-kGkb7N .result-header-Kxbrmv .header-right-bEQalB { display: flex; flex-direction: row; justify-content: center; align-items: center; column-gap: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .recognition-result-0h4y51 .result-kGkb7N .result-header-Kxbrmv .header-right-bEQalB .pin-icon-fMfxmw { width: 32px; height: 32px; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex; border-radius: 8px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; width: 28px; height: 28px } .recognition-result-0h4y51 .result-kGkb7N .result-header-Kxbrmv .header-right-bEQalB .pin-icon-fMfxmw:hover { background-color: var(--theme-fill-tsp-components-secondary) } .recognition-result-0h4y51 .result-kGkb7N .result-header-Kxbrmv:hover .drag-icon-LEEPOt { display: inline-block } .recognition-result-0h4y51 .result-kGkb7N .result-header-Kxbrmv .drag-icon-LEEPOt { display: none; position: absolute; left: 50%; top: -5px; color: var(--theme-icon-disable); transform: translate(-50%) } .recognition-result-0h4y51 .result-kGkb7N .result-wrapper-2G-ZKp { display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 10px; width: 100%; flex: 1; padding: 0 5px 10px; overflow: hidden } .recognition-result-0h4y51 .result-kGkb7N .result-wrapper-2G-ZKp>div { width: 100% } .recognition-result-0h4y51 .result-kGkb7N .result-wrapper-2G-ZKp .result-content-BZ7ot8 { flex: 1; overflow: hidden; padding: 8px 8px 8px 2px; background: var(--theme-bg-menu-white); border-radius: 16px; display: flex } .recognition-result-0h4y51 .result-kGkb7N .result-wrapper-2G-ZKp .result-content-BZ7ot8 .result-info-hA1NBF { position: relative; margin-left: 6px; padding-right: 6px; flex: 1; width: 100%; color: var(--theme-icon-primary); font-size: 14px; font-weight: 400; line-height: 22px; row-gap: 2px; overflow-y: auto; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .recognition-result-0h4y51 .result-kGkb7N .result-wrapper-2G-ZKp .result-content-BZ7ot8 .result-info-hA1NBF::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .recognition-result-0h4y51 .result-kGkb7N .result-wrapper-2G-ZKp .result-content-BZ7ot8 .result-info-hA1NBF::-webkit-scrollbar-track { background: transparent } .recognition-result-0h4y51 .result-kGkb7N .result-wrapper-2G-ZKp .result-content-BZ7ot8 .result-info-hA1NBF::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .recognition-result-0h4y51 .result-kGkb7N .result-wrapper-2G-ZKp .result-content-BZ7ot8 .result-info-hA1NBF::-webkit-scrollbar-thumb:hover { background: #00000062 } .recognition-result-0h4y51 .result-kGkb7N .result-wrapper-2G-ZKp .result-content-BZ7ot8 .result-info-hA1NBF::-webkit-scrollbar-corner { background: transparent } .recognition-result-0h4y51 .result-kGkb7N .result-wrapper-2G-ZKp .result-content-BZ7ot8 .result-info-hA1NBF .project-name-leO5lM { position: sticky; background: var(--theme-bg-menu-white); z-index: 1; top: 0; color: var(--theme-icon-brand) } .recognition-result-0h4y51 .result-kGkb7N .loading-Kau3jZ { display: flex; flex-direction: row; justify-content: center; align-items: center; justify-content: flex-start } .default-mode-JGsCnq { position: fixed; flex-shrink: 0; z-index: 1; padding: 8px; min-width: 420px; background-color: var(--theme-bg-menu-white); border-radius: 16px; visibility: hidden; box-shadow: 0 8px 40px 0 var(--theme-shadow-s2), 0 0 1px 0 var(--theme-shadow-s2) } .default-mode-JGsCnq.visible-yDAZOU { visibility: visible } .default-mode-JGsCnq .suggestion-nSyfex { position: relative; display: flex; flex-direction: column; flex: 1; gap: 4px } .default-mode-JGsCnq .suggestion-nSyfex .item-bZ9Sn3 { padding: 8px; display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 22px; color: var(--theme-icon-primary); border-radius: 8px; user-select: none; cursor: pointer } .default-mode-JGsCnq .suggestion-nSyfex .item-bZ9Sn3 .lt--qMAUa { flex: 1; display: flex; align-items: center; gap: 8px } .default-mode-JGsCnq .suggestion-nSyfex .item-bZ9Sn3 .rt-Oit8eX { width: 16px; flex-shrink: 0; display: flex } .default-mode-JGsCnq .suggestion-nSyfex .item-bZ9Sn3:hover { background-color: var(--theme-fill-tsp-components-secondary) } .default-mode-JGsCnq .suggestion-nSyfex .item-bZ9Sn3.active-otskZU, .default-mode-JGsCnq .suggestion-nSyfex .item-bZ9Sn3.active-otskZU:hover { background-color: var(--theme-fill-tsp-components-primary) } .default-mode-JGsCnq .divider-sfzlGl { height: 1px; background-color: var(--theme-fill-tsp-components-secondary); margin: 4px 0 } .default-mode-JGsCnq .input-box-PPoHf9 { width: 100%; background: var(--theme-bg-menu-white); padding: 4px; display: flex; align-items: center; gap: 8px } .default-mode-JGsCnq .input-box-PPoHf9 .lt--qMAUa { flex: 1; padding: 0 4px; position: relative; display: flex; align-items: center } .default-mode-JGsCnq .input-box-PPoHf9 .lt--qMAUa .generating-b4lXHr { user-select: none; width: 100%; display: flex; align-items: center; column-gap: 2px; color: var(--theme-text-disable); font-size: 14px; font-weight: 400; line-height: 22px } .default-mode-JGsCnq .input-box-PPoHf9 .lt--qMAUa .generating-b4lXHr .loading-NYxjCj { width: auto; align-self: flex-end } .default-mode-JGsCnq .input-box-PPoHf9 .lt--qMAUa .generating-b4lXHr .loading-NYxjCj i { width: 3px; height: 3px } .default-mode-JGsCnq .input-box-PPoHf9 .lt--qMAUa .input-kAVD-x { width: 100%; border: none; font-size: 14px; font-weight: 400; line-height: 24px; color: var(--theme-icon-primary); caret-color: var(--theme-icon-brand); background: transparent } .default-mode-JGsCnq .input-box-PPoHf9 .lt--qMAUa .input-kAVD-x::placeholder { color: var(--theme-text-disable) } .default-mode-JGsCnq .input-box-PPoHf9 .lt--qMAUa .input-kAVD-x::caret { width: 2px } .default-mode-JGsCnq .input-box-PPoHf9 .lt--qMAUa .input-kAVD-x:focus { outline: none } .default-mode-JGsCnq .input-box-PPoHf9 .rt-Oit8eX { flex-shrink: 0; display: flex; align-items: center; gap: 4px } .default-mode-JGsCnq .input-box-PPoHf9 .rt-Oit8eX .action-btn-nXYaWt { display: flex; align-items: center; justify-content: center; border-radius: 8px; color: var(--theme-icon-tertiary); width: 28px; height: 28px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent } .default-mode-JGsCnq .input-box-PPoHf9 .rt-Oit8eX .action-btn-nXYaWt:hover { background-color: var(--theme-fill-tsp-components-primary) } .default-mode-JGsCnq .input-box-PPoHf9 .rt-Oit8eX .action-btn-nXYaWt.disabled-f2FqSe { color: var(--theme-icon-tertiary); opacity: .5; cursor: not-allowed } .default-mode-JGsCnq .input-box-PPoHf9 .rt-Oit8eX .active-btn-M-ehq9 { color: var(--theme-icon-brand) } .default-mode-JGsCnq .input-box-PPoHf9 .rt-Oit8eX .divider-sfzlGl { height: 12px; width: 1px; background-color: var(--theme-fill-tsp-components-primary) } .screen-recognition-oWvqXP { visibility: visible } .screen-recognition-oWvqXP .screenshot-node-Ibmwnf { position: fixed; top: 0; left: 0; z-index: 0 } .screen-recognition-oWvqXP .esc-tip-etB51o { position: fixed; bottom: 16px; right: 30px; z-index: 1; padding: 6px 12px; border-radius: 8px; background-color: var(--theme-bg-mask); font-size: 12px; font-weight: 500; line-height: 18px; color: var(--theme-btn-fill-secondary); display: flex; align-items: center; gap: 4px; cursor: default } .screen-recognition-oWvqXP .esc-tip-etB51o span { color: var(--theme-icon-white-primary) } .output-content-wrapper-cv5I0v { padding: 10px 0 12px !important } .input-box-4qn8fc { display: flex; padding: 0 16px; flex-direction: column; gap: 6px; align-self: stretch; width: 100%; flex: 1 } .input-box-4qn8fc .content-NxtEME { display: flex; flex: 1 } .input-box-4qn8fc .content-NxtEME .textarea-jV9jSG { flex: 1; display: flex } .input-box-4qn8fc .content-NxtEME .textarea-jV9jSG textarea { flex: 1 } .star-btn-m6Z7mT { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-inline-start: 2px; cursor: pointer; border-radius: 10px } .output-box-wrapper-WMpJ7m { background: var(--theme-bg-menu-white); box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 8px 40px 0 var(--theme-shadow-s2); gap: 0 } .output-box-header-GbNY7H { border-bottom: 1px solid var(--theme-border-light); padding: 6px 0 14px; height: 44px; margin-inline-start: 6px; margin-inline-end: 6px } .output-box-toolbar-lIuVnk { padding-top: 6px; padding-bottom: 0 !important } .output-box-toolbar-lIuVnk>div { height: 30px !important; padding: 0 !important } .output-box-main-x4q42o { box-shadow: none !important; background-color: transparent !important; margin: 0 6px } .input-box-wrapper-8yjxFZ { overflow: auto; padding: 10px 0 0 !important; min-height: 200px !important; gap: 12px !important; background: var(--theme-bg-menu-white) !important } .input-box-wrapper-8yjxFZ.hide-8tIcg1 { opacity: 0 } .input-box-wrapper-8yjxFZ .input-header-Wrapper-Pix1Qe { padding: 6px 12px 14px; border-bottom: 1px solid var(--theme-border-light); gap: 12px !important } .input-box-wrapper-8yjxFZ .input-content-wrapper-RkjLoM { padding: 0 !important } .input-main-wrapper-1guaVL { box-shadow: none !important; background: none !important; overflow: auto !important; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-color: auto } .input-main-wrapper-1guaVL::-webkit-scrollbar { height: 6px; width: 6px; margin-right: 10px } .input-main-wrapper-1guaVL::-webkit-scrollbar-track { background: transparent } .input-main-wrapper-1guaVL::-webkit-scrollbar-thumb { background: #0000002f; border-radius: 4px; cursor: default } .input-main-wrapper-1guaVL::-webkit-scrollbar-thumb:hover { background: #00000062 } .input-main-wrapper-1guaVL::-webkit-scrollbar-corner { background: transparent } .footer-PKTyLl { display: flex; padding: 0 16px 16px; justify-content: flex-end; align-items: center; gap: 12px; align-self: stretch } .footer-PKTyLl .btn-Ul8jWM { min-width: 76px } .notice-qXle1L { color: var(--theme-text-tertiary); text-overflow: ellipsis; font-size: 14px; line-height: 22px; margin-top: 6px; cursor: pointer; border-radius: 8px; padding: 2px 8px; align-self: stretch; position: relative } .notice-qXle1L:hover { background: var(--theme-fill-tsp-components-tertiary) } .notice-qXle1L .desc-o5-zdM { overflow: hidden; color: var(--theme-text-primary, #262626); font-size: 14px; font-style: normal; text-decoration-line: underline; margin: 0 4px } .notice-qXle1L .img-1LX67O { width: 16px; height: 16px; position: relative; top: 2px } .notice-qXle1L .close-wrapper-6C0BB- { display: flex; padding: 4px; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; position: absolute; right: 7px; bottom: 7px } .notice-qXle1L .close-wrapper-6C0BB-:hover { background: var(--theme-fill-tsp-components-secondary) } .share-banner-JT0tyq { position: relative; display: flex; align-items: center; justify-content: space-between; background: linear-gradient(112.58deg, #dae7ff -5.16%, #f6ddff 105.31%); padding: 8px 12px; gap: 12px; margin: -10px -10px 6px } .share-banner-JT0tyq .fav-btn-Cs2M4P { border: 0px } .share-banner-JT0tyq .name-tikUkG { flex: 1 1 auto; font-size: 14px; line-height: 22px; color: var(--theme-text-primary); font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .tool-guide-box-W0vQjT { border-top-left-radius: 16px; border-top-right-radius: 16px; display: block } .tool-guide-box-W0vQjT .tool-guide-wrap-F-MKoW { display: block } .tool-guide-rwgMCs { width: 254px; box-shadow: var(--theme-box-shadow-s2); border-radius: 12px; padding: 12px; background-color: var(--theme-bg-menu-white); font-size: 0; position: relative; margin: -6px -6px 0 0 } .tool-guide-rwgMCs .guide-title-ofMupO { font-size: 14px; font-weight: 500; line-height: 20px; color: var(--theme-text-primary) } .tool-guide-rwgMCs .guide-desc-w-IGEz { margin-top: 2px; font-size: 12px; line-height: 18px; color: var(--theme-text-secondary) } .tool-guide-rwgMCs .pic-mULlUW { margin-top: 8px; width: 100%; height: 138px; position: relative; z-index: 2 } .form-item-PHG-Cg { display: flex; flex-direction: column; gap: 10px; width: 100% } .form-item-PHG-Cg .title-TNKhVC { display: flex; color: var(--theme-text-secondary); font-size: 14px; font-weight: 500; line-height: 22px; justify-content: space-between; align-items: center } .form-item-PHG-Cg .textarea-jV9jSG { border-radius: 10px } .form-item-PHG-Cg .override-select-style-c5SYJp .ant-select { height: 32px !important } .form-item-PHG-Cg .override-select-style-c5SYJp.ant-select-focused .ant-select-selector { border-color: var(--theme-border-active) !important } .form-item-PHG-Cg .override-select-style-c5SYJp .ant-select-selector { width: 100% !important; height: 100% !important; height: 32px !important; border-radius: 12px !important; padding-right: 30px; border-color: transparent !important; background-color: var(--theme-fill-tsp-components-secondary) !important } .form-item-PHG-Cg .override-select-style-c5SYJp .ant-select-arrow { color: var(--theme-icon-tertiary) } .form-item-PHG-Cg .override-select-style-c5SYJp .ant-select-selection-item, .form-item-PHG-Cg .override-select-style-c5SYJp .ant-select-open .ant-select-selection-item { color: var(--theme-text-primary) } .form-item-PHG-Cg .override-select-style-c5SYJp.ant-select-multiple .ant-select-selection-item { background: var(--theme-fill-tsp-components-secondary) } .form-item-PHG-Cg .ant-select-selection-search { margin-inline-start: 0px !important } .form-item-PHG-Cg .ant-select-selection-overflow { gap: 4px; flex-wrap: nowrap; overflow: hidden } ._monica-dark .share-banner-JT0tyq { background: linear-gradient(112.58deg, #353c4a -5.16%, #47314f 105.31%) } .override-select-root-style-oRyzqG { visibility: visible } .override-select-root-style-oRyzqG .ant-select-item { height: auto !important } .override-select-root-style-oRyzqG .rc-virtual-list-holder-inner { gap: 2px; margin: 0 4px } .override-select-root-style-oRyzqG .ant-select-item-option-selected { background-color: var(--theme-fill-tsp-brand) !important } .override-select-root-style-oRyzqG .ant-select-item:hover { background-color: var(--theme-fill-tsp-components-secondary) } .override-select-root-style-oRyzqG .ant-select-item-option-state svg { color: var(--theme-icon-brand) } .action-preview-box-OFMrdq { position: fixed; display: flex; width: 100%; padding: 20px 30px; justify-content: space-between; align-items: center; bottom: 0; left: 0; border-radius: 16px 16px 0 0; background: #f4dc62; box-shadow: 0 -4px 20px -1px #00000014; backdrop-filter: blur(60px); gap: 12px } .action-preview-box-OFMrdq .left-az2HA9 { color: #262626; font-size: 16px; font-weight: 500; line-height: 24px; display: flex; align-items: center; gap: 6px } .action-preview-box-OFMrdq .left-az2HA9 .notice-N4vpHr { display: flex; justify-content: center; align-items: center; gap: 6px; flex-shrink: 0 } .action-preview-box-OFMrdq .left-az2HA9 .notice-N4vpHr .btn-DLKpYm { display: flex; height: 32px; padding: 6px 12px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; border: .5px solid var(--theme-btn-fill-tertiary-active); background: var(--theme-icon-white-secondary); box-shadow: 0 1px 3px 0 var(--theme-shadow-s2) } .action-preview-box-OFMrdq .left-az2HA9 .preview-tag-SOQpTu { display: flex; padding: 2px 8px; align-items: center; gap: 2px; border-radius: 4px; background: var(--theme-fill-black-none); color: var(--theme-text-white-primary); font-size: 14px; font-weight: 500; line-height: 22px } .action-preview-box-OFMrdq .btn-wrapper-R1SYGG { display: flex; align-items: center; gap: 12px } .action-preview-box-OFMrdq .btn-wrapper-R1SYGG .btn-DLKpYm { min-width: 122px; background: var(--theme-fill-black-none) } .action-preview-box-OFMrdq .btn-wrapper-R1SYGG .btn-DLKpYm:hover { background: #3d3d43 } .action-select-box-04o1I9 { position: fixed; display: flex; width: 100%; padding: 20px 30px; align-items: center; bottom: 0; left: 0; border-radius: 16px 16px 0 0; background: linear-gradient(90deg, #d6c4ec 0%, #eccdd1 100%); box-shadow: 0 -4px 20px -1px #00000014; backdrop-filter: blur(100px); z-index: 99999 } .action-select-box-04o1I9 .left-az2HA9 { flex: 1; display: flex; align-items: center; gap: 6px; justify-content: center; font-size: 16px; font-weight: 500; line-height: 24px } .action-select-box-04o1I9 .left-az2HA9 .notice-N4vpHr { display: flex; justify-content: center; align-items: center; gap: 6px; flex-shrink: 0; color: var(--theme-fill-black-none) } .action-select-box-04o1I9 .left-az2HA9 .notice-N4vpHr .btn-DLKpYm { display: flex; height: 32px; padding: 6px 12px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; border: .5px solid var(--theme-btn-fill-tertiary-active); background: var(--theme-icon-white-secondary); box-shadow: 0 1px 3px 0 var(--theme-shadow-s2); color: var(--theme-fill-black-none) } .action-select-box-04o1I9 .close-btn-DejqRb { cursor: pointer; background: #56565f3d; color: var(--theme-fill-black-none) } .action-select-box-04o1I9 .close-btn-DejqRb:hover { background: #56565f52; color: var(--theme-fill-black-none) } .action-select-box-6ig7gz { position: fixed; left: -9999px; top: -9999px; width: 0; height: 0; z-index: 99999 } .popover-wrapper-aOHagU { display: flex; height: 100%; flex: 1 } .popover-content-wrapper-Je3a93 { flex: 1 } .inner-TpVhGR { width: 100%; height: 100%; background: var(--theme-fill-tsp-brand-tertiary); position: relative } .btn-wrapper-xVs-xI { display: flex; padding: 12px; align-items: center; gap: 12px; border-radius: 12px; position: absolute; border: 1px solid var(--theme-border-light); background: var(--theme-bg-gray-secondary); box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 8px 12px -2px var(--theme-shadow-s2) } .btn-wrapper-xVs-xI .img-btn-i3Z5Dn { color: var(--theme-text-white-primary) } .btn-wrapper-xVs-xI.hide-KJ0jgE { opacity: 0 } .cursor-pinter-84FI7v { position: fixed; display: flex; padding: 8px 12px; align-items: center; gap: 4px; border-radius: 2px 20px 20px; border: 1.5px solid #7939cd; background: #9747ff; box-shadow: 0 2px 8px 0 var(--theme-fill-tsp-brand-tertiary); color: #fff; font-size: 14px; pointer-events: none; z-index: 99999 } .mask-0LDKa- { position: fixed; width: 100vw; height: 100vh; background-color: transparent; position: inherit; z-index: 9999 } .code-tool-root-PumYm1 { z-index: 1; position: fixed; display: flex; align-items: center; border-radius: 6px; border: 1px solid var(--theme-border-light); background: var(--theme-bg-white); height: 24px } .code-tool-root-PumYm1:hover { background-image: var(--theme-fill-tsp-components-primary) } .code-tool-root-PumYm1:hover .close-btn-wrapper-2Z1Sgl { visibility: visible } .code-tool-root-PumYm1 .tool-item-dCn8We { display: flex; align-items: center; justify-content: center; height: 100%; cursor: pointer; padding: 0 6px; font-size: 13px; color: var(--theme-text-primary); white-space: nowrap; line-height: 20px } .code-tool-root-PumYm1 .tool-item-dCn8We:hover { background-color: var(--theme-btn-fill-secondary-hover) } .code-tool-root-PumYm1 .tool-item-dCn8We:not(:last-child) { border-right: 1px solid var(--theme-fill-tsp-components-secondary) } .code-tool-root-PumYm1 .close-btn-wrapper-2Z1Sgl { visibility: hidden; position: absolute; right: -6px; top: -12px } .pdf-tool-root-ngoM8K { position: absolute; top: 18px; right: 136px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; z-index: 1000; display: flex; align-items: center; gap: 8px } .pdf-tool-root-ngoM8K :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .pdf-tool-root-ngoM8K :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .pdf-tool-root-ngoM8K.edge-jaMrXH { top: 10px; right: 245px } .action-button-BeT41O { display: flex; align-items: center; padding: 0 6px; border-radius: 6px; background: var(--theme-btn-fill-tertiary); height: 22px; color: var(--theme-text-brand); font-size: 12px; font-weight: 500; gap: 4px; cursor: pointer; flex-shrink: 0 } .action-button-BeT41O.disabled-xaBUyq { pointer-events: none; cursor: not-allowed } .pdf-tools-guide-l9-ADz { position: fixed; top: 80px; right: 50px } .pdf-tools-guide-l9-ADz .card-7dnvLd { width: 380px; padding: 20px; border-radius: 20px; background: var(--theme-bg-white); box-shadow: 0 0 1px 0 var(--theme-shadow-s2), 0 8px 40px 0 var(--theme-shadow-s2); display: flex; flex-direction: column; gap: 16px } .pdf-tools-guide-l9-ADz .card-7dnvLd .header-w9crHx { display: flex; justify-content: space-between; align-items: center } .pdf-tools-guide-l9-ADz .card-7dnvLd .header-w9crHx .title-D-W-tK { font-size: 18px; font-weight: 600; color: var(--theme-text-primary); line-height: 28px } .pdf-tools-guide-l9-ADz .card-7dnvLd .header-w9crHx .close-9b6pzF { width: 24px; height: 24px; cursor: pointer; font-size: 20px; display: inline-flex; justify-content: center; align-items: center; color: var(--theme-icon-primary); transition: color .2s, background-color .2s; border-radius: 4px } .pdf-tools-guide-l9-ADz .card-7dnvLd .header-w9crHx .close-9b6pzF:hover { color: var(--theme-tooltips-fill); background-color: var(--theme-shadow-s1) } .pdf-tools-guide-l9-ADz .card-7dnvLd .banner-KUTIYc { width: 100% } .pdf-tools-guide-l9-ADz .card-7dnvLd .content-j4U-BD { font-size: 14px; line-height: 22px; color: var(--theme-text-primary) } .pdf-tools-guide-l9-ADz .card-7dnvLd .content-j4U-BD span { color: var(--theme-text-brand) } * { box-sizing: border-box } *:focus { outline: none } ul, ol { list-style-type: none } img { vertical-align: middle; border-style: none } a { cursor: pointer; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; text-decoration: none; color: var(--theme-icon-brand); background-color: transparent } a:hover, a:active { opacity: .8 } textarea { color: var(--theme-text-primary) } b, strong { font-weight: bolder } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, body { margin: 0; padding: 0 } .ant-switch { background: var(--theme-btn-fill-secondary-active) } .ant-switch:hover:not(.ant-switch-disabled) { background: var(--theme-text-quaternary) } ._monica-theme-d2f2b383 { --theme-text-primary: #262626; --theme-text-title: #232329; --theme-text-secondary: #404040; --theme-text-tertiary: #595959; --theme-text-quaternary: #8c8c8c; --theme-text-disable: #bdbdbd; --theme-text-white-primary: #ffffff; --theme-text-white-secondary: #ffffff; --theme-text-link: #1e6fff; --theme-text-link-active: #1e6fff; --theme-text-brand: #6841ea; --theme-text-btn-tertiary: #6841ea; --theme-icon-primary: #222226; --theme-icon-secondary: #3d3d43; --theme-icon-tertiary: #55555d; --theme-icon-quaternary: #868692; --theme-icon-disable: #d9d9dd; --theme-icon-white-primary: #ffffff; --theme-icon-white-secondary: #ffffff; --theme-icon-brand: #6841ea; --theme-icon-btn-tertiary: #6841ea; --theme-btn-tsp-brand: rgba(104, 65, 234, .12); --theme-btn-tsp-brand-hover: rgba(104, 65, 234, .24); --theme-btn-fill-primary: #6841ea; --theme-btn-fill-primary-hover: #9373ff; --theme-btn-fill-primary-active: #522bd6; --theme-btn-fill-secondary: #ececee; --theme-btn-fill-secondary-hover: #f5f5f5; --theme-btn-fill-secondary-active: #d9d9dd; --theme-btn-fill-tertiary: #f0ebff; --theme-btn-fill-tertiary-hover: #dfd5fe; --theme-btn-fill-tertiary-active: #b8a3fb; --theme-btn-border-primary: #4f59661f; --theme-btn-border-secondary: #4f596614; --theme-fill-gray: #fafafa; --theme-btn-tsp-white: #ffffffd9; --theme-btn-tsp-white-hover: #ffffffa6; --theme-fill-tsp-components-primary: #4f59661f; --theme-fill-tsp-components-secondary: #4f596614; --theme-fill-tsp-components-tertiary: #4f59660a; --theme-fill-btn-primary: #ececee; --theme-fill-btn-secondary: #f5f5f5; --theme-fill-white: #ffffff; --theme-fill-tsp-blue: #185ceb14; --theme-fill-tsp-brand: #6841ea14; --theme-fill-tsp-brand-primary: #6841eabf; --theme-fill-tsp-brand-secondary: #6841ea73; --theme-fill-tsp-brand-tertiary: #6841ea3d; --theme-fill-tsp-gray: #4f596652; --theme-fill-black-none: #252528; --theme-fill-white-none: #ffffff; --theme-label-tsp-brand-primary: #6841ea1f; --theme-label-tsp-brand-secondary: #6841ea14; --theme-border-light: #4f596614; --theme-border-primary: #4f59661f; --theme-border-quaternary: #4f596633; --theme-border-active: #6841ea; --theme-border-white: #ffffff0a; --theme-tab-fill: #4f596614; --theme-tab-fill-active: #222226; --theme-tooltips-fill: #000000d9; --theme-bg-white: #ffffff; --theme-bg-gray-primary: #f5f5f5; --theme-bg-gray-secondary: #fafafa; --theme-bg-mask: #00000073; --theme-bg-menu-white: #ffffff; --theme-bg-menu-gray: #f5f5f5; --theme-bg-tsp-gray-primary: #f5f5f5e6; --theme-bg-tsp-white-primary: #ffffffd9; --theme-bg-gray-nav: #ececee; --theme-bg-tsp-white-secondary: #ffffff73; --theme-bg-custom-01: #fffc; --theme-function-info: #3bbfff; --theme-function-success: #00aa5b; --theme-function-warning: #ffab00; --theme-function-error: #ea3639; --theme-function-error-hover: #e02423; --theme-function-error-border: #ffa4a3; --theme-function-warning-light: #fdfae9; --theme-function-warning-border: #ffe266; --theme-shadow-s1: rgba(0, 0, 0, .04); --theme-shadow-s2: rgba(0, 0, 0, .08); --theme-shadow-s3: rgba(0, 0, 0, .24); --theme-box-shadow-s1: 0px 1px 20px 0px var(--theme-shadow-s1); --theme-box-shadow-s2: 0px 8px 24px 0px var(--theme-shadow-s2), 0px 0px 1px 0px var(--theme-shadow-s2); --theme-box-shadow-s3: 0px 12px 40px -4px var(--theme-shadow-s3), 0px 0px 2px 0px var(--theme-shadow-s2); --theme-gradient-white-not: rgba(255, 255, 255, 0); --theme-gradient-white-main: rgba(255, 255, 255, .45); --theme-gradient-brand-light: rgba(104, 65, 234, .08); --theme-gradient-white-not-secondary: rgba(255, 255, 255, 0); --theme-gradient-white: #fff } ._monica-theme-d2f2b383._monica-dark { --theme-text-primary: #f3f3f3; --theme-text-title: #f3f3f3; --theme-text-secondary: #dbdbdb; --theme-text-tertiary: #aaaaaa; --theme-text-quaternary: #7a7a7a; --theme-text-disable: #4c4c4c; --theme-text-white-primary: #e9eaed; --theme-text-white-secondary: #e9eaed; --theme-text-link: #5e8cff; --theme-text-link-active: #3767eb; --theme-text-brand: #9880f8; --theme-text-btn-tertiary: #c0b6fc; --theme-icon-primary: #f3f3f4; --theme-icon-secondary: #bfbfc4; --theme-icon-tertiary: #a7a7ae; --theme-icon-quaternary: #77777e; --theme-icon-disable: #4a4a4f; --theme-icon-white-primary: #f3f3f4; --theme-icon-white-secondary: #f3f3f4; --theme-icon-brand: #9880f8; --theme-icon-btn-tertiary: #c0b6fc; --theme-btn-tsp-brand: rgba(130, 100, 238, .12); --theme-btn-tsp-brand-hover: rgba(104, 65, 234, .24); --theme-btn-fill-primary: #8264ee; --theme-btn-fill-primary-hover: #6349c2; --theme-btn-fill-primary-active: #55429a; --theme-btn-fill-secondary: #56565f3d; --theme-btn-fill-secondary-hover: #56565f52; --theme-btn-fill-secondary-active: #56565f52; --theme-btn-fill-tertiary: #4e4181; --theme-btn-fill-tertiary-hover: #3f3663; --theme-btn-fill-tertiary-active: #352f4c; --theme-btn-border-primary: #a2b1d733; --theme-btn-border-secondary: #a2b1d71f; --theme-btn-tsp-white: #0000003d; --theme-btn-tsp-white-hover: #ffffff52; --theme-fill-tsp-components-primary: #56565f52; --theme-fill-tsp-components-secondary: #56565f33; --theme-fill-tsp-components-tertiary: #56565f1f; --theme-fill-btn-primary: #2d2d2f; --theme-fill-btn-secondary: #252528; --theme-fill-white: #0000003d; --theme-fill-tsp-blue: #5e8cff1f; --theme-fill-tsp-brand: #8264ee1f; --theme-fill-tsp-brand-primary: #8264eed9; --theme-fill-tsp-brand-secondary: #8264eea6; --theme-fill-tsp-brand-tertiary: #8264ee73; --theme-fill-gray: #2d2d2f; --theme-fill-tsp-gray: #56565fa6; --theme-fill-black-none: #2d2d2f; --theme-fill-white-none: #ffffff; --theme-label-tsp-brand-primary: #8264ee3d; --theme-label-tsp-brand-secondary: #8264ee1f; --theme-border-light: #56565f33; --theme-border-primary: #56565f52; --theme-border-quaternary: #56565f73; --theme-border-active: #9880f8; --theme-border-white: #ffffff0a; --theme-tab-fill: #56565f1f; --theme-tab-fill-active: #77777e; --theme-tooltips-fill: #000000f2; --theme-bg-white: #202020; --theme-bg-gray-primary: #252528; --theme-bg-gray-secondary: #1b1b1d; --theme-bg-mask: #00000073; --theme-bg-menu-white: #282828; --theme-bg-menu-gray: #2d2d2f; --theme-bg-tsp-gray-primary: #252528e6; --theme-bg-tsp-white-primary: #282828d9; --theme-bg-gray-nav: #2d2d2f; --theme-bg-tsp-white-secondary: #0000003d; --theme-bg-custom-01: #333c; --theme-function-info: #0f76bc; --theme-function-success: #278056; --theme-function-warning: #b07807; --theme-function-error: #8e2827; --theme-function-error-hover: #e02423; --theme-function-error-border: #742525; --theme-function-warning-light: #443518; --theme-function-warning-border: #634b1b; --theme-shadow-s1: rgba(0, 0, 0, .24); --theme-shadow-s2: rgba(0, 0, 0, .32); --theme-shadow-s3: rgba(0, 0, 0, .45); --theme-gradient-white-not: rgba(255, 255, 255, 0); --theme-gradient-white-main: rgba(255, 255, 255, .16); --theme-gradient-brand-light: rgba(130, 100, 238, .08); --theme-gradient-white-not-secondary: rgba(40, 40, 40, 0); --theme-gradient-white: #282828 } input, textarea { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } input :lang(ja), textarea :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } input :lang(kr), textarea :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .root-container-UmvGjM { --common-white: #fff; --common-black: #000; --text-title: #232329; --text-body: #545c66; --icon-disable: #dadee3; --text-secondary: #8a939d; --border-weak: rgba(79, 89, 102, .08); --text-primary: #212b36; --btn-border: #4f596614; --border-medium: rgba(79, 89, 102, .12); --border-brand: #6841ea; --border-light: rgba(79, 89, 102, .08); --border-light-hover: #e6e7e8; --text-brand: #6841ea; --text-white-secondary: #ffffffa6; --bg-lv1: #f5f5f5; --bg-lv2: #ffffff; --bg-lv3: #f9fafb; --bg-lv4: #fafafa; --bg-nav: #ececee; --bg-yellow: #eb9001; --bg-lv1-hover: #f1f2f3; --bg-lv2-hover: #f2f2f2; --text-tertiary: #595959; --text-disable: #c0c5cc; --fill-tsp-components: rgba(48, 57, 68, .08); --fill-tsp-components-v2: rgba(79, 89, 102, .08); --fill-components: #ececee; --btn-fill-secondary-hover: #e7eaee; --btn-fill-primary-hover: #9373ff; --btn-fill-secondary-active: #c0c5cc; --btn-fill-secondary: #dadee3; --icon-brand: #6841ea; --label-fill-brand: rgba(104, 65, 234, .08); --btn-fill-brand-primary: #6841ea; --transparent-brand-dark-8: rgba(118, 90, 208, .08); --text-white-primary: #fff; --btn-fill-brand-secondary-default: #f0ebff; --label-fill-primary: #edeff2; --icon-quaternary: #20262e; --border-active: #6841ea; --border-quaternary: rgba(79, 89, 102, .24); --icon-nav: #8a939d; --function-warning: #ffab00; --function-success: #00aa5b; --web-text-on-light-3-grey-600: #637381; --web-text-on-light-1-grey-800: #212b36; --fill-btn-dark: rgba(0, 0, 0, .05); --web-text-on-light-4-grey-500: #919eab; --icon-free: #00c514; --common-85: rgba(0, 0, 0, .85); --btn-fill-brand-primary-default: #6841ea; --btn-fill-brand-secondary: #dfd5fe; --btn-fill-brand-secondary-hover: #f0ebff; --btn-fill-brand-secondary-hover2: #d5cbf2; --btn-fill-brand-secondary-active: #b8a3fb; --tab-fill: rgba(79, 89, 102, .08); --tab-fill-brand-active: #f0ebff; --tooltips-fill: rgba(0, 0, 0, .85); --transparent-white-8: rgba(255, 255, 255, .08); --transparent-white-24: rgba(255, 255, 255, .24); --transparent-white-30: rgba(255, 255, 255, .3); --transparent-white-32: hsla(0, 0%, 100%, .32); --transparent-white-40: rgba(255, 255, 255, .4); --transparent-white-45: rgba(255, 255, 255, .45); --transparent-white-65: rgba(255, 255, 255, .65); --transparent-white-80: rgba(255, 255, 255, .8); --transparent-white-82: rgba(255, 255, 255, .82); --transparent-white-85: rgba(255, 255, 255, .85); --transparent-white-95: rgba(255, 255, 255, .95); --transparent-white-12: rgba(255, 255, 255, .12); --transparent-black-5: rgba(0, 0, 0, .05); --transparent-black-8: rgba(0, 0, 0, .08); --transparent-black-25: rgba(0, 0, 0, .25); --transparent-black-30: rgba(0, 0, 0, .3); --transparent-black-32: rgba(0, 0, 0, .32); --transparent-black-40: rgba(0, 0, 0, .4); --transparent-black-45: rgba(0, 0, 0, .45); --transparent-black-55: rgba(0, 0, 0, .55); --transparent-black-60: rgba(0, 0, 0, .6); --transparent-black-65: rgba(0, 0, 0, .65); --transparent-black-80: rgba(0, 0, 0, .8); --transparent-black-85: rgba(0, 0, 0, .85); --transparent-black-90: rgba(0, 0, 0, .9); --primaryblue-25: #fafcff; --primaryblue-50: #edf3ff; --primaryblue-30: #5d98ff; --primaryblue-300: #5d98ff; --primaryblue-400: #1e6fff; --primaryblue-500: #185ceb; --red-900: #420505; --red-800: #761212; --red-700: #c61f1e; --red-600: #e02423; --red-500: #ea3639; --red-400: #ff4747; --red-300: #ff7271; --red-200: #ffa4a3; --red-100: #ffcccb; --red-50: #ffeeee; --red-25: #fff7f7; --function-error: #ff4747; --light-red-400: #ff4747; --brand-900: #15044c; --brand-800: #220876; --brand-700: #3818a1; --brand-600: #4a26bf; --brand-500: #522bd6; --brand-400: #6841ea; --brand-300: #9373ff; --brand-200: #b8a3fb; --brand-100: #dfd5fe; --brand-50: #f0ebff; --brand-25: #fcfbfe; --light-brand-400: #6841ea; --light-acidblue-400: #3bbfff; --light-acidblue-500: #2ca1e6; --light-cyan-400: #00c5e6; --light-orange-100: #ffd7be; --light-orange-400: #ff5e2f; --light-orange-600: #e04a18; --transparent-brand-8: rgba(142, 108, 255, .08); --transparent-brand-24: rgba(106, 67, 234, .24); --transparent-brand-45: rgba(106, 67, 234, .45); --transparent-brand-65: rgba(106, 67, 234, .65); --grayblue-900: #191e24; --grayblue-800: #20262e; --grayblue-700: #3c434d; --grayblue-600: #545c66; --grayblue-500: #858e99; --grayblue-400: #c0c5cc; --grayblue-300: #dadee3; --grayblue-200: #ebeef2; --grayblue-100: #f4f6f8; --grayblue-50: #f9fafb; --grayblue-8: #eff0f1; --transparent-grayblue-4: rgba(3, 46, 103, .04); --transparent-grayblue-6: rgba(3, 46, 103, .06); --transparent-grayblue-8: rgba(79, 89, 102, .08); --transparent-grayblue-12: rgba(79, 89, 102, .12); --transparent-grayblue-16: rgba(79, 89, 102, .16); --transparent-grayblue-32: rgba(79, 89, 102, .32); --transparent-grayblue-45: rgba(79, 89, 102, .45); --transparent-grayblue-65: rgba(79, 89, 102, .65); --transparent-grayblue-24: rgba(79, 89, 102, .24); --transparent-grayblue-light-8: rgba(79, 89, 102, .08); --transparent-grayblue-dark-24: rgba(162, 177, 215, .24); --transparent-brand-light-8: rgba(104, 65, 234, .08); --transparent-brand-light-24: rgba(104, 65, 234, .24); --transparent-brand-light-45: rgba(104, 65, 234, .45); --light-grayblue-300: #dadee3; --light-grayblue-400: #c0c5cc; --light-grayblue-800: #20262e; --light-grayblue-500: #69707e; --light-grayblue-500-8: rgba(79, 89, 102, .08); --light-gray-200: #ececee; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #f4f6f8; --gray-300: #dbdbdb; --gray-400: #c2c2c2; --gray-500: #8c8c8c; --gray-600: #595959; --gray-800: #242424; --gray-900: #1a1a1a; --indigoblue-400: #546dfe; --green-50: #e9fbf5; --green-400: #00aa5b; --green-500: #3ca373; --purple-50: #fcf2fd; --purple-400: #a55bf6; --purple-200: #deb3fb; --purple-100: #f0d5fe; --purple-500: #c37ff1; --yellow-300: #ffcd00; --yellow-400: #ffab00; --yellow-600: #e07800; --yellow-50: #fdfae9; --yellow-800: #ff6b00; --light-yellow-50: #fdfae9; --border-yellow: #ffe5a3; --icon-secondary: #8a939d; --icon-primary: #545c66; --text-link: #1e6fff; --border-primary: #4f59661f; --text-white: #ffffff; --box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --theme-shadow-s1: rgba(0, 0, 0, .04); --theme-shadow-s2: rgba(0, 0, 0, .08); --theme-shadow-s3: rgba(0, 0, 0, .24); --theme-box-shadow-s1: 0px 1px 20px 0px rgba(0, 0, 0, .04); --theme-box-shadow-s2: 0px 8px 40px 0px rgba(0, 0, 0, .08), 0px 0px 1px 0px rgba(0, 0, 0, .08); --theme-box-shadow-s3: 0px 12px 40px -4px rgba(0, 0, 0, .14), 0px 0px 2px 0px rgba(0, 0, 0, .08); --box-shadow-s4: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --shadow-s2: rgba(0, 0, 0, .08); --light-card: 0px 4px 24px 0px rgba(145, 158, 171, .14), 0px 0px 2px 0px rgba(145, 158, 171, .2); --light-indigoblue-50: #f1f3ff; --bg-linear-brand: linear-gradient(90deg, #f1e8ff 0%, #e6d9ff 100%); --bg-linear-brand-hover: linear-gradient(90deg, #dfd5f2 0%, #dfd5f2 100%); --bg-mask: rgba(0, 0, 0, .45); --box-shadow-color1: rgba(0, 0, 0, .04); --markdown-text-light: #24292f; --bill-dialog-bg: linear-gradient(180deg, #f3efff 0%, #fff 50%); --text-quaternary: #8c8c8c; --bg-gray-primary: #f5f5f5; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; font-variation-settings: normal } .root-container-UmvGjM :lang(ja) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans JP, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .root-container-UmvGjM :lang(kr) { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, Noto Sans KR, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" } .content-root-WCIiJJ { position: absolute; left: 0; top: 0; z-index: 2147483647 } .content-root-rb-FdpxmT { position: absolute; right: 0; bottom: 0; z-index: 2147483647 } .content-root-rt-f0WptO { position: absolute; right: 0; top: 0; z-index: 2147483647 } @media print { .content-root-WCIiJJ { display: none } } .main-wrapper-j8Nwoi { inset: 0; position: fixed } /*! Bundled license information: simple-mind-map/dist/simpleMindMap.esm.min.css: (*! Bundled license information: quill/dist/quill.snow.css: (*! * Quill Editor v2.0.2 * https://quilljs.com * Copyright (c) 2017-2024, Slab * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com *) *) cropperjs/dist/cropper.css: (*! * Cropper.js v1.6.2 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2024-04-21T07:43:02.731Z *) */