@charset "utf-8";

.viafoura.viafoura-injection, .vf3-comments { --primary-font: "Doric News UI", "Helvetica Neue", Helvetica, Arial, sans-serif; --background-color: #f8f8f8; --default-color: #ffffff; --primary-color-20: #222222; --accent-color-light: #222222; --light-text-on-background-color: #767676 !important; --dark-text-on-background-color: #222222 !important; --light-text-on-default-color: #767676 !important; --dark-text-on-default-color: #222222 !important; --secondary-text-color: #767676 !important; --text-on-accent-color: #767676 !important; --primary-color-10: #b5b5b5 !important; --accent-color: #b5b5b5 !important; --accent-color-dark: #767676 !important; }

.viafoura.viafoura-injection { min-height: 100px; }

.viafoura.viafoura-injection .v3-comments__post-form { display: none !important; }

.viafoura.viafoura-injection .vf3-comments { background-color: rgb(248, 248, 248) !important; }

.viafoura.viafoura-injection .vf3-comments .vf-comment-header, .viafoura.viafoura-injection .vf3-comments .vf3-comments__tabbed-nav__right .vf-tray-trigger { display: none !important; }

.viafoura.viafoura-injection .vf3-comments .vf3-comments__tabbed-nav__right { margin-right: 28px; }

.viafoura.viafoura-injection .vf3-comments .vf-post-form__new-content .vf-content-layout__left { padding-top: 0px !important; }

.viafoura.viafoura-injection .vf3-comments .vf-post-form__new-content .vf-content-layout__right { border: 1px solid rgb(181, 181, 181) !important; border-radius: 8px !important; box-shadow: none !important; background-color: rgb(255, 255, 255) !important; }

.viafoura.viafoura-injection .vf3-comments .vf-post-form__new-content .vf-content-layout__right::before, .viafoura.viafoura-injection .vf3-comments .vf-post-form__new-content .vf-content-layout__right::after { display: none; }

.viafoura.viafoura-injection .vf3-comments .vf-post-form__new-content .vf-content-layout__right .vf-new-content__content-editor-wrapper { padding-top: 0px; padding-bottom: 0px; min-height: 36px; }

.viafoura.viafoura-injection .vf3-comments .vf-nav-button::before { display: none; }

.viafoura.viafoura-injection .vf3-comments .vf-flex-nav { display: flex !important; }

.viafoura.viafoura-injection .vf3-comments .vf-nav-tab-button__text { text-transform: capitalize; color: rgb(118, 118, 118) !important; font-size: 15px !important; }

.viafoura.viafoura-injection .vf3-comments .vf-nav-tab-button__badge { padding: 0px; background-color: transparent !important; color: rgb(34, 34, 34) !important; font-size: 15px !important; margin-left: 4px !important; font-weight: unset !important; }

.viafoura.viafoura-injection .vf3-comments .vf-dropdown-wrapper, .viafoura.viafoura-injection .vf3-comments .vf-dropdown-trigger .vf-dropdown-button__text, .viafoura.viafoura-injection .vf3-comments vf-chevron-icon { color: rgb(118, 118, 118); font-size: 15px; font-weight: 400; text-transform: lowercase; }

.viafoura.viafoura-injection .vf3-comments .vf-dropdown-wrapper::first-letter, .viafoura.viafoura-injection .vf3-comments .vf-dropdown-wrapper span::first-letter, .viafoura.viafoura-injection .vf3-comments .vf-dropdown-trigger .vf-dropdown-button__text::first-letter, .viafoura.viafoura-injection .vf3-comments .vf-dropdown-trigger .vf-dropdown-button__text span::first-letter, .viafoura.viafoura-injection .vf3-comments vf-chevron-icon::first-letter, .viafoura.viafoura-injection .vf3-comments vf-chevron-icon span::first-letter { text-transform: capitalize; }

.viafoura.viafoura-injection .vf3-comments::before { display: none; }

.viafoura.viafoura-injection .vf3-comments .vf-chevron-icon { color: rgb(118, 118, 118) !important; }

.viafoura.viafoura-injection .vf3-comments .vf-dropdown-button { background-color: rgb(248, 248, 248) !important; border: none !important; }

.viafoura.viafoura-injection .vf3-comments .vf-dropdown__tooltip-content { border-radius: 8px; overflow: revert; }

.viafoura.viafoura-injection .vf3-comments .vf-dropdown__tooltip-content .vf-dropdown__list { border-radius: 8px; padding: 5px 0px; }

.viafoura.viafoura-injection .vf3-comments .vf-dropdown__tooltip-content .vf-dropdown__list .vf-dropdown-button { color: rgb(118, 118, 118); }

.viafoura.viafoura-injection .vf3-comments .vf-tabbed-nav { border-bottom: none !important; background-color: rgb(248, 248, 248) !important; }

.viafoura.viafoura-injection .vf3-comments .vf-tabbed-nav.vf-horiz-list { padding: 0px !important; }

.viafoura.viafoura-injection .vf3-comments .vf-default-avatar { background: rgb(34, 34, 34) !important; }

.viafoura.viafoura-injection .vf3-comments .vf-post-details__name, .viafoura.viafoura-injection .vf3-comments .vf-avatar--clickable { pointer-events: none; }

.viafoura.viafoura-injection .vf3-comments .vf-post-details__name::before, .viafoura.viafoura-injection .vf3-comments .vf-post-details__name::after, .viafoura.viafoura-injection .vf3-comments .vf-avatar--clickable::before, .viafoura.viafoura-injection .vf3-comments .vf-avatar--clickable::after { display: none !important; }

.viafoura.viafoura-injection .vf3-comments .vf-front-avatar.vf-post-form__avatar { min-height: 36px !important; min-width: 36px !important; height: 36px !important; width: 36px !important; }

.viafoura.viafoura-injection .vf3-comments .vf-front-avatar.vf-post-form__avatar .vf-default-avatar__name { font-size: 13px; }

.viafoura.viafoura-injection .vf3-comments .vf-front-avatar.vf3-comment__avatar, .viafoura.viafoura-injection .vf3-comments .vf-front-avatar.vf3-reply-with-new__avatar { min-height: 20px !important; min-width: 20px !important; height: 20px !important; width: 20px !important; }

.viafoura.viafoura-injection .vf3-comments .vf-front-avatar.vf3-comment__avatar .vf-default-avatar__name, .viafoura.viafoura-injection .vf3-comments .vf-front-avatar.vf3-reply-with-new__avatar .vf-default-avatar__name { font-size: 8px; }

.viafoura.viafoura-injection .vf3-comments .realtime-main-button { background-color: rgb(255, 255, 255) !important; text-transform: lowercase !important; font-size: 15px !important; border: 1px solid rgb(221, 221, 221) !important; border-radius: 8px !important; color: rgb(34, 34, 34) !important; padding: 8px !important; }

.viafoura.viafoura-injection .vf3-comments .realtime-main-button::first-letter { text-transform: capitalize !important; }

.viafoura.viafoura-injection .vf3-comments .realtime-main-button.realtime-bar-button--with-skip { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right: none !important; }

.viafoura.viafoura-injection .vf3-comments .realtime-action-button { text-transform: lowercase; background-color: rgb(34, 34, 34) !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; border-radius: 0px 8px 8px 0px !important; padding: 8px !important; border-left: none !important; }

.viafoura.viafoura-injection .vf3-comments .realtime-action-button::first-letter { text-transform: capitalize !important; }

.viafoura.viafoura-injection .vf3-comments .vf3-comments__bottom-action { margin-bottom: 50px !important; }

.viafoura.viafoura-injection .vf3-comments .vf-content-editor-actions__cancel, .viafoura.viafoura-injection .vf3-comments .vf-content-editor-actions__submit, .viafoura.viafoura-injection .vf3-comments .vf-load-more__button, .viafoura.viafoura-injection .vf3-comments .vf3-comments__bottom-action .vf-button { margin: 0px 10px; height: 40px; border: 1px solid rgb(34, 34, 34) !important; border-radius: 100px !important; color: rgb(34, 34, 34) !important; padding: 8px 16px !important; text-decoration: none !important; text-transform: lowercase !important; font-size: 17px !important; background-color: rgb(255, 255, 255) !important; flex-grow: unset !important; min-width: 90px !important; }

.viafoura.viafoura-injection .vf3-comments .vf-content-editor-actions__cancel::first-letter, .viafoura.viafoura-injection .vf3-comments .vf-content-editor-actions__submit::first-letter, .viafoura.viafoura-injection .vf3-comments .vf-load-more__button::first-letter, .viafoura.viafoura-injection .vf3-comments .vf3-comments__bottom-action .vf-button::first-letter { text-transform: capitalize !important; }

.viafoura.viafoura-injection .vf3-comments .vf-content-editor-actions__cancel:not([disabled]):hover, .viafoura.viafoura-injection .vf3-comments .vf-content-editor-actions__cancel:active, .viafoura.viafoura-injection .vf3-comments .vf-content-editor-actions__submit:not([disabled]):hover, .viafoura.viafoura-injection .vf3-comments .vf-content-editor-actions__submit:active, .viafoura.viafoura-injection .vf3-comments .vf-load-more__button:not([disabled]):hover, .viafoura.viafoura-injection .vf3-comments .vf-load-more__button:active, .viafoura.viafoura-injection .vf3-comments .vf3-comments__bottom-action .vf-button:not([disabled]):hover, .viafoura.viafoura-injection .vf3-comments .vf3-comments__bottom-action .vf-button:active { opacity: 1; border-color: rgb(51, 51, 51) !important; background-color: rgb(51, 51, 51) !important; color: rgb(255, 255, 255) !important; }

.viafoura.viafoura-injection .vf3-comments .vf-content-editor-actions__submit:disabled { opacity: 0.6; border-color: rgb(51, 51, 51) !important; background-color: rgb(51, 51, 51) !important; color: rgb(255, 255, 255) !important; }

.viafoura.viafoura-injection .vf3-comments .vf-content-editor-actions__submit:not([disabled]) { border-color: rgb(34, 34, 34) !important; background-color: rgb(34, 34, 34) !important; color: rgb(255, 255, 255) !important; }

.viafoura.viafoura-injection .vf3-comments .vf3-comments__bottom-action .vf-button, .viafoura.viafoura-injection .vf3-comments .vf-loader-button.vf-load-more__button.vf-button__full-width { background-color: rgb(34, 34, 34) !important; color: rgb(255, 255, 255) !important; }

.viafoura.viafoura-injection .vf3-comments .vf-content-editor-actions { background-color: unset !important; }

.viafoura.viafoura-injection .vf3-comments .vf-back-button { text-transform: capitalize; font-size: 12px; }

@media screen and (max-width: 767px) {
  .viafoura.viafoura-injection .vf3-comments .vf-content-focus-container-modal__header { position: relative !important; }
}

.viafoura.viafoura-injection .vf3-comments .vf-content-focus-container-modal__header-text { text-transform: lowercase; font-size: 13px; color: rgb(34, 34, 34) !important; font-family: "Doric-News UI", sans-serif !important; }

.viafoura.viafoura-injection .vf3-comments .vf-content-focus-container-modal__header-text::first-letter { text-transform: capitalize; }

.viafoura.viafoura-injection .vf3-comments .vf-content-focus-container-modal__header-text:focus { text-decoration: none !important; }

.viafoura.viafoura-injection .vf3-comments .vf-thread__old-content-indicator { color: rgb(34, 34, 34) !important; text-decoration: none !important; }

.viafoura.viafoura-injection .vf3-comments .vf-thread__old-content-indicator .vf-label { font-size: 12px !important; font-weight: 400 !important; }

.viafoura.viafoura-injection .vf3-comments .vf-thread__old-content-indicator .vf-label.vf-label-upper { text-transform: lowercase; }

.viafoura.viafoura-injection .vf3-comments .vf-thread__old-content-indicator .vf-label.vf-label-upper::first-letter { text-transform: capitalize; }

.viafoura.viafoura-injection .vf3-comments .vf-thread__old-content-indicator .vf-threaded-content-indicator__icon { stroke: rgb(34, 34, 34) !important; }

.viafoura.viafoura-injection .vf-content-layout__left .vf-threaded-content-indicator__icon path { fill: rgb(34, 34, 34) !important; }

.viafoura.viafoura-injection .vf-content-layout__left .vf-threaded-content-indicator__icon text { color: rgb(255, 255, 255) !important; }

.viafoura.viafoura-injection .vf3-comment .vf-content-layout { padding: 10px 5px; border-radius: 8px !important; }

.viafoura.viafoura-injection .vf3-comment .vf-post-name-button__username { font-family: "Doric News UI", sans-serif !important; }

.viafoura.viafoura-injection .vf3-comment.vf3-comment--entered { background-color: rgb(242, 242, 242) !important; }

.viafoura.viafoura-injection .vf3-comment.vf3-comment--pinned .vf-content-layout { background: rgb(238, 238, 238); border-radius: 8px; padding: 10px 5px; }

.viafoura.viafoura-injection .vf3-comment .vf-post-details__pinned { background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; height: 21px; margin-left: auto; padding: 2px 4px; display: inline-flex; }

.viafoura.viafoura-injection .vf3-comment .vf-post-details__pinned .vf-pin-icon { height: 13px !important; }

.viafoura.viafoura-injection .vf3-comment .vf-post-details__pinned .vf-pin-badge__text { display: inline-block; font-size: 12px; margin-top: -2px; text-transform: lowercase; }

.viafoura.viafoura-injection .vf3-comment .vf-post-details__pinned .vf-pin-badge__text::first-letter { text-transform: capitalize !important; }

.viafoura.viafoura-injection .vf3-comment .vf-content-layout__left { margin-right: 0px !important; }

.viafoura.viafoura-injection .vf3-comment .vf-content-text { font-size: 15px; }

.viafoura.viafoura-injection .vf3-comment .vf-post-name-button__username { font-weight: 400; font-size: 13px !important; color: rgb(34, 34, 34) !important; }

.viafoura.viafoura-injection .vf3-comment .vf-post-details__time { padding-left: 4px; text-transform: none !important; font-size: 13px !important; }

.viafoura.viafoura-injection .vf3-comment .vf-post-details__time::before { height: 4px; width: 4px; }

.viafoura.viafoura-injection .vf3-comment .vf-editors-pick-badge { background: rgb(34, 34, 34); padding: 0px 4px; border-radius: 4px; margin-left: 3px; }

.viafoura.viafoura-injection .vf3-comment .vf-editors-pick-badge .vf-icon_editors-pick { display: none !important; }

.viafoura.viafoura-injection .vf3-comment .vf-editors-pick-badge .vf-editors-pick-badge__text { text-transform: capitalize !important; font-size: 13px !important; margin-left: 0px !important; color: rgb(255, 255, 255) !important; }

.viafoura.viafoura-injection .vf3-comment .vf-custom-badge { background: rgb(34, 34, 34) !important; border-radius: 4px !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; padding: 2px !important; text-transform: capitalize !important; }

.viafoura.viafoura-injection .vf3-comment .vf-badge.vf-comment__edited-badge { border: 1px solid rgb(221, 221, 221); text-transform: capitalize; font-size: 13px; background-color: rgb(255, 255, 255); padding: 4px; border-radius: 4px; }

.viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button, .viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button .vf-count-button__count { font-size: 12px; color: rgb(118, 118, 118) !important; opacity: 1 !important; text-transform: capitalize !important; }

.viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button:hover, .viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button:focus, .viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button:hover::before, .viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button:focus::before, .viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button .vf-count-button__count:hover, .viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button .vf-count-button__count:focus, .viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button .vf-count-button__count:hover::before, .viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button .vf-count-button__count:focus::before { color: rgb(34, 34, 34) !important; text-decoration: none !important; }

.viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button:hover .vf-count-button__count, .viafoura.viafoura-injection .vf3-comment .vf-comment__bottom-actions .vf-button .vf-count-button__count:hover .vf-count-button__count { color: rgb(34, 34, 34) !important; }

.viafoura.viafoura-injection .vf3-comment .vf-content-actions__like .vf-thumbsup-icon, .viafoura.viafoura-injection .vf3-comment .vf-content-actions__like .vf-icon_chevron-up { display: none; }

.viafoura.viafoura-injection .vf3-comment .vf-content-actions__like::before { content: "Like" !important; letter-spacing: normal !important; position: static !important; }

.viafoura.viafoura-injection .vf3-comment .vf-content-actions__like.vf-content-actions__like--liked::before { content: "Unlike" !important; font-weight: 400 !important; }

.viafoura.viafoura-injection .vf3-comment .vf-thumbsdown-icon { fill: none !important; stroke: rgb(118, 118, 118) !important; width: 16px !important; height: 16px !important; }

.viafoura.viafoura-injection .vf3-comment .vf-comment__read-more { margin-top: 8px !important; }

.viafoura.viafoura-injection .vf3-comment .vf-comment__read-more:hover { color: rgb(34, 34, 34) !important; }

.viafoura.viafoura-injection .vf3-comment .vf-thread__old-content-indicator:hover, .viafoura.viafoura-injection .vf3-comment .vf-reply-to--entered, .viafoura.viafoura-injection .vf3-comment .vf-reply-to--entered .vf-reply-to__reply-name { color: rgb(34, 34, 34) !important; text-decoration: none !important; }

.viafoura.viafoura-injection .vf3-comment .vf-content-actions__share, .viafoura.viafoura-injection .vf3-comment .vf-user-badge__moderator-badge { display: none !important; }

.viafoura.viafoura-injection .vf-threaded-content-indicator__layout .vf-content-layout__left { margin-right: 0px !important; }

.viafoura.viafoura-injection .vf-branding-container { display: none !important; }

.vf-modal__overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.55); display: flex; align-items: center; justify-content: center; z-index: 10000; opacity: 0; transition: opacity 0.5s ease-in-out; font-family: "Doric News UI", sans-serif; }

