/* Wise Chat - Air Flow dark mode radio-sivulle. Pidetaan omana tiedostonaan, jotta sita voi saataa erikseen teeman muusta ilmeesta. */ .radio-chat-box .wcContainer.wcAirflowTheme, .radio-chat-box .wcContainer.wcAirflowTheme * { font-family: var(--font-body) !important; } .radio-chat-box .wcContainer.wcAirflowTheme { width: 100% !important; max-width: none !important; border: 1px solid transparent !important; border-radius: 0.5rem !important; background: radial-gradient(circle at top left, rgba(255, 59, 59, 0.05), transparent 16rem), radial-gradient(circle at top right, rgba(140, 255, 183, 0.06), transparent 18rem), #090909 !important; color: #f5f5f5 !important; overflow: hidden !important; box-shadow: none !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcClassic, .radio-chat-box .wcContainer.wcAirflowTheme .wcAuthContainer, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel, .radio-chat-box .wcContainer.wcAirflowTheme .wcMessages, .radio-chat-box .wcContainer.wcAirflowTheme .wcBrowser, .radio-chat-box .wcContainer.wcAirflowTheme .wcUsersList, .radio-chat-box .wcContainer.wcAirflowTheme .wcControls { background: #090909 !important; color: #f5f5f5 !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcTitle { border-bottom: 1px solid rgba(140, 255, 183, 0.16) !important; background: #101010 !important; color: #8cffb7 !important; font-size: 0.78rem !important; font-weight: 800 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcBody .wcBrowserArea { background: #18222e !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcClassic.wcDesktop .wcBody .wcBrowserArea { flex: 0 1 21% !important; min-width: 13rem !important; max-width: 17rem !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcBrowser .wcChannelTrigger, .radio-chat-box .wcContainer.wcAirflowTheme .wcBrowser .wcUser, .radio-chat-box .wcContainer.wcAirflowTheme .wcBrowser .wcChannelEntry { color: #f5f5f5 !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcBrowser .wcChannelTrigger:hover, .radio-chat-box .wcContainer.wcAirflowTheme .wcBrowser .wcChannelEntry:hover { background: rgba(140, 255, 183, 0.08) !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcBrowser .wcChannelTrigger .wcName, .radio-chat-box .wcContainer.wcAirflowTheme .wcBrowser .wcChannelEntry .wcName, .radio-chat-box .wcContainer.wcAirflowTheme .wcBrowser .wcChannelTrigger .wcDetails, .radio-chat-box .wcContainer.wcAirflowTheme .wcBrowser .wcChannelEntry .wcDetails { color: #f5f5f5 !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcAvatar { display: none !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages { background: #090909 !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage { margin-bottom: 0.3rem !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody { padding-left: 0 !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcUser, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcCurrentUserName { color: #f5f5f5 !important; font-weight: 700 !important; font-size: 0.92rem !important; line-height: 1.15 !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcTime, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcTime *, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcSystemInfo { color: rgba(245, 245, 245, 0.52) !important; font-size: 0.76rem !important; line-height: 1.1 !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcContent { border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #f5f5f5 !important; box-shadow: none !important; padding: 0 !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage.wcCurrentUser .wcContent { background: transparent !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcContent, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcContent *, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcQuote, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcText, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcInternalContent { color: #f5f5f5 !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcContent > .wcTime { margin-left: 0.45rem !important; white-space: nowrap !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcInputContainer, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs, .radio-chat-box .wcContainer.wcAirflowTheme .wcCustomizations { background: transparent !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs div.wcInput { min-height: 3rem !important; border: 1px solid rgba(140, 255, 183, 0.22) !important; border-radius: 0.95rem !important; background: #e4edf8 !important; color: #1a212b !important; box-shadow: none !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs div.wcInput:focus { border-color: rgba(140, 255, 183, 0.6) !important; background: #f3f7fc !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs div.wcInput, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs div.wcInput * { color: #1a212b !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton { position: relative !important; min-height: 3rem !important; min-width: 3rem !important; border: 1px solid rgba(140, 255, 183, 0.18) !important; border-radius: 0.7rem !important; background: rgba(18, 31, 43, 0.9) !important; opacity: 1 !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton::before { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 1.05rem !important; height: 1.05rem !important; background-color: rgba(245, 245, 245, 0.86) !important; transform: translate(-50%, -50%) !important; -webkit-mask-position: center center !important; mask-position: center center !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton.wcEmoticon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 15c1.2 1.4 2.5 2 4 2s2.8-.6 4-2'/%3E%3Cpath d='M9 10h.01'/%3E%3Cpath d='M15 10h.01'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 15c1.2 1.4 2.5 2 4 2s2.8-.6 4-2'/%3E%3Cpath d='M9 10h.01'/%3E%3Cpath d='M15 10h.01'/%3E%3C/svg%3E") !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton.wcImageAttachment::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='m4 15 4-4 3 3 5-5 4 4'/%3E%3Ccircle cx='9' cy='9' r='1'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='m4 15 4-4 3 3 5-5 4 4'/%3E%3Ccircle cx='9' cy='9' r='1'/%3E%3C/svg%3E") !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton.wcFileAttachment::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05 12.25 20.24a6 6 0 0 1-8.49-8.49l9.2-9.19a4 4 0 0 1 5.65 5.66l-9.2 9.19a2 2 0 0 1-2.82-2.83l8.48-8.48'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05 12.25 20.24a6 6 0 0 1-8.49-8.49l9.2-9.19a4 4 0 0 1 5.65 5.66l-9.2 9.19a2 2 0 0 1-2.82-2.83l8.48-8.48'/%3E%3C/svg%3E") !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton:hover, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton:focus, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton:active { border-color: rgba(140, 255, 183, 0.45) !important; background-color: rgba(24, 40, 54, 1) !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton:hover::before, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton:focus::before, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton:active::before { background-color: #8cffb7 !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit { min-height: 3rem !important; padding: 0 1.35rem !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 0.95rem !important; background: transparent !important; color: #f5f5f5 !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: none !important; box-shadow: none !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit:hover, .radio-chat-box .wcContainer.wcAirflowTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit:focus-visible { background: rgba(255, 255, 255, 0.06) !important; color: #ffffff !important; border-color: rgba(140, 255, 183, 0.4) !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcCustomizeButton, .radio-chat-box .wcContainer.wcAirflowTheme .wcCustomizeButton *, .radio-chat-box .wcContainer.wcAirflowTheme .wcCustomizations, .radio-chat-box .wcContainer.wcAirflowTheme .wcCustomizations * { color: rgba(245, 245, 245, 0.76) !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcCustomizations { background: transparent !important; border-top: 1px solid rgba(255, 255, 255, 0.05) !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcCustomizeButton { background: transparent !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcCustomizeButton .wcIcon, .radio-chat-box .wcContainer.wcAirflowTheme .wcCustomizations .wcIcon { background-color: rgba(245, 245, 245, 0.7) !important; } .radio-chat-box .wcContainer.wcAirflowTheme .wcStatus.wcOnline { background-color: #21d39b !important; } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content { border: 1px solid rgba(140, 255, 183, 0.18) !important; border-radius: 0.9rem !important; background: #11161d !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important; overflow: hidden !important; } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .wcAddonsLibrary, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .wcAddonsLibrary, [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .wcCategory, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .wcCategory { background: #11161d !important; } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .wcCategories, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .wcCategories { border-bottom: 1px solid rgba(140, 255, 183, 0.14) !important; background: #151c24 !important; } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .wcCategoryButton, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .wcCategoryButton { background: transparent !important; } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .wcCategoryButton.wcCategoryButtonActive, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .wcCategoryButton.wcCategoryButtonActive { background: rgba(140, 255, 183, 0.08) !important; } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .ScrollbarsCustom-Track, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcAirflowTheme-content .ScrollbarsCustom-Track { background: rgba(255, 255, 255, 0.05) !important; } /* Default-teeman kokeilu: - avatarit pois itse viesteista ja kayttajalistasta - viestit kohti muotoa "aika nick: viesti" */ .radio-chat-box .wcContainer.wcTheme, .radio-chat-box .wcContainer.wcTheme * { font-family: var(--font-body) !important; } .radio-chat-box .wcContainer.wcTheme { width: 100% !important; max-width: none !important; border: 1px solid transparent !important; border-radius: 0.5rem !important; background: transparent !important; color: #f5f5f5 !important; overflow: visible !important; box-shadow: none !important; } .radio-chat-box .wcContainer.wcTheme .wcClassic, .radio-chat-box .wcContainer.wcTheme .wcAuthContainer, .radio-chat-box .wcContainer.wcTheme .wcChannel, .radio-chat-box .wcContainer.wcTheme .wcMessages, .radio-chat-box .wcContainer.wcTheme .wcBrowser, .radio-chat-box .wcContainer.wcTheme .wcUsersList, .radio-chat-box .wcContainer.wcTheme .wcControls { background: transparent !important; color: #f5f5f5 !important; } .radio-chat-box .wcContainer.wcTheme .wcClassic, .radio-chat-box .wcContainer.wcAirflowTheme .wcClassic { border: 0 !important; box-shadow: none !important; } .radio-chat-box .wcContainer.wcTheme .wcMessagesArea, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages, .radio-chat-box .wcContainer.wcTheme .wcBody .wcBrowserArea, .radio-chat-box .wcContainer.wcTheme .wcBrowser { background: transparent !important; } .radio-chat-box .wcContainer.wcTheme .wcTitle { border-bottom: 1px solid rgba(140, 255, 183, 0.16) !important; background: transparent !important; color: #8cffb7 !important; font-size: 0.78rem !important; font-weight: 800 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; } .radio-chat-box .wcContainer.wcTheme .wcBody .wcBrowserArea { background: transparent !important; border-left: 1px solid rgba(140, 255, 183, 0.14) !important; padding-left: 0.85rem !important; } .radio-chat-box .wcContainer.wcTheme .wcClassic.wcDesktop .wcBody .wcBrowserArea { flex: 0 1 18% !important; min-width: 11rem !important; max-width: 14rem !important; } .radio-chat-box .wcContainer.wcTheme .wcAvatar, .radio-chat-box .wcContainer.wcTheme .wcChannelAvatar, .radio-chat-box .wcContainer.wcTheme .wcBrowser .wcAvatar { display: none !important; } .radio-chat-box .wcContainer.wcTheme .wcBrowser .wcChannelTrigger, .radio-chat-box .wcContainer.wcTheme .wcBrowser .wcUser, .radio-chat-box .wcContainer.wcTheme .wcBrowser .wcChannelEntry, .radio-chat-box .wcContainer.wcTheme .wcBrowser .wcChannelTrigger .wcName, .radio-chat-box .wcContainer.wcTheme .wcBrowser .wcChannelEntry .wcName, .radio-chat-box .wcContainer.wcTheme .wcBrowser .wcChannelTrigger .wcDetails, .radio-chat-box .wcContainer.wcTheme .wcBrowser .wcChannelEntry .wcDetails { color: #f5f5f5 !important; } .radio-chat-box .wcContainer.wcTheme .wcBrowser .wcChannelTrigger:hover, .radio-chat-box .wcContainer.wcTheme .wcBrowser .wcChannelEntry:hover { background: rgba(140, 255, 183, 0.08) !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages { background: transparent !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage { display: grid !important; grid-template-columns: max-content minmax(0, 1fr) !important; column-gap: 0.55rem !important; align-items: baseline !important; margin-bottom: 0.22rem !important; background: transparent !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowHead { grid-column: 1 !important; display: inline-flex !important; align-items: baseline !important; gap: 0.38rem !important; white-space: nowrap !important; margin: 0 !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowHead .wcTime { order: 1 !important; color: rgba(245, 245, 245, 0.52) !important; font-size: 0.76rem !important; line-height: 1.1 !important; text-align: left !important; white-space: nowrap !important; margin: 0 !important; width: 30px; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowHead .wcUser { order: 2 !important; color: #f5f5f5 !important; font-weight: 600 !important; font-size: 0.88rem !important; line-height: 1.2 !important; letter-spacing: 0.01em !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowHead .wcUser::after { content: ":" !important; margin-left: 0.2rem !important; color: rgba(245, 245, 245, 0.5) !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody { grid-column: 2 !important; display: block !important; min-width: 0 !important; padding-left: 0 !important; margin: 0 !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody .wcContent { display: block !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #f5f5f5 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody .wcContent, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody .wcContent *, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody .wcContent .wcQuote, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody .wcContent .wcText, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody .wcContent .wcInternalContent { color: #f5f5f5 !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelData .wcMessages .wcMessage .wcRowBody .wcContent > .wcTime { display: none !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcInputContainer, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs, .radio-chat-box .wcContainer.wcTheme .wcCustomizations { background: transparent !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput { border-top: 1px solid rgba(255, 255, 255, 0.08) !important; padding-top: 0.85rem !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcCurrentUserName { margin-top: 0 !important; margin-bottom: 0.55rem !important; padding-top: 0 !important; color: #f5f5f5 !important; font-weight: 600 !important; font-size: 0.88rem !important; letter-spacing: 0.01em !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs { background: transparent !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInput { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; color: #f5f5f5 !important; box-shadow: none !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInput *, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInput div { color: #f5f5f5 !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInput:focus-within { background: rgba(255, 255, 255, 0.07) !important; border-color: rgba(140, 255, 183, 0.22) !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons { background: transparent !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons button.wcFunctional { position: relative !important; min-width: 2.9rem !important; min-height: 2.9rem !important; background: transparent !important; border-color: rgba(255, 255, 255, 0.12) !important; box-shadow: none !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton::before { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 2rem !important; height: 2rem !important; background-color: rgba(245, 245, 245, 0.9) !important; transform: translate(-50%, -50%) !important; -webkit-mask-position: center center !important; mask-position: center center !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: contain !important; mask-size: contain !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton.wcEmoticon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 15c1.2 1.4 2.5 2 4 2s2.8-.6 4-2'/%3E%3Cpath d='M9 10h.01'/%3E%3Cpath d='M15 10h.01'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 15c1.2 1.4 2.5 2 4 2s2.8-.6 4-2'/%3E%3Cpath d='M9 10h.01'/%3E%3Cpath d='M15 10h.01'/%3E%3C/svg%3E") !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton.wcImageAttachment::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='m4 15 4-4 3 3 5-5 4 4'/%3E%3Ccircle cx='9' cy='9' r='1'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='m4 15 4-4 3 3 5-5 4 4'/%3E%3Ccircle cx='9' cy='9' r='1'/%3E%3C/svg%3E") !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton.wcFileAttachment::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05 12.25 20.24a6 6 0 0 1-8.49-8.49l9.2-9.19a4 4 0 0 1 5.65 5.66l-9.2 9.19a2 2 0 0 1-2.82-2.83l8.48-8.48'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05 12.25 20.24a6 6 0 0 1-8.49-8.49l9.2-9.19a4 4 0 0 1 5.65 5.66l-9.2 9.19a2 2 0 0 1-2.82-2.83l8.48-8.48'/%3E%3C/svg%3E") !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton:hover, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton:focus-visible { border-color: rgba(140, 255, 183, 0.36) !important; background: rgba(255, 255, 255, 0.04) !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton:hover::before, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons .wcInputButton:focus-visible::before { background-color: #8cffb7 !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit { min-height: 3rem !important; padding: 0 1.2rem !important; background: linear-gradient(135deg, rgba(255, 59, 59, 0.96), rgba(255, 107, 107, 0.92)) !important; color: #fff !important; border: 1px solid rgba(255, 107, 107, 0.55) !important; border-radius: 0.8rem !important; font-weight: 400 !important; font-size: 0.92rem !important; letter-spacing: 0.02em !important; box-shadow: none !important; } .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit:hover, .radio-chat-box .wcContainer.wcTheme .wcChannel .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit:focus-visible { background: linear-gradient(135deg, rgba(255, 92, 92, 1), rgba(255, 132, 132, 0.96)) !important; color: #fff !important; border-color: rgba(255, 153, 153, 0.7) !important; } .radio-chat-box .wcContainer.wcTheme .wcUserName, .radio-chat-box .wcContainer.wcTheme input.wcUserName, .radio-chat-box .wcContainer.wcTheme .wcControl.wcUserName { min-height: 2.9rem !important; padding: 0.75rem 0.9rem !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 0.75rem !important; background: rgba(255, 255, 255, 0.06) !important; color: #f5f5f5 !important; box-shadow: none !important; } .radio-chat-box .wcContainer.wcTheme .wcUserName::placeholder, .radio-chat-box .wcContainer.wcTheme input.wcUserName::placeholder { color: rgba(245, 245, 245, 0.48) !important; } .radio-chat-box .wcContainer.wcTheme .wcCustomizationsPanel .wcProperty { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 0.75rem !important; align-items: end !important; } .radio-chat-box .wcContainer.wcTheme .wcCustomizationsPanel .wcProperty > label, .radio-chat-box .wcContainer.wcTheme .wcCustomizationsPanel .wcProperty > .wcLabel { grid-column: 1 / -1 !important; margin: 0 0 0.15rem !important; } .radio-chat-box .wcContainer.wcTheme .wcCustomizationsPanel .wcProperty > input.wcUserName, .radio-chat-box .wcContainer.wcTheme .wcCustomizationsPanel .wcProperty > .wcUserName, .radio-chat-box .wcContainer.wcTheme .wcCustomizationsPanel .wcProperty > .wcControl.wcUserName { width: 100% !important; margin: 0 !important; } .radio-chat-box .wcContainer.wcTheme .wcButton.wcUserNameApprove, .radio-chat-box .wcContainer.wcTheme button.wcUserNameApprove { min-height: 2.9rem !important; padding: 0.75rem 1.05rem !important; border: 1px solid rgba(255, 107, 107, 0.55) !important; border-radius: 0.75rem !important; background: linear-gradient(135deg, rgba(255, 59, 59, 0.96), rgba(255, 107, 107, 0.92)) !important; color: #090909 !important; font-weight: 600 !important; letter-spacing: 0.02em !important; box-shadow: none !important; } .radio-chat-box .wcContainer.wcTheme .wcButton.wcUserNameApprove:hover, .radio-chat-box .wcContainer.wcTheme .wcButton.wcUserNameApprove:focus-visible, .radio-chat-box .wcContainer.wcTheme button.wcUserNameApprove:hover, .radio-chat-box .wcContainer.wcTheme button.wcUserNameApprove:focus-visible { background: linear-gradient(135deg, rgba(255, 92, 92, 1), rgba(255, 132, 132, 0.96)) !important; border-color: rgba(255, 153, 153, 0.7) !important; color: #090909 !important; } .radio-chat-box .wcContainer.wcTheme .wcCustomizationsPanel .wcProperty > .wcButton.wcUserNameApprove, .radio-chat-box .wcContainer.wcTheme .wcCustomizationsPanel .wcProperty > button.wcUserNameApprove { align-self: end !important; margin: 0 !important; } .radio-chat-box .wcContainer.wcTheme .wcCustomizeButton, .radio-chat-box .wcContainer.wcTheme .wcCustomizeButton *, .radio-chat-box .wcContainer.wcTheme .wcCustomizations, .radio-chat-box .wcContainer.wcTheme .wcCustomizations * { color: rgba(245, 245, 245, 0.76) !important; } .radio-chat-box .wcContainer.wcTheme .wcCustomizations { border-top: 1px solid rgba(255, 255, 255, 0.05) !important; padding-left: 0 !important; margin-left: 0 !important; } .radio-chat-box .wcContainer.wcTheme .wcCustomizeButton { margin-left: 0 !important; padding-left: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; } .radio-chat-box .wcContainer.wcTheme .wcCustomizeButton .wcIcon, .radio-chat-box .wcContainer.wcTheme .wcCustomizations .wcIcon { background-color: rgba(245, 245, 245, 0.7) !important; } .radio-chat-box .wcContainer.wcTheme .wcStatus.wcOnline { background-color: #21d39b !important; } .radio-chat-box .wcContainer.wcTheme .wcBody, .radio-chat-box .wcContainer.wcTheme .wcClassic, .radio-chat-box .wcContainer.wcTheme .wcMessagesArea, .radio-chat-box .wcContainer.wcTheme .wcTabContent:not(.wcInvisible), .radio-chat-box .wcContainer.wcTheme .wcChannel.wcChannelViewCompound { min-height: clamp(24rem, 58vh, 34rem) !important; } .radio-chat-box .wcContainer.wcTheme .wcAuthContainer, .radio-chat-box .wcContainer.wcTheme .wcAuth, .radio-chat-box .wcContainer.wcTheme .wcAuthForm { background: transparent !important; color: #f5f5f5 !important; } .radio-chat-box .wcContainer.wcTheme .wcAuthForm { display: grid !important; gap: 0.9rem !important; align-content: center !important; justify-items: center !important; min-height: clamp(18rem, 42vh, 24rem) !important; padding: 1.5rem !important; } .radio-chat-box .wcContainer.wcTheme .wcAuthFieldContainer { width: min(100%, 24rem) !important; } .radio-chat-box .wcContainer.wcTheme .wcAuthFieldContainer label, .radio-chat-box .wcContainer.wcTheme .wcAuthForm label { display: block !important; margin-bottom: 0.55rem !important; color: rgba(245, 245, 245, 0.8) !important; font-size: 0.82rem !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } .radio-chat-box .wcContainer.wcTheme .wcAuthFieldContainer input[type="text"], .radio-chat-box .wcContainer.wcTheme .wcAuthFieldContainer input[type="email"], .radio-chat-box .wcContainer.wcTheme .wcAuthFieldContainer input[type="password"], .radio-chat-box .wcContainer.wcTheme .wcAuthFieldContainer .wcInput, .radio-chat-box .wcContainer.wcTheme .wcAuthFieldContainer .wcTextInput { width: 100% !important; min-height: 3.1rem !important; padding: 0.8rem 0.95rem !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; border-radius: 0.85rem !important; background: rgba(255, 255, 255, 0.06) !important; color: #f5f5f5 !important; box-shadow: none !important; } .radio-chat-box .wcContainer.wcTheme .wcAuthFieldContainer input::placeholder, .radio-chat-box .wcContainer.wcTheme .wcAuthFieldContainer .wcTextInput::placeholder { color: rgba(245, 245, 245, 0.5) !important; } .radio-chat-box .wcContainer.wcTheme .wcAuthForm .wcButton, .radio-chat-box .wcContainer.wcTheme .wcAuthForm button, .radio-chat-box .wcContainer.wcTheme .wcAuthFieldContainer .wcButton { min-height: 3rem !important; border: 1px solid rgba(255, 107, 107, 0.55) !important; border-radius: 0.8rem !important; background: linear-gradient(135deg, rgba(255, 59, 59, 0.96), rgba(255, 107, 107, 0.92)) !important; color: #fff !important; font-weight: 600 !important; font-size: 0.92rem !important; letter-spacing: 0.02em !important; box-shadow: none !important; min-width:100px; } .radio-chat-box .wcContainer.wcTheme .wcAuthForm .wcButton:hover, .radio-chat-box .wcContainer.wcTheme .wcAuthForm .wcButton:focus-visible, .radio-chat-box .wcContainer.wcTheme .wcAuthForm button:hover, .radio-chat-box .wcContainer.wcTheme .wcAuthForm button:focus-visible { background: linear-gradient(135deg, rgba(255, 92, 92, 1), rgba(255, 132, 132, 0.96)) !important; border-color: rgba(255, 153, 153, 0.7) !important; color: #090909 !important; } @media (max-width: 640px) { .radio-chat-box .wcContainer.wcTheme .wcBody, .radio-chat-box .wcContainer.wcTheme .wcClassic, .radio-chat-box .wcContainer.wcTheme .wcMessagesArea, .radio-chat-box .wcContainer.wcTheme .wcTabContent:not(.wcInvisible), .radio-chat-box .wcContainer.wcTheme .wcChannel.wcChannelViewCompound { min-height: 22rem !important; } .radio-chat-box .wcContainer.wcTheme .wcTabs .wcTab .wcName { font-size: 0.95rem !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; } .radio-chat-box .wcContainer.wcTheme .wcTabs .wcTabChannels .wcName { font-size: 0 !important; } .radio-chat-box .wcContainer.wcTheme .wcTabs .wcTabChannels .wcName::after { content: "Chat" !important; font-size: 0.95rem !important; font-weight: 600 !important; } .radio-chat-box .wcContainer.wcTheme .wcTabs .wcTab.wcCurrent { border-bottom-color: rgba(140, 255, 183, 0.45) !important; } .radio-chat-box .wcContainer.wcTheme .wcChannelInput .wcInputs, .radio-chat-box .wcContainer.wcTheme .wcChannel.wcChannelSizeXXs .wcChannelInput .wcInputs { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "input emoji" "send send" !important; align-items: end !important; gap: 0.7rem 0.7rem !important; } .radio-chat-box .wcContainer.wcTheme .wcChannelInput .wcInputs .wcInput, .radio-chat-box .wcContainer.wcTheme .wcChannel.wcChannelSizeXXs .wcChannelInput .wcInputs .wcInput { grid-area: input !important; width: 100% !important; min-width: 0 !important; } .radio-chat-box .wcContainer.wcTheme .wcChannelInput .wcInputs .wcInputButtons, .radio-chat-box .wcContainer.wcTheme .wcChannel.wcChannelSizeXXs .wcChannelInput .wcInputs .wcInputButtons { display: contents !important; width: auto !important; } .radio-chat-box .wcContainer.wcTheme .wcChannelInput .wcInputs .wcInputButtons .wcInputButton.wcEmoticon, .radio-chat-box .wcContainer.wcTheme .wcChannel.wcChannelSizeXXs .wcChannelInput .wcInputs .wcInputButtons .wcInputButton.wcEmoticon { grid-area: emoji !important; justify-self: end !important; align-self: center !important; width: 2.9rem !important; min-width: 2.9rem !important; height: 2.9rem !important; } .radio-chat-box .wcContainer.wcTheme .wcChannelInput .wcInputs .wcInputButtons .wcSubmit, .radio-chat-box .wcContainer.wcTheme .wcChannel.wcChannelSizeXXs .wcChannelInput .wcInputs .wcInputButtons .wcSubmit { grid-area: send !important; justify-self: center !important; align-self: center !important; min-width: 7rem !important; width: auto !important; height: 3rem !important; font-size: 0.96rem !important; background-image: none !important; background-size: auto !important; background-position: initial !important; background-repeat: no-repeat !important; flex: 0 0 auto !important; } } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content { border: 1px solid rgba(140, 255, 183, 0.18) !important; border-radius: 0.9rem !important; background: #11161d !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important; overflow: hidden !important; } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .wcAddonsLibrary, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .wcAddonsLibrary, [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .wcCategory, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .wcCategory { background: #11161d !important; } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .wcCategories, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .wcCategories { border-bottom: 1px solid rgba(140, 255, 183, 0.14) !important; background: #151c24 !important; } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .wcCategoryButton, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .wcCategoryButton { background: transparent !important; } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .wcCategoryButton.wcCategoryButtonActive, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .wcCategoryButton.wcCategoryButtonActive { background: rgba(140, 255, 183, 0.08) !important; } [role="tooltip"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .ScrollbarsCustom-Track, [role="dialog"].wcPopup-content.wcEmoticonsPopup-content.wcTheme-content .ScrollbarsCustom-Track { background: rgba(255, 255, 255, 0.05) !important; } [role="tooltip"].wcRecentPopup-content, [role="dialog"].wcRecentPopup-content { background: #11161d !important; border: 1px solid rgba(140, 255, 183, 0.18) !important; border-radius: 0.9rem !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38) !important; color: #f5f5f5 !important; } #popup-root .wcPopup-overlay { background: rgba(4, 6, 8, 0.7) !important; backdrop-filter: blur(2px) !important; } [role="tooltip"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content), [role="dialog"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) { background: linear-gradient(180deg, rgba(18, 20, 24, 0.98), rgba(12, 14, 18, 0.98)) !important; border: 1px solid rgba(140, 255, 183, 0.14) !important; border-radius: 0.95rem !important; box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45) !important; color: #f5f5f5 !important; overflow: hidden !important; } [role="tooltip"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) > .wcHeader, [role="dialog"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) > .wcHeader { background: rgba(255, 255, 255, 0.02) !important; border-bottom: 1px solid rgba(140, 255, 183, 0.12) !important; color: #f5f5f5 !important; } [role="tooltip"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) > .wcHeader h5, [role="dialog"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) > .wcHeader h5 { color: #f5f5f5 !important; font-weight: 700 !important; } [role="tooltip"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) > .wcHeader .wcClose, [role="dialog"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) > .wcHeader .wcClose { color: rgba(245, 245, 245, 0.65) !important; } [role="tooltip"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) > .wcBody, [role="dialog"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) > .wcBody, [role="tooltip"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) .wcBody *, [role="dialog"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) .wcBody * { background: transparent !important; color: #f5f5f5 !important; } [role="tooltip"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) .wcErrorBox, [role="dialog"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) .wcErrorBox { background: rgba(255, 59, 59, 0.08) !important; border: 1px solid rgba(255, 107, 107, 0.22) !important; color: #ffd2d2 !important; } [role="tooltip"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) .wcFooter, [role="dialog"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) .wcFooter { background: transparent !important; border-top: 1px solid rgba(255, 255, 255, 0.06) !important; } [role="tooltip"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) button, [role="dialog"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) button { min-height: 2.7rem !important; padding: 0.7rem 1rem !important; border: 1px solid rgba(255, 107, 107, 0.5) !important; border-radius: 0.75rem !important; background: linear-gradient(135deg, rgba(255, 59, 59, 0.96), rgba(255, 107, 107, 0.92)) !important; color: #090909 !important; font-weight: 600 !important; box-shadow: none !important; } [role="tooltip"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) button:hover, [role="tooltip"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) button:focus-visible, [role="dialog"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) button:hover, [role="dialog"].wcPopup-content.wcTheme-content:not(.wcEmoticonsPopup-content):not(.wcRecentPopup-content) button:focus-visible { background: linear-gradient(135deg, rgba(255, 92, 92, 1), rgba(255, 132, 132, 0.96)) !important; border-color: rgba(255, 153, 153, 0.7) !important; } .wcTabRecent, .wcRecentTrigger {display: none !important;} .wcContainer .wcBrowser .wcChannels .wcChannelTrigger {pointer-events:none;} .wcClassic.wcMobile .wcTabs { padding-bottom: 0.5rem; padding-top: 0.5rem; border-bottom: 1px solid #333; } .wcClassic.wcMobile.wcSizeXXs .wcTabs.wcTabsCompact .wcTab { height: 20px; background-size: 16%; } .wcClassic.wcMobile .wcTabContent .wcChannelEntry:active, .wcClassic.wcMobile .wcTabContent .wcChannelEntry:hover{background: rgba(255, 132, 132, 0.7) !important;}