@media screen and (max-width: 767px) {
  .vf-modal__overlay { align-items: flex-end !important; }
}

.tmg-modal-wrapper { position: relative; width: min(90vw, 700px); height: 0px; opacity: 0; max-height: 90vh; overflow: hidden; transition: height 0.25s ease-in-out, opacity 0.5s ease-in-out; }

.tmg-modal-wrapper .tmg-modal-absolute { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; overflow: hidden; }

.tmg-modal-wrapper .vf-modal__body { background: rgb(248, 248, 248); width: 100%; max-height: 90vh; overflow: auto; border-radius: 8px; padding: 16px; position: relative; }

@media screen and (max-width: 767px) {
  .tmg-modal-wrapper { width: 100%; }
  .tmg-modal-wrapper .tmg-modal-absolute, .tmg-modal-wrapper .vf-modal__body { border-radius: 8px 8px 0px 0px; }
}

.tmg-modal-content-blocked-area { position: absolute; top: 0px; left: 0px; width: 100%; height: 16px; pointer-events: none; background: rgb(248, 248, 248); z-index: 10; border-radius: 8px 8px 0px 0px; }

@media screen and (max-width: 767px) {
  .tmg-modal-wrapper, .tmg-modal-wrapper .vf-modal__body { max-height: 100vh; }
  .tmg-modal-content-blocked-area::after { content: " "; position: absolute; top: 7px; height: 5px; width: min(50%, 130px); left: 50%; transform: translate(-50%); border-radius: 8px; background-color: rgb(178, 178, 178); pointer-events: none; }
}

.vf-modal__close { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: sticky; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font-family: "Doric News UI", sans-serif; font-feature-settings: unset; font-kerning: unset; font-optical-sizing: unset; font-palette: unset; font-size: 18px; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; bottom: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: block; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interpolate-size: unset; isolation: unset; left: calc(100% - 36px); letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: 1; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: all; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; resize: unset; right: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; top: 25px; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: 11; }

.tmg-input-comment-wrapper { display: flex; flex-direction: row; gap: 8px; padding: 8px; border-radius: 26px; border: 0.5px solid rgb(255, 255, 255); background: rgba(248, 248, 248, 0.8); box-shadow: rgba(34, 34, 34, 0.05) 0px 0px 0px 1px, rgba(34, 34, 34, 0.08) 0px 16px 32px, rgba(34, 34, 34, 0.08) 0px 8px 16px, rgba(34, 34, 34, 0.08) 0px 4px 8px, rgba(34, 34, 34, 0.08) 0px 2px 4px, rgba(34, 34, 34, 0.08) 0px 1px 2px; z-index: 10; pointer-events: all; }

.tmg-input-comment-wrapper .tmg-vf-avatar { width: 36px; height: 36px; border-radius: 20px; overflow: hidden; flex-shrink: 0; color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); display: flex; align-items: center; justify-content: center; }

.tmg-input-comment-wrapper .tmg-vf-avatar span { text-align: center; font-size: 13px; line-height: 17px; }

.tmg-input-comment-wrapper .tmg-input-comment { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-optical-sizing: unset; font-palette: unset; font-size: 16px; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: var(--doric-ui-regular); font-weight: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-attachment: unset; background-blend-mode: unset; background-clip: unset; background-color: rgb(255, 255, 255); background-image: unset; background-origin: unset; background-position: unset; background-repeat: unset; background-size: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: 1px solid rgb(204, 204, 204); border-radius: 20px; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: block; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: 1 1 auto; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; line-height: 22px; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: 240px; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: 20px; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow-x: unset; overflow-y: hidden; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: 8px 12px; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; resize: none; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: width 0.2s ease-in-out, height 0.2s ease-in-out; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: 100%; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; }

.tmg-input-comment-wrapper .tmg-input-comment.submitting, .tmg-input-comment-wrapper .tmg-input-comment.disabled { opacity: 0.5; pointer-events: none; color: rgb(140, 140, 140); background-color: rgba(255, 255, 255, 0.75); }

.tmg-input-comment-wrapper .tmg-input-comment:focus { outline: none; }

.tmg-input-comment-wrapper .tmg-btn-primary { background: rgb(34, 34, 34); color: rgb(255, 255, 255); padding: 8px 12px; border: none; border-radius: 100px; height: 36px; text-decoration: none; transition: opacity 0.2s; font-family: var(--Button-Label-Button-Label-2-Button-Label-2, "Doric News UI"); font-size: var(--Button-Label-Button-Label-2-Button-Label-2---Size, 15px); font-style: normal; font-variation-settings: var(--font-doric-news-ui-regular); line-height: var(--Button-Label-Button-Label-2-Button-Label---Line-Height, 15px); display: flex; align-items: center; gap: 4px; }

.tmg-input-comment-wrapper .tmg-btn-primary.submitting, .tmg-input-comment-wrapper .tmg-btn-primary.disabled { opacity: 0.5; pointer-events: none; color: rgb(140, 140, 140); background-color: rgba(34, 34, 34, 0.75); }

.tmg-input { position: absolute; margin: 16px; bottom: 0px; width: calc(100% - 32px); }

.tmg-modal-bottom-fade { position: absolute; bottom: 0px; width: 100%; height: 120px; background: linear-gradient(rgba(248, 248, 248, 0), rgb(248, 248, 248) 40%, rgb(248, 248, 248) 100%); pointer-events: none; z-index: 9; }

.tmg-input-login-subscribe { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; }

.bring-to-front { z-index: 10000008; }

.vf-loading { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 40%; color: rgb(136, 136, 136); }

.vf-loading > * { animation: 0.9s linear 0s infinite normal none running loader-spin; }

.vf-loading svg { fill: none !important; }

@keyframes loader-spin { 
  100% { transform: rotate(360deg); }
}